@charset "UTF-8";
@import url("http://spoqa.github.io/spoqa-han-sans/css/Noto Sans KR.css");
body {
  font-size: 16rem;
  background: #fff;
  color: #3d3d3d;
}

/* import*/
@media (max-width: 768px) {
  .hidden-xs {display: none;}
}

/* basic font setting */
* {
  font-family: "Spoqa Han Sans Neo", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  font-weight: 300;
}

strong {font-weight: 700;}

.strong {font-weight: 700;}

.highlight-line {position: relative;}

.highlight-line::after {
  content: "";
  position: absolute;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 103%;
  height: 12rem;
  background: #5E85BC;
  opacity: 0.5;
  z-index: -1;
}

.bgFix {background-attachment: fixed !important;}

.visible-xs {display: none;}

@media (max-width: 768px) {
  .visible-xs {display: block !important;}
}

.hidden-xs {display: unset;}

@media (max-width: 768px) {
  .hidden-xs {display: none !important;}
}

.lh17 {line-height: 1.7;}

.lh22 {line-height: 2.2;}

.redtext {
  position: relative;
  height: 0;
  font-size: 50rem;
  font-weight: 800;
  color: tomato;
  z-index: 99999;
  opacity: 0.5;
}

.redtext span {position: absolute;}

/* common*/
html {
  font-size: 6.25%;
  color: #1F4995;
}

@media (min-width: 2000px) {
  html {font-size: 0.0525486075vw;}
}

@media (max-width: 1280px) {
  html {font-size: 0.0724636vw;}
}

@media (max-width: 768px) {
  html {font-size: 0.18vw;}
}

@media (max-width: 768px) {
  body > .mainwrapper {
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}

body {
  font-size: 16rem;
  background-color: #fff;
}

.bg_white {background-color: #fff;}

.bg_beige {background-color: #fff;}

* {
  word-break: keep-all;
}

.header_wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

.header_wrap .brain {
  width: 90%;
  max-width: 90%;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.heder_logo{
    text-align: center
}

.brain{
    width:80%;
    cursor:pointer;
}

.header_wrap .brain ul li{
    float:left;
     margin-left:15rem;
}

.header_wrap .brain .tel_info {
  -ms-grid-column-align: start;
      justify-self: start;
}

@media (max-width: 768px) {
  .header_wrap .brain .tel_info {
    text-align: center;
  }
}

.header_wrap .brain ul .tel_info div {
  display: block;
  font-size: 17rem;
  line-height: 1.8;
  font-weight: 500;
}

.header_wrap .brain ul .tel_info a {
  font-weight: 500;
  font-size: 26rem;
  color: #37acb0;
}

.header_wrap .brain ul .tel_info a img{
    width:35rem;
}



@media (max-width: 768px) {
  .header_wrap .brain .tel_info a {font-size: 17rem;}
    
    .header_wrap .brain .sub_tel{display:none;}
}


.header_wrap .brain .header_logo {
  cursor: pointer;
  display: inline-block;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  margin: 20rem 0;
  width: 320rem;
  height: 60rem;
  background: url("../img/common/header_logo.svg") no-repeat center center/contain;
}

@media (max-width: 768px) {
  .header_wrap .brain .header_logo {
    margin: 0;
    height: 80rem;
    background-image: url("../img/common/xs_logo.svg");
  }
}

.header_wrap .brain .links {
  -ms-grid-column-align: end;
      justify-self: end;
  font-size: 14rem;
  font-weight: 600;
  text-align: right;
  color: #1F4995;
}

.header_wrap .brain .links .capsule {
  height: 30rem;
  display: -ms-grid;
  display: grid;
  place-content: center;
  border-radius: 115rem;
  color: #fff;
  background-color: #1F4995;
  padding: 15rem 22rem;
}

.header_wrap .brain .links .capsule:hover{
  background-color:#37acb5;
  transition:0.4s;
}

.header_wrap .brain .links a img {
  width: 35rem;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.header_wrap .gnbBg {
  height: 60rem;
  background: #1F4995;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.header_wrap .gnbBg.is-active {
  overflow: visible;
}

.header_wrap .gnbBg.is-active .gnbBg_depth {
  height: 300rem;
  opacity: 1;
}

.header_wrap .gnbBg.is-active .nav_wrap li .depth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}

.header_wrap .gnbBg_depth {
  position: absolute;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  background: url(../img/common/bg_big_logo.svg) no-repeat right bottom/contain #fff;
  border-bottom: 4rem solid #1F4995;
}

@media (max-width: 768px) {
  .header_wrap .gnbBg_depth {display: none;}
}

.header_wrap .nav_wrap {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  max-width: 1300rem;
  margin: 0 auto;
}

.header_wrap .nav_wrap .navbar {
  -webkit-animation: open_wide 0.5s ease;
  animation: open_wide 0.5s ease;
  position: -webkti-sticky;
  top: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  text-align: center;
}

@media (max-width: 768px) {
  .header_wrap .nav_wrap .navbar {display: none;}
}

.header_wrap .nav_wrap .navbar > li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.header_wrap .nav_wrap .navbar > li .nav_head {
  width: 100%;
  display: inline-block;
  font-size: 19rem;
  color: #ffffff;
  padding: 15rem 0;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.header_wrap .nav_wrap .navbar > li .nav_head:hover {
  background-color: #37ACB0;
  transition:0.5s;
}

.header_wrap .nav_wrap .navbar > li .depth {
  margin-top: 20rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 16rem;
  line-height: 1.1;
  display: none;
  opacity: 0;
}

.header_wrap .nav_wrap .navbar > li .depth li a {
  position: relative;
  display: inline-block;
  padding: 8rem 5rem;
  overflow: hidden;
}

.header_wrap .nav_wrap .navbar > li .depth li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  height: 8rem;
  background-color: #d8e7ff;
  z-index: -1;
  width: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header_wrap .nav_wrap .navbar > li .depth li:hover a {
  font-weight: bold;
}

.header_wrap .nav_wrap .navbar > li .depth li:hover a::before {
  width: 100%;
}

.header_wrap .nav_wrap .mobile {
  width: 100%;
  height: 60rem;
  display: none;
}

@media (max-width: 768px) {
  .header_wrap .nav_wrap .mobile {display: block;}
}

.header_wrap .nav_wrap .mobile .navbar-brand {
  display: block;
  line-height: 60rem;
  float: left;
  padding-left: 15rem;
  color: #ffffff;
  font-size:20rem;
}

.header_wrap .nav_wrap .mobile .navbar-brand:hover {
  color: #37ACB0;
}

.header_wrap .nav_wrap .mobile .navbar-toggler {
  padding-right: 15rem;
  float: right;
  height: 60rem;
  background-color: transparent;
  cursor: pointer;
  border: none;
}

.header_wrap .nav_wrap .mobile .navbar-toggler .line {
  width: 25rem;
  height: 2rem;
  background-color: #ecf0f1;
  display: block;
  margin: 5rem auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header_wrap .nav_wrap .mobile .navbar-toggler.is-active .line:nth-child(1) {
  -webkit-transform: translateY(5rem) rotate(45deg);
          transform: translateY(5rem) rotate(45deg);
}

.header_wrap .nav_wrap .mobile .navbar-toggler.is-active .line:nth-child(2) {
  opacity: 0;
}

.header_wrap .nav_wrap .mobile .navbar-toggler.is-active .line:nth-child(3) {
  -webkit-transform: translateY(-9rem) rotate(-45deg);
          transform: translateY(-9rem) rotate(-45deg);
}

.gnb_mobile {
  display: none;
  position: relative;
  right: -100%;
}

.gnb_mobile .gnb_mobile_bg {
  background-color: #fff;
  height: 100vh;
  width: 100vw;
  position: absolute;
  z-index: -1;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.gnb_mobile.is-active {
  display: block;
  -webkit-animation: toRight 0.3s 0.1s ease-out forwards;
  animation: toRight 0.3s 0.1s ease-out forwards;
}

.gnb_mobile.is-active .gnb_mobile_bg {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.gnb_mobile .gnb_nav {
  width: 100%;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.gnb_mobile .gnb_nav .nav-item {
  display: block;
  padding-left: 30rem;
  line-height: 60rem;
  width: 100%;
  -ms-grid-column-align: center;
      justify-self: center;
  background-color: #e9eef4;
  border-top: 1rem solid #BFD0E0;
  font-size:20rem;
}

.gnb_mobile .gnb_nav ul {
  width: 100%;
  background-color: #fff;
}

.gnb_mobile .gnb_nav ul a {
  font-size: 16rem;
  color: #1F4995;
  display: block;
  padding: 15rem;
  padding-left: 50rem;
  font-size:18rem;
}


/*map*/

.map_location {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 350rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .map_location {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -ms-flex-line-pack: center;
        align-content: center;
    margin-top: 150rem;
    max-width: 100%;
  }
}

.map_location #kakao_map {
  background-color: #eee;
  width: 50%;
  height: 500rem;
}

@media (max-width: 768px) {
  .map_location #kakao_map {
    width: 100%;
    max-width: 100%;
    min-width: 200rem;
    height: 300rem;
    margin: 0 auto;
  }
}

.map_location .location_info {
  width: 50%;
  height: 500rem;
  padding: 40rem;
  background-color: #5E85BC;
  background-image: url("../img/common/location_bg_logo.svg");
  background-position: right 25rem top 25rem;
  background-repeat: no-repeat;
  color: #fff;
  z-index: 9;
}

@media (max-width: 768px) {
  .map_location .location_info {
    width: 100%;
    background-position: bottom 20rem right 20rem;
    background-size: 30%;
    height: auto;
  }
}

.map_location .location_info .section_title {
  font-weight: 100;
  color: #1F4995;
  text-align: center;
  font-size: 40rem;
  margin: 0 auto;
  margin-top: 32rem;
  color: #fff;
  margin: 0;
  text-align: left;
}

.map_location .location_info .title {
  font-size: 19rem;
  margin-top: 20rem;
}

.map_location .location_info .item_list .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40rem;
}

.map_location .location_info .item_list .item_wrap .icon_wrap {
  width: 60rem;
  height: 60rem;
  border-radius: 50%;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 26rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.map_location .location_info .item_list .item_wrap .icon_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-filter: invert(100%);
          filter: invert(100%);
  mix-blend-mode: color-dodge;
}

.map_location .location_info .item_list .con_wrap .tit {
  font-size: 24rem;
  font-weight: bold;
  line-height: 29rem;
}

.map_location .location_info .item_list .con_wrap .con {
  margin-top: 10rem;
  margin-bottom: 10rem;
  font-size: 15rem;
  line-height: 1.8;
}

.parking_info {
  padding-top: 0;
}

.parking_info .container {
  width: 1300rem;
}

.parking_info .under_location {
  margin-top: 30rem;
  font-size: 21rem;
  color:#3d3d3d;
}

.parking_info .under_location .box {
  display: inline-block;
  margin-right: 10rem;
  padding: 0 10rem;
  background-color: #3877af;
  color: #fff;
  border-radius: 18rem;
}

/*--대리발급양식다운로드----*/

.down{
    width:100%;
    color:#fff;
    margin-top:50rem;
    background-color: #1a3b77;
}

.down .content_wrap{
  width: 1300rem;
  max-width: 100%;
  margin: 0 auto;
}

.down .content_wrap .text{
    width:100%;
    text-align: center;
    padding:15rem 0;
    box-sizing: border-box;
}

.down .content_wrap .text p{font-size:30rem; margin-bottom:15rem; font-weight: bold;}
.down .content_wrap .text span{font-size:20rem;}

.down .content_wrap .downIn{
    width:100%;
    max-width: 100%;
}

.down .content_wrap .downIn li{
    width:35%;
     padding:15rem 5rem;;
    box-sizing: border-box;
    float:left;
    text-align: center;
    line-height: 45rem;
    font-size:18rem;
}

.down .content_wrap .downIn li a{
    display: block;
    width:100%;
    height:100%;
}

.down .content_wrap .downIn li:hover{
    background-color:rgba(255, 255, 255, 0.2);
    transition:0.5s;
}

.down .content_wrap .downIn:after {
  content : "";
  display : block;
  clear : both;

}

.down .content_wrap .downIn li:first-child{
    width:30%;
    cursor:default;
    font-weight: bold;
    font-size:20rem;
    text-decoration: none;
}
.down .content_wrap .downIn li:first-child:hover{
    background-color:inherit;
}

@media (max-width: 768px){
    .down .content_wrap .text p{font-size:20rem;}
    .down .content_wrap .text span{font-size:18rem;}
    
    .down .content_wrap .downIn li{
        width:50%;
        padding:15rem 0;
        text-decoration: underline;
        font-size:15rem;
    }
    .down .content_wrap .downIn li:nth-child(1){width:100%; padding:0; background-color:rgba(255, 255, 255, 0.2)}
    .down .content_wrap .downIn li:nth-child(2){}
    .down .content_wrap .downIn li:nth-child(3){}
}

.quick_counsel {
    position: fixed;
    bottom: 40rem;
    right: 40rem;
    width:100rem;
    height:100rem;
    display: grid;
    place-content: center;
    z-index: 999;
    box-shadow: 0 0 13rem rgb(0 0 0 / 20%);
    border-radius: 50%;
}

.quick_counsel a{
    display:block;
    width:100rem;
    height:100rem;
    background: url(../img/main/kakao-1.png) no-repeat center;
    background-size: cover ;
    color: #fff;
    font-size: 19rem;
    font-weight: bold;
    border-radius: 50%;
}



.quick_counsel .title_wrap {
    color: #fff;
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 18rem 30rem;
    background: linear-gradient(to right, #ff9313, #77b833);
    border-top-right-radius: 30rem;
    border-top-left-radius: 30rem;
}


.quick_counsel .content {
    display: none;
    flex-direction: column;
    gap: 10rem;
    padding: 28rem 20rem 38rem;
    transition: .5s ease;
    opacity: 0;
}


/*******마지막 섹션 하단 패딩 ******/
section:last-of-type {
  padding-bottom: 180rem;
}

@media (max-width: 768px) {
  section:last-of-type {padding-bottom: 200rem;}
}

.sub_top {
  padding-bottom: 0 !important;
}

.footer_pseudo_bg {
  height: 300rem;
}

footer {
  position: relative;
  width: 100%;
  clear: both;
  font-size: 16rem;
  background-color: #1F4995;
  color: #ffffff;
}


@media (max-width: 1280px) {
  footer {padding-top: 50rem;}
}

@media (max-width: 768px) {
  footer {padding-top: 20rem;}
}

footer .content_wrap {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
      grid-template-areas: "logo info tel top" "line line line line" "copy copy noti noti";
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 50rem;
}

@media (max-width: 1280px) {
  footer .content_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}

@media (max-width: 768px) {
  footer .content_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

footer .content_wrap .footer_logo {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
}

@media (max-width: 768px) {
  footer .content_wrap .footer_logo {padding: 0;}
}

footer .content_wrap .company_info {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: info;
  width: 500rem;
}

@media (max-width: 768px) {
  footer .content_wrap .company_info {
    width: 100%;
    text-align: center;
  }
}

footer .content_wrap .company_info span {
  font-size: 16rem;
  line-height: 1.6;
  display: inline-block;
}

@media (max-width: 768px) {
  footer .content_wrap .company_info span {
    font-size: 14rem;
    text-align: center;
  }
}

footer .content_wrap .tel_info {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: tel;
}

@media (max-width: 768px) {
  footer .content_wrap .tel_info {
    margin-top: 20rem;
    text-align: center;
  }
}

footer .content_wrap .tel_info span {
  display: block;
  font-size: 16rem;
  line-height: 1.6;
}

footer .content_wrap .tel_info a {
  font-weight: 500;
  font-size: 28rem;
  color: #5E85BC;
}

footer .content_wrap hr {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 4;
  grid-area: line;
  opacity: 0.3;
  width: 100%;
  margin-top: -1rem;
}

footer .footer_top_btn {
  cursor: pointer;
  -ms-grid-row: 1;
  -ms-grid-column: 4;
  grid-area: top;
  justify-self: flex-end;
  -ms-flex-item-align: start;
      align-self: flex-start;
  background-color: #5E85BC;
  font-weight: 500;
  font-size: 18rem;
  width: 90rem;
  height: 190rem;
  padding-top: 105rem;
  text-align: center;
  background-image: url("../img/common/icon_footer_top_btn.png");
  background-repeat: no-repeat;
  background-position: top 54rem center;
}

@media (max-width: 1280px) {
  footer .footer_top_btn {display: none;}
}

footer .copyright {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: copy;
  margin-top: 30rem;
}

@media (max-width: 1280px) {
  footer .copyright {
    width: 100%;
    text-align: center;
  }
}

footer .noti {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  -ms-grid-column-span: 2;
  grid-area: noti;
  width: 450rem;
  justify-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30rem;
}

footer .noti li{
    text-decoration: underline;
}

footer .noti li:hover{
    font-weight: 700;
    color: #37acb5;
    transition:0.3s;
}

@media (max-width: 768px) {
  footer .noti {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 90%;
    font-size: 15rem;
  }
}

@media (max-width: 768px) {
  footer .noti li {
   width:100%;
      text-align: center;
  }
}


/* temp style */
.temp_intro {
  width: 1200rem;
  max-width: 90%;
  margin: 0 auto;
}

.temp_intro .section_title {
  font-weight: 100;
  color: #1F4995;
  text-align: center;
  font-size: 40rem;
  margin: 0 auto;
  margin-top: 32rem;
}

.temp_intro div {
  width: 100%;
  max-width: 100%;
}

.temp_intro div img {
  width: 100%;
  height: auto;
}

/* index style css*/
.section_main {
  margin-top: 200rem;
}

@media (max-width: 768px) {
  .section_main {
    margin-top: 0;
  }
}

.section_main .main_wrap {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

.section_main .main_wrap .slide_wrap .slide_01 .main_slide {
  background-image: url("../img/main/main_img_01.png");
}

.section_main .main_wrap .slide_wrap .slide_02 .main_slide {
  background-image: url("../img/main/main_img_02.png");
}

.section_main .main_wrap .slide_wrap .slide_03 .main_slide {
  background-image: url("../img/main/main_img_03.png");
}

.section_main .main_wrap .slide_wrap .slick-dots {
  bottom: 40rem;
  display: inline-block;
  width: 75%;
  text-align: right;
}

@media (max-width: 768px) {
  .section_main .main_wrap .slide_wrap .slick-dots {
    width: 100%;
    text-align: center;
    bottom: 20rem;
  }
}

.section_main .main_wrap .main_slide {
  -webkit-animation: opa_up 0.8s ease;
  animation: opa_up 0.8s ease;
  color: #ffffff;
  text-shadow: 0rem 0rem 10rem rgba(0, 0, 0, 0.4);
  width: 1610rem;
  padding-left: 15%;
  max-width: 90%;
  height: 540rem;
  border-top-right-radius: 80rem;
  border-bottom-right-radius: 80rem;
  background-repeat: no-repeat;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .section_main .main_wrap .main_slide {
    height: 700rem;
    max-width: 100%;
    border-radius: 0;
    background-size: cover;
    background-position: center;
    padding: 0;
  }
}

.section_main .main_wrap .main_slide .main_slide_title {
  font-size: 54rem;
  font-weight: bold;
  line-height: 70rem;
}

@media (max-width: 768px) {
  .section_main .main_wrap .main_slide .main_slide_title {
    font-size: 48rem;
    text-align: center;
  }
}

.section_main .main_wrap .main_slide .main_slide_desc {
  font-size: 24rem;
  margin-top: 20rem;
  line-height: 1.6;
  letter-spacing: -1rem;
}

@media (max-width: 768px) {
  .section_main .main_wrap .main_slide .main_slide_desc {
    text-align: center;
    padding: 0 80rem;
  }
}

.section_main .main_wrap .slide_button {
  cursor: pointer;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 82rem;
  width: 82%;
  bottom: 40rem;
  z-index: 3;
}

.section_main .main_wrap .slide_button:focus {
  outline: 0;
}

@media (max-width: 768px) {
  .section_main .main_wrap .slide_button {
    bottom: unset;
    top: unset;
    bottom: 43%;
    right: 50%;
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
    cursor: unset;
  }
}

.section_main .main_wrap .slide_button > * {
  position: relative;
  width: 25rem;
  height: 25rem;
  border-radius: 50%;
  background-color: rgba(199, 213, 224, 0.5);
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.section_main .main_wrap .slide_button > *:focus {
  outline: 0;
}

.section_main .main_wrap .slide_button .prev {
  margin-right: 40rem;
}

.section_main .main_wrap .slide_button .prev::before,
.section_main .main_wrap .slide_button .next::after {
  content: "";
  display: inline-block;
  width: 27rem;
  height: 6rem;
  position: absolute;
  top: 50%;
  background-image: url("../img/common/more_arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.section_main .main_wrap .slide_button .prev::before {
  content: "";
  width: 27rem;
  height: 6rem;
  right: -12rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  -webkit-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}

.section_main .main_wrap .slide_button .next::after {
  left: -13rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  background-image: url("../img/common/more_arrow.svg");
}

.section_main .main_wrap .slide_button .prev:hover {
  background-color: rgba(31, 73, 149, 0.671);
}

.section_main .main_wrap .slide_button .prev:hover::before {
  right: 12rem;
}

.section_main .main_wrap .slide_button .next:hover {
  background-color: rgba(31, 73, 149, 0.671);
}

.section_main .main_wrap .slide_button .next:hover::after {
  left: 12rem;
}

.section_main .main_wrap .office_hours {
  -webkit-animation: opa_up 1s ease;
  animation: opa_up 1s ease;
  position: absolute;
  top: 480rem;
  left: 15%;
  width: 975rem;
  height: 120rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--main-beige);
}

@media (max-width: 768px) {
  .section_main .main_wrap .office_hours {
    position: static;
    max-width: 90%;
    width: 90%;
    height: unset;
    margin: 0 auto;
    margin-top: 100rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20rem;
  }
}

.section_main .main_wrap .office_hours .office_hours_title {
  font-size: 44rem;
  color: #fff;
  font-weight: bold;
  margin: auto 40rem;
}

.section_main .main_wrap .office_hours .info_tag {
  margin-left: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #07223a;
  color: #fff;
  font-size: 16rem;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 85rem;
}

.section_main .main_wrap .office_hours ul {
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  gap: 0;
}

@media (max-width: 768px) {
  .section_main .main_wrap .office_hours ul {
    margin-top: 20rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
  }
}

.section_main .main_wrap .office_hours ul li {
  font-size: 18rem;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .section_main .main_wrap .office_hours ul li {
    margin: 5rem;
    margin-left: 15rem;
  }
}

.section_main .main_wrap .office_hours ul li div {
  width: 70rem;
}

@media (max-width: 768px) {
  .section_main .main_wrap .office_hours ul li div {
    width: 85rem;
  }
}

.section_main .main_wrap .office_hours ul li:last-child {
  grid-column: 1/-1;
  color: #94ccff;
}

.section_main .main_wrap .office_hours ul li:last-child div {
  width: 100%;
}

.bg_big_logo {
  width: 516rem;
  height: 516rem;
  position: fixed;
  z-index: -2;
  bottom: 5vh;
  right: 5vw;
  background: url(../img/common/bg_big_logo.svg) no-repeat;
  background-size: contain;
}

@media (max-width: 768px) {
  .bg_big_logo {
    width: 200rem;
    height: 200rem;
  }
}

.section_intensive_care {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 267rem;
}

@media (max-width: 768px) {
  .section_intensive_care {
    margin-top: 150rem;
  }
}

.section_intensive_care .section_title_logo {
  display: block;
  margin: 0 auto;
}

.section_intensive_care .section_title {
  font-weight: 100;
  color: #1F4995;
  text-align: center;
  font-size: 40rem;
  margin: 0 auto;
  margin-top: 32rem;
}

.section_intensive_care ul {
  margin-top: 112rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
  gap: 20rem;
}

@media (max-width: 768px) {
  .section_intensive_care ul {
    margin-top: 50rem;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    -ms-grid-rows: (150rem)[4];
        grid-template-rows: repeat(4, 150rem);
  }
}

.section_intensive_care ul li {
  height: 325rem;
}

@media (max-width: 768px) {
  .section_intensive_care ul li {height: unset;}
}

.section_intensive_care ul li:nth-child(1) a .question-bg_img {
  background-image: url("../img/main/QA_img_01.png");
}

.section_intensive_care ul li:nth-child(2) a .question-bg_img {
  background-image: url("../img/main/QA_img_02.png");
}

.section_intensive_care ul li:nth-child(3) a .question-bg_img {
  background-image: url("../img/main/QA_img_03.png");
}

.section_intensive_care ul li:nth-child(4) a .question-bg_img {
  background-image: url("../img/main/QA_img_04.png");
}

.section_intensive_care ul li:nth-child(5) a .question-bg_img {
  background-image: url("../img/main/QA_img_05.png");
}

.section_intensive_care ul li:nth-child(1) a {
  background: linear-gradient(-200deg, #5E85BC 30%, transparent 70%);
}

.section_intensive_care ul li:nth-child(2) a {
  background: linear-gradient(-200deg, #718FAA, transparent);
}

.section_intensive_care ul li:nth-child(3) a {
  background: linear-gradient(-200deg, #679ECE, transparent);
}

.section_intensive_care ul li:nth-child(4) a {
  background: linear-gradient(-200deg, #48637C, transparent);
}

.section_intensive_care ul li:nth-child(5) a {
  background: linear-gradient(-200deg, #6695BF, transparent);
}

.section_intensive_care ul li a {
  overflow: hidden;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.section_intensive_care ul li a:hover .question-bg_img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.section_intensive_care ul li a:hover .more_btn {
  color: #1F4995;
}

.section_intensive_care ul li a:hover .more_btn::before {
  background-color: rgba(31, 73, 149, 0.671);
  width: 30rem;
  height: 30rem;
}

.section_intensive_care ul li a:hover .more_btn::after {
  left: 95rem;
}

.section_intensive_care ul li a .question {
  margin-top: 40rem;
  margin-left: 30rem;
}

@media (max-width: 768px) {
  .section_intensive_care ul li a .question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.section_intensive_care ul li a .question h3 {
  font-size: 26rem;
  line-height: 1.25;
  text-align: left;
}

@media (max-width: 768px) {
  .section_intensive_care ul li a .question h3 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -ms-flex-item-align: start;
        align-self: flex-start;
    text-align: left;
  }
}

.section_intensive_care ul li a .question p {
  margin-top: 24rem;
  font-size: 18rem;
  line-height: 1.3333;
  font-weight: 300;
  text-align: left;
}

@media (max-width: 768px) {
  .section_intensive_care ul li a .question p {
    margin-top: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    text-align: left;
  }
}

.section_intensive_care ul li a .more_btn {
  position: absolute;
  bottom: 40rem;
  left: 30rem;
  z-index: 2;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

@media (max-width: 768px) {
  .section_intensive_care ul li a .more_btn {
    left: 30rem;
    -webkit-transform: none;
            transform: none;
  }
}

.section_intensive_care ul li a .more_btn::before {
  position: absolute;
  left: 100rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: inline-block;
  content: "";
  width: 25rem;
  height: 25rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: -2;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.section_intensive_care ul li a .more_btn::after {
  position: absolute;
  display: inline-block;
  left: 87rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 27rem;
  height: 6rem;
  background-image: url("../img/common/more_arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: -1;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.section_intensive_care ul li a .question-bg_img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}

.section_AtoZ {
  width: 100%;
  max-width: 100%;
  margin-top: 256rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 600rem;
  overflow: hidden;
}

@media (max-width: 768px) {
  .section_AtoZ {
    display: none;
  }
}

.section_AtoZ .content_box:hover .text_box {
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.section_AtoZ .content_box .text_box {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 100%;
  height: 100%;
  color: #ffffff;
  -webkit-transform: translateY(10%);
          transform: translateY(10%);
  opacity: 0;
  padding: 2em;
  text-align: center;
  display: -ms-grid;
  display: grid;
  place-content: center;
}

.section_AtoZ .text_question {
  font-size: 24rem;
}

.section_AtoZ .text_answer {
  margin-top: 40rem;
  margin-bottom: 40rem;
  font-size: 18rem;
  line-height: 1.7;
  overflow: hidden;
  white-space: normal;
  text-overflow: ellipsis;
  word-break: break-all;
}

.section_AtoZ .content_box_L {
  -webkit-box-flex: 74;
      -ms-flex: 74;
          flex: 74;
  background: url("../img/main/atoz_bg_left.png") no-repeat center center/cover;
}

.section_AtoZ .content_box_center {
  -webkit-box-flex: 44;
      -ms-flex: 44;
          flex: 44;
  padding: 140rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  background: #718FAA;
  color: #fff;
}

.section_AtoZ .content_box_center div {
  text-align: center;
}

.section_AtoZ .content_box_center div:nth-child(1) {
  font-weight: 600;
  font-size: 32rem;
  color: rgba(255, 255, 255, 0.2);
}

.section_AtoZ .content_box_center div:nth-child(2) {
  font-size: 18rem;
  padding-top: 39rem;
}

.section_AtoZ .content_box_center div:nth-child(3) {
  font-size: 40rem;
  line-height: 1.6;
  padding-top: 20rem;
  text-align: center;
}

.section_AtoZ .content_box_center div:nth-child(4) {
  font-size: 18rem;
  padding-top: 33rem;
}

.section_AtoZ .content_box_R {
  -webkit-box-flex: 74;
      -ms-flex: 74;
          flex: 74;
  background: url("../img/main/atoz_bg_right.png") no-repeat center center/cover;
}

.section_AtoZ_mobile {
  display: none;
}

@media (max-width: 768px) {
  .section_AtoZ_mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 100rem;
  }
  .section_AtoZ_mobile .section_title_logo {
    display: block;
    margin: 0 auto;
  }
  .section_AtoZ_mobile .section_title {
    font-weight: 100;
    color: #1F4995;
    text-align: center;
    font-size: 40rem;
    margin: 0 auto;
    margin-top: 32rem;
    font-size: 24rem;
  }
  .section_AtoZ_mobile .sub_title {
    text-align: center;
    color: #6695BF;
    margin-top: 10rem;
    font-weight: 400;
  }
  .section_AtoZ_mobile .content_box {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.3))), url("../img/main/atoz_bg_left.png") no-repeat center center/cover;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url("../img/main/atoz_bg_left.png") no-repeat center center/cover;
    color: #1F4995;
    margin-top: 30rem;
    padding: 30rem;
    display: -ms-grid;
    display: grid;
    place-content: center;
    text-align: center;
  }
  .section_AtoZ_mobile .content_box .text_question {
    font-size: 20rem;
  }
  .section_AtoZ_mobile .content_box .text_answer {
    font-size: 16rem;
    line-height: 1.6;
    margin-top: 10rem;
  }
}

.common_section {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 208rem;
}

@media (max-width: 768px) {
  .common_section {
    margin-top: 100rem;
  }
}

.common_section .section_title_logo {
  display: block;
  margin: 0 auto;
}

.common_section .section_title {
  font-weight: 100;
  color: #1F4995;
  text-align: center;
  font-size: 40rem;
  margin: 0 auto;
  margin-top: 32rem;
}

@media (max-width: 768px) {
  .common_section .section_title {font-size: 24rem;}
}

.common_section .faq_wrap {
  margin-top: 80rem;
}

@media (max-width: 768px) {
  .common_section .faq_wrap {margin-top: 50rem;}
}

.common_section .faq_wrap p {
  font-weight: 300;
  font-size: 17rem;
  line-height: 1.6;
  color: #1F4995;
  margin: 30rem 120rem 30rem 250rem;
}

@media (max-width: 768px) {
  .common_section .faq_wrap p {margin: 20rem;}
}

.common_section .question_wrap {
  cursor: pointer;
  background-color: #e9eef4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 70rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .common_section .question_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: unset;
  }
}

.common_section .question_wrap span {
  -ms-flex-preferred-size: 250rem;
      flex-basis: 250rem;
  color: #BFD0E0;
  font-weight: 600;
  font-size: 18rem;
  text-align: center;
}

@media (max-width: 768px) {
  .common_section .question_wrap span {
    padding: 10rem;
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
  }
}

.common_section .question_wrap h6 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 18rem;
  color: #1F4995;
}

@media (max-width: 768px) {
  .common_section .question_wrap h6 {
    font-size: 16rem;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .common_section .question_wrap h6 img {display: block;}
}

.common_section .question_wrap .accordion_icon {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 15rem;
}

.common_section .question_wrap.ui-accordion-header-active .accordion_icon {
  -webkit-transform: rotate3d(1, 0, 0, 180deg);
          transform: rotate3d(1, 0, 0, 180deg);
}

.short_bg {
  margin-top: 294rem;
  width: 100%;
  height: 300rem;
  display: -ms-grid;
  display: grid;
  place-content: center;
  background: url("../img/main/xray_bg_img_01.png") no-repeat center center/cover;
}

@media (max-width: 768px) {
  .short_bg {
    margin-top: 100rem;
    background-attachment: unset;
  }
}

.short_bg div {
  font-size: 32rem;
  padding: 134rem 0;
  color: #ffffff;
}

@media (max-width: 768px) {
  .short_bg div {
    font-size: 24rem;
    text-align: center;
    padding: 50rem 10rem;
  }
}

.introduce {
  width: 100%;
  max-width: 100%;
  background-color: #BFD0E0;
  position: relative;
  z-index: -2;
}

@media (max-width: 768px) {
  .introduce {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #BFD0E0), color-stop(40%, #fff));
    background: linear-gradient(#BFD0E0 60%, #f4f4f4 40%);
  }
}

.introduce .big_bg_text {
  position: absolute;
  top: 30rem;
  left: 20rem;
  z-index: -1;
  font-size: 140rem;
  font-weight: bold;
  color: #b0c4d6;
}

@media (max-width: 768px) {
  .introduce .big_bg_text {
    font-size: 96rem;
    max-width: 100%;
    text-align: center;
  }
}

.introduce .section_title_logo {
  display: block;
  margin: 0 auto;
  padding-top: 200rem;
}

@media (max-width: 768px) {
  .introduce .section_title_logo {padding-top: 70rem;}
}

.introduce .section_title {
  font-weight: 100;
  color: #1F4995;
  text-align: center;
  font-size: 40rem;
  margin: 0 auto;
  margin-top: 32rem;
}

@media (max-width: 768px) {
  .introduce .section_title {font-size: 24rem;}
}

.introduce .content_wrap {
  width: 1147rem;
  max-width: 70%;
  margin: 0 auto;
  background: #fff;
  border-radius: 80rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 72rem;
  padding-left: 120rem;
  padding-bottom: 72rem;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
}

@media (max-width: 768px) {
  .introduce .content_wrap {
    padding: 0;
    margin-top: 200rem;
    max-width: 80%;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    border-radius: 30rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.introduce .second_wrap {
  width: 1147rem;
  max-width: 70%;
  margin: 0 auto;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 72rem;
  padding-left: 0;
  padding-right: 120rem;
  padding-bottom: 72rem;
  margin-top: 250rem;
  border-radius: 80rem;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

@media (max-width: 768px) {
  .introduce .second_wrap {
    padding: 0;
    margin-top: 200rem;
    max-width: 80%;
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    border-radius: 30rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.introduce .second_wrap .doctor_img {
  right: unset;
  left: 15%;
}

.introduce .second_wrap .text_wrap {text-align: right;}

.introduce .second_wrap .tranparent_img_wrap {text-align: right;}

.introduce .text_wrap {
  -ms-flex-preferred-size: 350rem;
      flex-basis: 350rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 768px) {
  .introduce .text_wrap {
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
    padding: 20rem;
    text-align: left !important;
  }
}

.introduce .text_wrap ul {margin-top: 42rem;}

.introduce .text_wrap ul li {
  font-size: 18rem;
  padding-bottom: 6rem;
}

@media (max-width: 768px) {
  .introduce .text_wrap ul li {
    font-size: 14rem;
    line-height: 1.6;
    height: unset;
  }
}

.introduce .text_wrap .name_wrap .dr_name {
  font-size: 36rem;
  font-weight: bold;
}

@media (max-width: 768px) {
  .introduce .text_wrap .name_wrap .dr_name {
    font-size: 30rem;
  }
}

.introduce .text_wrap .name_wrap .dr_career {
  margin-left: 12rem;
  font-size: 18rem;
  font-weight: 600;
}

@media (max-width: 768px) {
  .introduce .text_wrap .name_wrap .dr_career {font-size: 16rem;}
}

.introduce .tranparent_img_wrap {
  height: 250rem;
  overflow: hidden;
}

@media (max-width: 768px) {
  .introduce .tranparent_img_wrap {display: none;}
}

.introduce .tranparent_img_wrap img {
  margin-top: 10rem;
}

.introduce .doctor_img {
  width: 385rem;
  height: 575rem;
  position: absolute;
  right: 15%;
  bottom: 0;
}

@media (max-width: 768px) {
  .introduce .doctor_img {
    margin-top: -200rem;
    position: static;
    height: auto;
    width: 70vw;
    -webkit-transform: translateX(12%);
            transform: translateX(12%);
  }
}

@media (min-width: 1280px) and (max-width: 1f400px) {
  .doctor_img {
    right: 10% !important;
  }
  .second_wrap .doctor_img {
    left: 10% !important;
  }
}

/************** sub top sections**************/
.sub_top {
  width: 100%;
  max-width: 100%;
  height: 360rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 100%);
      grid-template-columns: minmax(0, 100%);
  -ms-grid-rows: auto 70rem;
      grid-template-rows: auto 70rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /** 서브탑**/
}

.sub_top .sub_top__text_wrap {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
}

.sub_top .sub_top__text_wrap blockquote {
  color: #fff;
  font-weight: 300;
  font-size: 24rem;
  line-height: 1.5;
}

.sub_top .sub_top__text_wrap h1 {
  color: #fff;
  font-weight: 600;
  font-size: 40rem;
  line-height: 1.5;
}

.sub_top .breadcrumb {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  background-color: #fff;
  color: #1F4995;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 30rem;
}

.sub_top span {
  padding-left: 48rem;
  position: relative;
}

.sub_top span:not(:last-child) {
  color: #c3c1c1;
}

.sub_top span::before {
  content: "";
  position: absolute;
  left: 22rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 4rem;
  height: 4rem;
  background-color: #b0becc;
  border-radius: 50%;
}

.sub_top.bgImg01 {
  background: url("../img/sub/subtop/subtop_08.jpg") no-repeat center center/cover;
}

.sub_top.bgImg02 {
  background: url("../img/sub/subtop/subtop_02.jpg") no-repeat center center/cover;
}

.sub_top.bgImg03 {
  background: url("../img/sub/subtop/subtop_03.jpg") no-repeat center center/cover;
}

.sub_top.bgImg04 {
  background: url("../img/sub/subtop/subtop_04.jpg") no-repeat center center/cover;
}

.sub_top.bgImg05 {
  background: url("../img/sub/subtop/subtop_05.jpg") no-repeat center center/cover;
}

.sub_top.bgImg06 {
  background: url("../img/sub/subtop/subtop_06.jpg") no-repeat center center/cover;
}

.sub_top.bgImg07 {
  background: url("../img/sub/subtop/subtop_07.jpg") no-repeat center center/cover;
}

.sub_top.bgImg08 {
  background: url("../img/sub/subtop/subtop_01.jpg") no-repeat center center/cover;
}


/********* arch text bg deco*********/
.arch_text_bg {
  position: fixed;
  top: 30%;
  left: -12%;
  z-index: -3;
}

/************** sub justice sections **************/
.sub_justice {
  width: 100%;
  max-width: 100%;
  margin-top: 60rem;
  position: relative;
  padding-bottom: 110rem;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(15%, #f8f8f8), color-stop(1%, #fff));
/*  background: linear-gradient(rgba(229, 240, 245, 0.78) 16%, #fff 1%);*/
}

.sub_justice.deep {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(13%, #f4f4f4), color-stop(1%, rgba(94, 133, 188, 0.2)));
  background: linear-gradient(#f3f5f8 16%, #fff 1%);
}

@media (max-width: 768px) {
  .sub_justice.deep {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(1%, rgba(94, 133, 188, 0.2)));
    background: linear-gradient(#f3f5f8 16%, #fff 1%);
  }
}

.sub_justice.deep.bg_short {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, #f4f4f4), color-stop(1%, rgba(94, 133, 188, 0.2)));
  background: linear-gradient(#f3f5f8 16%, #fff 1%);
}

@media (max-width: 768px) {
  .sub_justice {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(1%, #fff));
    background: linear-gradient(#f3f5f8 16%, #fff 1%);
  }
}

.sub_justice.bg_short {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(16%, #f0f0f0), color-stop(1%, #fff));
  background: linear-gradient(#f3f5f8 16%, #fff 1%);
}

.sub_justice.bg_30 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, #f4f4f4), color-stop(1%, #fff));
  background: linear-gradient(#f3f5f8 16%, #fff 1%);
}

.sub_justice.bg_2short {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #f4f4f4), color-stop(1%, #fff));
  background: linear-gradient(#f3f5f8 16%, #fff 1%);
}

.sub_justice.no-em::after {
  top: 125rem;
}

.sub_justice .container {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sub_justice .container.ror .text_wrap {
  padding-left: 30rem;
}

@media (max-width: 768px) {
  .sub_justice .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.sub_justice .container .text_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sub_justice .container .text_wrap h2 {
  font-weight: 600;
  font-size: 38rem;
  color: #3d3d3d;
  margin-top: 20rem;
  margin-bottom:60rem;
  opacity: 0;
  -webkit-animation: fromLeft 0.3s ease-out 0.1s forwards;
  animation: fromLeft 0.3s ease-out 0.1s forwards;
}

/*---소화기질환----*/

.internal_01{
    margin-top:60rem;
    margin-bottom:40rem;
}
.internal_01 .container .text_wrap h2{
    text-align: center;
    font-size: 38rem;
    margin-bottom: 30rem;
    color: #1F4995;
    font-weight: 600;
}

.internal_01 .container .text_wrap p{
    color: #3d3d3d;
    font-size: 20rem;
    font-weight: 500;
    text-align: center;
}

.internalIn .container h2{
    font-size:28rem !important;
    padding-top:10rem !important;
}

.point{
    width:100%;
}
.point .container{
    margin:0 auto;
/*    border:16px solid transparent;*/
    width:55% !important;
/*
    border-radius: 300rem;
    border-image-slice: 1;
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to top, #55bff7, #3beba1);
*/
    height:250rem;
    box-sizing: border-box;
    margin-bottom:100rem;
}

.point .container ul{
    width:90%;
    margin:0 auto;
}

.point .container ul li{
    width:50%;
    float:left;
    text-align: center;
    padding:8rem 0;
    box-sizing: border-box;
}

.point .container ul li img{width:24%;}

.point .container ul li p{
    font-size:18rem;
    font-weight: 600;
    margin-bottom:5rem;
}

.point .container ul li span{
    font-size:16rem;
}

@media(max-width:1280px){
    .point .container{border:8px solid transparent;}
}

@media(max-width:768px){
    .internal_01 .container .text_wrap h2{font-size:28rem;}
    .internal_01 .container .text_wrap p{font-size:18rem;}
    .point .container{
        width:100% !important;
        border:0;
        height:280rem;
        border-radius:0;
    }
    
    .point .container ul li img{width:50%;}
    .point .container ul li p{font-size:17rem;margin-top:5rem;}
    .point .container ul li span{font-size:16rem;}
}

/*---순환기질환----*/

.cir_dis{
    width:100%;
    background-color:#f3f5f8;
    padding-top:100rem;
}

.cir_dis .container table{width:70% !important;}
.cir_dis .container table thead tr th{
    background-color:#edf1f4 !important;
    font-size:18rem !important;
}
.cir_dis .container table tbody tr td:last-child, .cir_dis .container table thead tr th:last-child{
    border-right:0 !important;
}

@media(max-width:768px){
    .cir_dis .container table{width:90% !important;}
}

.sub_cause .container h2{
    color:#3d3d3d !important;
    font-size:28rem !important;
}

.sub_cause .container .white_wrap{
    color:#3d3d3d !important;
}

.cause_chap .container .white_wrap .title{margin-left:0 !important;}
.cause_chap .container .white_wrap .title p{margin-top:10rem;}
.cause_chap .container .white_wrap .title span{font-weight: 600;}
.cause_chap .container .white_wrap .title img{margin-left:60rem;}

.cause_chap_02 .container .cause li{text-align: center;}
.cause_chap_02 .container .cause li p{
    margin-top:10rem;
}

.treat_01 .container .content_wrap .content_box_01 .flex_wrap .pill{margin-top:15rem;}


.sub_symptom .container.grid_non{
    grid-template-columns: none;
}

.sub_symptom .container .more{
    background-color:#f9f9f9;
    padding: 20rem;
    margin-top:30rem;
    border-radius: 10rem;
}

.sub_symptom .container .more h3{
    font-size:22rem;
    font-weight: 600;
}

.sub_symptom .container .more p{
    margin-top:10rem;
    line-height: 1.6;
    font-size: 18rem;
}

.sub_symptom .container .more ul{
    margin-top:15rem;
}

.sub_symptom .container .more ul li{
    margin-bottom:3rem;
}

/*--간장질환 종류--*/
.sub_type .container .typeIn{
    width:100%;
    height:280rem;
    margin-top:50rem;
}


.sub_type .container .typeIn>li{
    float:left;
    width:24%;
    height:280rem;
    text-align: center;
    border: 1px solid #bcbcbc;
    margin-left: 1%;
    border-top: 4px solid #1F4995;
    background-color:#fff;
}

.sub-type .container .typeIn>li:last-child{
    margin-right:0;
}

.sub_type .container .typeIn>li p{
    font-size:21rem;
    margin-top:20rem;
    margin-bottom:10rem;
    font-weight: bold;
    color:#1F4995;
}

.sub_type .container .typeIn>li span{
    font-size:17rem;
}

.sub_type .container .type_text{
    margin-top:10rem;
}

.sub_type .container .type_text li{
    margin-bottom:3rem;
}

@media(max-width:768px){
    .sub_type .container .typeIn>li{
        width:48%;
        margin-bottom:80rem;
    }
    .sub_type .container .typeIn>li:nth-child(1),.sub_type .container .typeIn>li:nth-child(2){
        margin-bottom:20rem;
    }
}

/*---간장질환 증상----*/

.symptom_list{
    margin-top:30rem;
    background-color:#f9f9f9;
    width:100%;
    padding:25rem;
    box-sizing: border-box;
}

.symptom_list li{
    margin-bottom:10rem;
    font-size:18rem;
}





/*---호흡기질환----*/

.flu .container ul li{text-align: center;}
.flu .container ul li p{
    margin-left:15rem;
    text-align: center;
}
.pul_cause_01 .container .white_wrap p span{font-weight:500 !important;}

.pul_deep{margin-top:180rem;}


/*---예방접종---*/

.vaccine .container h2{
    text-align: center;
    margin-top:150rem;
    font-size:35rem;
    color:#1F4995;
    font-weight: 300;
    margin-bottom:100rem;
}

.vaccine .container h2 span{
    font-weight: 500;
    margin-left:5rem;
}

.vaccineIn li{
    margin-bottom:100rem;
        width:100%;
    height:500rem;
}

.vaccine .container .vaccineIn li .vac_type{
    margin-top:30rem;
}

.vaccineIn li .vac_type .img_wrap{
    width:50%;
}

.vaccineIn li .vac_type .text_wrap{
    width:50%;
    padding-left:25rem;
    padding-top:20rem;
    box-sizing: border-box;
}

.vaccineIn li .vac_type .text_wrap .vac_title{
    font-size:28rem;
    margin-bottom:40rem;
    font-weight: 600;
    color:#0098dc;
    position:relative;
    padding-left:40rem;
}

.vaccineIn li .vac_type .text_wrap .vac_title::after{
    content:'';
    display:block;
    background: url(../img/sub/enhance/title_img.png) no-repeat center center/contain;
    width:35rem;
    height:35rem;
    position:absolute;
    left:0;
    top:0;
}

.vaccineIn li .vac_type .text_wrap p{
    font-size:20rem;
    font-weight:600;
    margin-bottom:10rem;
}

.vaccineIn li .vac_type .text_wrap span{
    font-size:18rem;
}

.vaccineIn li .vac_type .text_wrap p.bottom{
    margin-top:20rem;
}

.vaccineIn li.left .text_wrap{float:right;}
.vaccineIn li.left .img_wrap{float:left;}

.vaccineIn li.right .img_wrap{float:right;}
.vaccineIn li.right .text_wrap{float:left;}

.part{background-color:#f3f5f8;}

.part .container h2{color:#3d3d3d !important;}
.part .container>div{margin-top:130rem !important;}

.part .container div p{
    position:relative;
    color:#3d3d3d !important;
    font-weight: 600;
    font-size:20rem;
}
.part .container div p::before{
    content:'';
    display:block;
    background:url(../img/sub/enhance/human.png) no-repeat center center/contain;
    width:50rem;
    height:50rem;
    position:absolute;
    top:-54rem;
    left:50%;
    margin-left:-25rem;
}

@media(max-width:768px){
    
    .vaccine .container h2{font-size:28rem;}
    
    .vaccineIn li .vac_type .img_wrap{width:100%; margin-top:10rem;}
    .vaccineIn li .vac_type .text_wrap{width:100%; margin-top:10rem;}
    .vaccine .container .vaccineIn li .vac_type{margin-top:50rem;}
    .vaccineIn li{height:850rem;}
    .vaccineIn li .vac_type .text_wrap p{font-size:20rem;}
    .vaccineIn li .vac_type .text_wrap span{font-size:18rem;}
    .vaccineIn li .vac_type .text_wrap p.bottom{font-size:18rem;}
    .vaccineIn li:nth-child(2) .vac_type .text_wrap,.vaccineIn li:nth-child(4) .vac_type .text_wrap {    margin-bottom:20rem !important;
    }
    .part .container .wrap div{margin-top:50rem !important;}
    .part  .container>div{margin-top:50rem !important;}
    .part{margin-bottom:0 !important;}
}


/*---위내시경----*/

.stomuch_02 .container .text_wrap h2{
    font-weight: 400!important;
    color:#3d3d3d !important;
}

.stomuch_02 .container .text_wrap b{
    color:#3d3d3d !important;
}



/*---용종절제----*/

.clinic_03{
    margin-top:180rem;
    text-align: center;
}

.clinic_03 .container .text_wrap h2{
    font-size:28rem;
    font-weight: 600;
    margin-bottom:20rem;
}

.clinic_03 .container .text_wrap p{
    font-size:18rem;
    margin-bottom:90rem;
}

.processIn li{
    float:left;
    width:30%;
    margin-left:5%;
    margin-bottom:180rem;
}

.processIn li:first-child{
    margin-left:0;
}

.processIn li .num{
    font-size:45rem;
    font-weight: 600;
    color:#ced8e0;
}

.processIn li .text{
    font-size:18rem;
    height:50rem;
    background-color:#1F4995;
    color:#fff;
    margin-top:5rem;
    padding-top:8rem;
}

.polyp .container .text_wrap p{
    margin-bottom:50rem;
}
.polyp .container table{
    width:55%;
    margin:0 auto;
    margin-bottom:80rem;
}

.polyp .container table thead{
    background-color: rgba(235, 251, 253, 0.27);
    font-size: 18rem;
    font-weight: 500;
    border-top: 1px solid #3d3d3d;
    border-bottom: 1px solid #c4c4c4;
}

.polyp .container table thead tr th{
    padding: 10rem 0;
    text-align: center;
}

.polyp .container table thead tr th:first-child{
    border-right: 1px solid #c4c4c4;
}

.polyp .container table tbody tr td{
    padding: 10rem 0;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #3d3d3d;
}

.polyp .container table tbody tr td:last-child{
    border-right:0;
}


.polyp .img_wrap{
    width:100%;
    text-align: center;
}

.polyp .img_wrap img{
    width:25%;
}

.character{
    margin-top:180rem;
    width:100%;
    height:350rem;
    padding:50rem 0;
    background-color:#f3f5f8;
}

.character .container ul li{
    float:left;
    width:30%;
    height:auto;
    margin-left:5%;
    text-align: center;
    color:#3d3d3d;
    position:relative;
}

.character .container ul li:first-child{
    margin-left:0;
}

.character .container ul li .img{
    background:url(../img/sub/clinic/characher_01.png) no-repeat center center/contain;
    width:110rem;
    height:110rem;
    margin:0 auto;
    margin-bottom:15rem;
}

.character .container ul li:nth-child(2) .img{
    background-image: url(../img/sub/clinic/characher_02.png);
}

.character .container ul li:nth-child(3) .img{
    background-image:url(../img/sub/clinic/characher_03.png);
}

.character .container ul li .main_text{
    font-size:20rem;
    font-weight: 500;
}

.character .container ul li .text{
    line-height: 1.5;
    margin-top:8rem;
    font-size:17rem;
}

.character .container ul li::before{
    content:'';
    display:block;
    width:1px;
    height:120rem;
    background-color:#bfbfbf;
    position:absolute;
    left:-40rem;
    top:50%;
    margin-top:-60rem;
}

.character .container ul li:first-child::before{
    display:none;
}


.clinic_03_1{
    margin-top:0 !important;
}

@media(max-width:768px){
    .clinic_03 .container .text_wrap h2{font-size:22rem;}
    
    .clinic_03 .container .text_wrap p{font-size:18rem;}
    
    .processIn{
        height:760rem;
        width:100%;
    }
    .processIn li{
        width:48%;
        margin-left:2%;
        margin-bottom:30rem;
    }
    
    .processIn li .text{font-size:16rem;}
    
    .polyp .container table{width:90%;}
    
    .polyp .container table thead tr th{font-size:16rem;}
    
    .polyp .container table tbody tr td{font-size:15rem;}
    
    .polyp .container .img_wrap img{width:60%;}
    
    .character .container ul li .img{width:50%;}
    
    .character .container ul li .main_text{font-size:16rem;}
    
    .character .container ul li .text{font-size:14rem;}
    
    .character .container ul li::before{left:-10rem;}
    
    .clinic_03_1 {height:400rem !important;}
    
    .sub_caution .container h2{font-size:18rem;}
    .sub_caution .container .ul_wrap p{font-size:16rem;}
    .sub_caution .container .ul li{font-size:14rem;}

    .stomuch_04 .container{bottom:0;}
}



/*---------인공신장센터-------*/

.kidney{
    background:none !important;
    text-align: center;
}

.kidney .container .text_wrap h2{
    font-size:38rem;
    margin-bottom:40rem;
    color:#1F4995;
}

.kidney .container .text_wrap h2 span{
  font-weight:300;
  margin-right:5rem;
}

.sub_justice .container .text_wrap em {
  position: relative;
  color:#3d3d3d;
  font-size: 22rem;
  line-height: 1.35;
  margin-left: 30rem;
  margin-right: 40rem;
  font-weight: 500;
  opacity: 0;
  -webkit-animation: fromLeft 0.3s ease-out 0.3s forwards;
  animation: fromLeft 0.3s ease-out 0.3s forwards;
}

.sub_justice .container .text_wrap em::before {
  content: "";
  width: 50rem;
  height:37rem;
  background: url("../img/common/sub_justice_quotation.svg") no-repeat center center/cover;
  position: absolute;
  left: -40rem;
  top: -15rem;
}


.kidney .container .text_wrap em::before{
    display:none;
}

.sub_justice .container .text_wrap b {
  position: relative;
  display: block;
  font-weight: 600;
  font-size: 18rem;
  color: #1F4995;
  color: #5E85BC;
}

.sub_justice .container .text_wrap p {
  margin-top: 20rem;
  margin-bottom: 20rem;
  font-size: 20rem;
  line-height: 1.8;
  color: #3b3b3b;
  max-width: 95%;
  opacity: 0;
  -webkit-animation: fromLeft 0.3s ease-out 0.7s forwards;
  animation: fromLeft 0.3s ease-out 0.7s forwards;
}


.kidney .container .text_wrap p{
    margin-top:15rem;
    font-size:18rem;
}

.kidneyIn{
    width:100%;
    height:680rem;
    position: relative;
    margin-top:80rem;
}

.kidneyIn::before{
    width:100%;
    height:100%;
    background-color:rgba(248, 248, 248, 0.4);
    content:'';
    position:absolute;
    z-index: -999;
    top:-10%;
}


.kidneyIn .container h3{
    text-align: center;
    font-size:30rem;
    margin-top:80rem;
    font-weight: 600;
}



.good{
    margin-top:80rem;
    width:100%;
}

.good li{
    float:left;
    width:33.3%;
    text-align: center;
    margin-bottom:200rem;

}

.good li .num{
    font-size:88rem;
    color:#ced8e0;
    font-weight: 700;
    margin-bottom:10rem;
}

.good li img{
    width:100rem;
}

.good li .textbox{
    margin-top:20rem;
}

.good li .textbox .top{
    font-size:20rem;
    font-weight: 500;
    margin-bottom:10rem;
    width:100%;
    position:relative;
}

.good li .textbox .bottom{
    font-size:16rem;
}



/*---인공신장센터 장비---*/


.equip .container .title{
    width:100%;
    font-size:30rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 80rem;
    margin-top:180rem;
}

.equip .container .nav_tab li{
    background-color:#f4f4f4;
}

.equip .container .nav_tab li.active{
    background-color:#0098dc;
}

.equip .container .img_wrap{
    height:700rem !important;
    width:100%;
}

.equip .container .txt_wrap h3{
    color:#0098dc;
}


/*--중간베너=---*/

.banner{
    width:100%;
    height:350rem;
    background: url(../img/sub/women/banner.jpg) no-repeat center center/contain;

}



/*--내외부공간--*/

.service{
    margin-top:180rem;
}

.service .container .title{
    text-align: center;
}


.service .container .title .serImg img{
    width:60rem;
}

.service .container .title h4{
    font-size:30rem;
    font-weight: 600;
    margin-bottom:20rem;
    margin-top:10rem;
}

.service .container .title p{
    font-size:18rem;
    margin-bottom:30rem;
}

.service .container table{
    width:80%;
    margin:0 auto;
    text-align: center;
}

.service .container table th{
    padding:15rem;
    width:50%;
    border-top:1px solid #3d3d3d;
    border-bottom:1px solid #3d3d3d;
    font-size:20rem;
    font-weight: 500;
    background-color:rgba(235, 251, 253, 0.27);
    color:#3d3d3d;
}

.service .container table tr{
    line-height: 1.8;
    margin-top:18rem;
    border-bottom:1px solid #3d3d3d;
    font-size:18rem;
}

.service .container table td{
    font-size:16rem;
    padding:15rem;
}

.service .container table th:first-child{
    border-right:1px solid #3d3d3d;
}

.service .container table td:first-child{
    border-right:1px solid #3d3d3d;
}

/*-------*/
.customer{
    margin-top:300rem;
    padding-bottom:200rem;
    height:800rem;
    width:100%;
}

.customer .container h5{
    width:100%;
    text-align: center;
    font-size:30rem;
    font-weight: 700;
    margin-bottom:80rem;
}

.customer .container .img_wrap{
    width:50%;
    float:left;
}

.customer .container img{
    width:100%;
}

.customer .container .text{
    padding:70rem;
    width:50%;
    float:left;
}

.customer .container .text li{
    margin-bottom:40rem;
    font-size:18rem;
    padding:5rem;
}

.customer .container .text li span{
    padding:10rem 12rem;
    background-color:#0098dc;
    color:#fff;
    margin-right:15rem;
    border-radius: 50%;
    font-size: 20rem;
}

/*-----인공신장센터 모바일 시작-----*/

@media (max-width:768px){
    .kidney .container .text_wrap h2{font-size:28rem;}
    
    .kidney .container .text_wrap em{font-size:20rem;}
    
    .kidney .container .text_wrap p{font-size:18rem;}
    
    .kidneyIn .container h3{font-size:22rem;}
    
    .kidneyIn .container .good{margin-top:50rem;}
    
    .kidneyIn .container .good li{
        width:100%;
        margin-bottom:50rem;        
    }
    
    .kidneyIn .container .good li:last-child{margin-bottom:150rem;}
    
    .kideyIn .container .good .num{font-size:60rem;}
    
    .kidneyIn .container .good .textbox .top{font-size:18rem;}
    
    .kidneyIn .container .good .textbox .bottom{font-size:18rem;}
    
    .kidneyIn::before{display:none;}
    
    
/*--두번쨰 섹션----*/
    
    .equip .container .title{font-size:25rem;}
    
    .equip .container .img_wrap{width:300rem;}
    
    .equip .container .img_wrap img{width:100%;}
    
    .women_tab .container .tab_con .justify .txt_wrap h3{font-size:22rem !important;}
    .women_tab .container .tab_con .justify .txt_wrap{width:100%;}
    
    .women_tab .container .tab_con .justify .txt_wrap p{font-size:18rem !important;}
    
/*---인공신장센터 내외부 공간--------*/
    
    .service .container .title h4{font-size:25rem;}
    
    .service .container .title p{font-size:18rem;}
    
    .service .container table{width:100%;}
    
    .service .container table th{font-size:18rem;}
    
    .service .container table tr{font-size:18rem;}
    
/* ---신장투석 입원 및 진료 대상자-------*/
    
    .customer .container h5{font-size:25rem;}
    
    .customer .container .img_wrap{
        width:100%;
        margin-bottom:30rem;
    }
    
    .customer .container .text{
        width:100%;
        padding:0;
    }
    
    .customer .container .text{padding-bottom:200rem;}
    .customer .container .text li{font-size:16rem;}
    
    .banner{display:none;}
    
    .women_tab .container .tab_con .justify{width:100% !important;}
        
}


/*------인공신장센터 끝-----------*/

@media (max-width: 768px) {
  .sub_justice .container .text_wrap p {margin-right: 0;}
}

.sub_justice .container img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: auto;
  max-height: 433rem;
  opacity: 0;
  -webkit-animation: fromLeft 0.3s ease-out 0.5s forwards;
  animation: fromLeft 0.3s ease-out 0.5s forwards;
}

.sub_justice .container ul {
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10rem;
  width:100%;
}

.sub_justice .container ul li {
  padding-left: 50rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40rem;
  font-size: 18rem;
}

.sub_justice .container ul li::after {
  position: absolute;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 0rem;
  top: 0rem;
  width: 40rem;
  height: 40rem;
/*  border-radius: 50%;*/
  color: #fff;
  background-color: #0098dc;
  border-radius: 50%;
  box-sizing: border-box;
}

.sub_justice .container ul li:nth-child(1)::after {content: "01";}

.sub_justice .container ul li:nth-child(2)::after {content: "02";}
.sub_justice .container ul li:nth-child(3)::after {content: "03";}
.sub_justice .container ul li:nth-child(4)::after {content: "04";}
.sub_justice .container ul li:nth-child(5)::after {content: "05";}

.sub_justice .container ul li.w49 {width: 49%;}

.sub_justice .container ul.cate li p{width:25% !important; font-weight: bold;}
.sub_justice .container ul.cate li span{width:75%;}

@media (max-width: 768px) {
  .sub_justice .container ul li.w49 {width: 100%;}
}

/************** sub justice2 sections **************/
.sub_justice2 {
  width: 100%;
  max-width: 100%;
  margin-top: 180rem;
  position: relative;
  padding-bottom: 110rem;
}

.sub_justice2.no-em::after {top: 125rem;}

.sub_justice2 .container {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .sub_justice2 .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30rem;
  }
}

.sub_justice2 .container .text_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 30rem;
}

@media (max-width: 768px) {
  .sub_justice2 .container .text_wrap {padding: 0;}
}

.sub_justice2 .container .text_wrap h2 {
  font-weight: 400;
  font-size: 28rem;
  opacity: 0;
  -webkit-animation: fromLeft 0.3s ease-out 0.1s forwards;
  animation: fromLeft 0.3s ease-out 0.1s forwards;
}

.sub_justice2 .container .text_wrap b {
  display: block;
  font-weight: 600;
  font-size: 36rem;
  margin-bottom: 40rem;
  opacity: 0;
  -webkit-animation: fromLeft 0.3s ease-out 0.1s forwards;
  animation: fromLeft 0.3s ease-out 0.1s forwards;
}

.sub_justice2 .container .text_wrap em {
  position: relative;
  font-weight: 600;
  font-size: 36rem;
  color: #1F4995;
  color: #BFD0E0;
  margin-left: 30rem;
  margin-right: 40rem;
  opacity: 0;
  -webkit-animation: fromLeft 0.3s ease-out 0.3s forwards;
  animation: fromLeft 0.3s ease-out 0.3s forwards;
}

.sub_justice2 .container .text_wrap em::before {
  content: "";
  width: 67rem;
  height: 47rem;
  background: url("../img/common/sub_justice_quotation.svg") no-repeat center center/cover;
  position: absolute;
  left: -30rem;
  top: -15rem;
}

.sub_justice2 .container .text_wrap p {
  margin-top: 20rem;
  margin-bottom: 20rem;
  font-size: 18rem;
  line-height: 2;
  width: 650rem;
  max-width: 95%;
  opacity: 0;
  -webkit-animation: fromLeft 0.3s ease-out 0.7s forwards;
  animation: fromLeft 0.3s ease-out 0.7s forwards;
}

@media (max-width: 768px) {
  .sub_justice2 .container .text_wrap p {margin-right: 0;}
}

.sub_justice2 .container .text_wrap table {width: 100%;}

.sub_justice2 .container .text_wrap table th, .sub_justice2 .container .text_wrap table td {
  padding: 15rem;
  width: 25%;
}

.sub_justice2 .container .text_wrap table th {
  background-color: #F4F5F2;
  border-right: 1rem solid #bfd0e0;
}

.sub_justice2 .container .text_wrap table td {
  background-color: #fff;
  border-top: 1rem solid #bfd0e0;
  border-right: 1rem solid #bfd0e0;
  text-align: center;
}

.sub_justice2 .container .text_wrap table .tr {
  background-color: #fdfdfc;
}

.sub_justice2 .container .text_wrap table .spe {
  background-color: #dfe2e5;
}

.sub_justice2 .container .text_wrap table .thspe {
  background-color: #D7DCE0;
}

.sub_justice2 .container .text_wrap table .none {
  border-right: none;
}

.sub_justice2 .container img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 45%;
  max-width: 100%;
  height: auto;
  max-height: 433rem;
  opacity: 0;
  -webkit-animation: fromLeft 0.3s ease-out 0.5s forwards;
  animation: fromLeft 0.3s ease-out 0.5s forwards;
}

@media (max-width: 768px) {
  .sub_justice2 .container img {width: 100%;}
}

.sub_justice2 .container ul {
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10rem;
  width: 90%;
}

.sub_justice2 .container ul li {
  padding-left: 60rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 40rem;
  font-size: 18rem;
}

.sub_justice2 .container ul li::after {
  position: absolute;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 0rem;
  top: 0rem;
  width: 40rem;
  height: 40rem;
  color: #fff;
  background-color: #0098dc;
  border-radius: 50%;
}

.sub_justice2 .container ul li:nth-child(1)::after {
  content: "01";
}

.sub_justice2 .container ul li:nth-child(2)::after {
  content: "02";
}

.sub_justice2 .container ul li:nth-child(3)::after {
  content: "03";
}

.sub_justice2 .container ul li:nth-child(4)::after {
  content: "04";
}

.sub_justice2 .container ul li:nth-child(5)::after {
  content: "05";
}

.sub_justice2 .container ul li:nth-child(6)::after {
  content: "06";
}

.sub_justice2 .container ul li:nth-child(7)::after {
  content: "07";
}

.sub_justice2 .container ul li:nth-child(8)::after {
  content: "08";
}

.sub_justice2 .container ul li:nth-child(9)::after {
  content: "09";
}

.sub_justice2 .container ul li.w49 {
  width: 49%;
}

.sub_justice2 .container .diagnosis_wrap {
  margin: 0;
  padding: 40rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 45rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .sub_justice2 .container .diagnosis_wrap {gap: 15rem;}
}

.sub_justice2 .container .diagnosis_wrap li {
  padding: 0;
  width: 160rem;
  height: 160rem;
  border-radius: 50%;
  color: #fff;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .sub_justice2 .container .diagnosis_wrap li {
    width: 140rem;
    height: 140rem;
  }
}

.sub_justice2 .container .diagnosis_wrap li:nth-child(1) {
  background-color: #5E85BC;
}

.sub_justice2 .container .diagnosis_wrap li:nth-child(2) {
  background-color: #C6C6C6;
}

.sub_justice2 .container .diagnosis_wrap li:nth-child(3) {
  background-color: #262D33;
}

.sub_justice2 .container .diagnosis_wrap li::after {
  display: none;
}

/********** sub depth3 tab ************/
.depth3_tab {
  margin-top: 60rem;
}

.depth3_tab .container {
  width: 1300rem;
}

.depth3_tab .container h2{
    text-align: center;
    font-size:30rem;
    font-weight: 700;
    margin-bottom:80rem;
}

@media (max-width: 768px){
    .depth3_tab .container h2{
        font-size:25rem;
    }
}

.depth3_tab .container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
}

.depth3_tab .container ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.depth3_tab .container ul li a {
  padding:8rem;
box-sizing: border-box;
  display: block;
  width: 100%;
  height: 50rem;
  text-align: center;
  color: rgba(34, 34, 34, 0.5);
  background-color:#f4f4f4;
  font-size:18rem;
}

.depth3_tab .container ul li a.on {
  background-color: #0098dc;
  color: #fff;
}

/********** vaccine_part ************/
.vaccine_part {
  padding: 100rem 0;
}

.vaccine_part h2 {
  font-size: 28rem;
  font-weight: 600;
  color: #1F4995;
  text-align: center;
}

.vaccine_part .container {
  margin: 0 auto;
  width: 1300rem;
}

.vaccine_part .container .wrap {
  margin-top: 50rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 768px) {
  .vaccine_part .container .wrap {
    gap: 50rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.vaccine_part .container .orange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20rem;
  width: 190rem;
}


.vaccine_part .container .blue {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20rem;
  width: 190rem;
}


.vaccine_part .container ul {
  padding-right: 10rem;
  padding-bottom: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 190rem;
}

.vaccine_part .container ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -10rem;
  margin-bottom: -10rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100rem;
  height: 70rem;
  border-radius: 35rem;
  background-color: rgba(31, 73, 149, 0.5);
  text-align: center;
  color: #fff;
}

.vaccine_part .container ul li.none {
  display: none;
}

.vaccine_part .container ul li:nth-child(2) {
  background-color: rgba(103, 143, 186, 0.8);
}

.vaccine_part .container ul li:nth-child(3) {
  background-color: rgba(103, 143, 186, 0.8);
  background-color: rgba(103, 143, 186, 0.8);
}



/********** 건강검진센터 ************/

.body{
    color:#3d3d3d;
}

.medicheck_table {
  margin-top: 60rem;
  margin-bottom: 100rem;
}

.medicheck_table .container {
  margin: 0 auto;
  width: 1300rem;
  overflow: auto;
}

.medicheck_table .section_title {
  margin: 0 auto;
  font-size: 38rem;
  font-weight: 200;
  color:#1F4995;
  text-align: center;
  width:100%;
  margin-bottom:40rem;
}

.medicheck_table .container .sub_title li{
    text-align: center;
    padding-bottom:5rem;
    font-size:18rem;
}


.why{
    width:100%;
    text-align: center;
    font-size:30rem;
    margin-top:170rem;
    position:relative;
}

.why:before{
    content:'';
    position:absolute;
    width:1rem;
    height:70rem;
    background-color:#a5a5a5;
    top:-120rem;
    left:center;
}


.why_back{
    font-size:50rem;
    font-weight: 700;
    color:#37acb0;
}

.whyIn{
    margin-top:40rem;
}

.whyIn ul{
    width:100%;
}

.whyIn li{
    width:30%;
    float:left;
    height:auto;
    margin-left:5%;
    padding:50rem 0 50rem 0;
    box-sizing: border-box;

}

.whyIn li:first-child, .whyIn li:last-child{
    margin-left:0;
}

.whyIn li:nth-child(1){
    background:url(../img/sub/check/why01_bg.jpg) no-repeat center;
    background-size:cover;
}

.whyIn li:nth-child(2){
    background:url(../img/sub/check/why02_bg.jpg) no-repeat center;
    background-size:cover;
}

.whyIn li:nth-child(3){
    background:url(../img/sub/check/why03_bg.jpg) no-repeat center;
    background-size:cover;
}


.whyIn li p{
    font-size:20rem;
    line-height: 1.5;
    font-weight: 500;
    margin-top:10rem;
    color:#fff;
}

.whyIn .bottom_text p{color:#3d3d3d !important;}

.whyIn .bottom_text{
    width:100%;
    border:none;
    padding:0;
    font-size:16rem;
    text-align: left;
    margin-top:30rem;
    margin-bottom:100rem;
}

.whyIn .bottom_text p{
    font-size:18rem;
    font-weight: 400;
    background: url(../img/sub/check/check.jpg) no-repeat left;
    padding-left:30rem;
    margin-top:10rem;
    box-sizing: border-box;
}

.checkIn_01 .container{
    width:1300rem !important;
}


.checkIn_001 .tab_con .justify{
    width:100% !important;
}

.checkIn_001 .tab_con .justify .text_wrap{
    width:100% !important;
    margin-top:50rem;
}

.checkIn_001 .tab_con .justify .text_wrap h3{
    font-size:28rem !important;
    font-weight: 600 !important;
    margin-bottom:10rem;
}

.checkIn_01 .tab_con .justify .text_wrap .bottom{
    margin-top:40rem;
    
}

.checkIn_01 .chapter_img{
    width:100%;
    height:300rem;
}

.plus{
   font-size:16rem;
    font-weight: 300;
    background: url(../img/sub/check/check.jpg) no-repeat left 5rem;
    padding-left:28rem;
    padding-bottom:5rem;
    margin-top:10rem;
    line-height:1.5;
}

.cate{
    margin-top:100rem;
}

.cate .cate_title{
    text-align: center;
    font-size:28rem;
    font-weight: 500;
    margin-bottom:40rem;
}

.cate .cate_title span{
    margin-right:5rem;
    font-weight: 700;
}

.cate table{
    width:100%;
}

.cate table thead{
    background-color:rgba(235, 251, 253, 0.27);
    font-size:18rem;
    font-weight:500;
    border-top:1px solid #3d3d3d;
    border-bottom:1px solid #c4c4c4;
}

.cate table thead th{
    padding:15rem 0;
}

.cate table thead th:first-child{
    border-right:1px solid #c4c4c4;
}

.cate table tbody td{
    padding:10rem 0 10rem 20rem;
    border-right:1px solid #bcbcbc;
    border-bottom:1px solid #bcbcbc;
}

.cate table tbody td:last-child{
    border-right:0;
}

.cate table tbody tr:last-child td{
    border-bottom:1px solid #3d3d3d;
}

.cate .title_02{
    margin-top:100rem;
}


.cate_01 .bottom tbody tr:nth-child(2) td:last-child{
    border-bottom:0;
    border-top:0;
}

.cate_01 .bottom tbody tr:first-child td:last-child{
    border-bottom:0;
}

.cate .finish thead tr th{
    width:50%;
}

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

.cate .finish tbody tr td{
    padding-left:0;
}

.check_info{
    width:100%;
    background-color:#f3f5f8;
    position:relative;
}

.check_info a{
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 5rem 40rem;
    width: 300rem;
    height: 50rem;
    border-radius: 25rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17rem;
    background-color: #3877af;
    color:#fff;
}

.check_info a:hover{
    background-color:#37acb5;
    transition:0.3s;
}

.check_info a:hover img{
    transform: translateX(5rem);
    transition:0.3s;
}

.check_info{
    padding-top:100rem;
    padding-bottom:100rem !important;
    margin-bottom:0 !important;
    box-sizing: border-box;
    background:url(../img/sub/check/number_bg.jpg) no-repeat center;
    background-size:cover;
}

.check_info .container ul{
    text-align: center;
    color:#fff;
}

.check_info .container ul .text{
    font-size:24rem;
    font-weight: 500;
}

.check_info .container ul .number{
    font-size:45rem;
    font-weight: 700;
    margin-bottom:35rem;
}

/*------건강검진:모바일-------*/


@media(max-width:768px){
    .check .section_title{font-size:28rem;}
    
    .check .container .sub_title li{font-size:18rem;}
        
    .why .why_title{font-size:25rem;}
    
    .why .why_back{font-size:40rem;}


    .whyIn li{
        width:100%;
        margin-left:0 !important;
        margin-top:20rem;
        padding:20rem 0;
        box-sizing: border-box;
    }
    
    .whyIn li .img_wrap img{width:50%;}
    
    .whyIn li p{
        font-size:20rem;
        margin-top:10rem;
        padding-bottom:20rem;
        box-sizing: border-box;
    }
 
    .whyIn .bottom_text p{
        font-size:20rem;
        background: url(../img/sub/check/check.jpg) no-repeat left top;
    }

    
    .checkIn_01 .container .nav_tab li{font-size:18rem !important;}
    
    .checkIn_001 .tab_con .chapter_img{
        width:100%;
        height:120rem;
    } 
    
    .checkIn_001 .tab_con .chapter_img img{width:100%;}
    
    .checkIn_001 .tab_con .justify .text_wrap h3{font-size:25rem !important;}
    
    .checkIn_001 .tab_con .justify .text_wrap p{font-size:18rem !important;}
    
    .checkIn_001 .tab_con .justify .text_wrap .plus{
        font-size:16rem !important;
        padding-left:35rem;
    }
    
    .cate .cate_title{font-size:25rem;}
    
    .cate table thead{font-size:20rem;}
    
    .cate table tbody{font-size:18rem;}
    
    .cate table tbody td{
        padding-left:10rem;
        padding-right:10rem;
    }
    
    .check_info .container ul .text{font-size:20rem;}
    
    .check_info .container ul .number{font-size:35rem;}
    
    .check_info .container a{
        font-size:14rem;
        width:250rem;
    }
    
    .check_info .container a img{width:50rem !important;}
    
    .cate .plus{
        font-size:16rem;
        background-position: 2rem 2rem;
    }
    
}

/*-------암검진-------*/

.cancer{
    margin-bottom:200rem;
}

.cancer .section_title{
    margin-bottom:0;
}

.cancer .sub_title{
    width:100%;
    text-align: center;
    width:100%;
    margin-top:50rem;
}
.cancer .sub_title h2{
    margin-top:0;
    font-size:28rem;
    margin-bottom:20rem;
    font-weight: 600;
}


.cancer .sub_title p{
    font-size:20rem;
}

.cancer .container .step{
    margin-top:130rem;
    height:500rem;
}

.cancer .container .step li{
    float:left;
    width:21.95%;
    margin-left:4%;
    padding:20rem;
    height:310rem;
    border-top:2px solid #1F4995;
    border-left:1px solid #ced8e0;
    margin-bottom:180rem;
    box-shadow: 2rem 2rem #ced8e0;
    background-color:#fff;
    position:relative;
    border-right:0;
    border-bottom:0;
}

.cancer .container .step li:first-child{
    margin-left:0;
}

.cancer .container .step li .number{
    font-size:25rem;
    font-weight: 500;
    margin-bottom:10rem;
    color:#1F4995;
}

.cancer .container .step li .number span{
    font-size:35rem;
}

.cancer .container .step li::before{
    content:'';
    display:block;
    background:url(../img/common/arrow_right.png) no-repeat center center/contain;
    width:10rem;
    height:15rem;
    position:absolute;
    top:50%;
    left:-10%;
}

.cancer .container .step li:first-child::before{
    display:none;
}

.cancer .container .step li::after{
    content:'';
    display:block;
    background:url(../img/sub/check/step_01.png) no-repeat center center/contain;
    width:50rem;
    height:50rem;
    position:absolute;
    bottom:10rem;
    right:10rem;
}

.cancer .container .step li:nth-child(2)::after{
    background-image: url(../img/sub/check/step_02.png);
}

.cancer .container .step li:nth-child(3)::after{
    background-image: url(../img/sub/check/step_03.png);
}

.cancer .container .step li:nth-child(4)::after{
    background-image: url(../img/sub/check/step_04.png);
}

/*---암검진항목----*/


.cancer .container table{
    width:100%;
}

.cancer .container table thead tr{
    background-color:rgba(235, 251, 253, 0.27);
    border-top:1px solid #3d3d3d;
    border-bottom:1px solid #3d3d3d;
}

.cancer .container table thead tr th{
    padding:15rem 0;
    font-size:18rem;
    font-weight: 500;
}

.cancer .container table thead tr th:first-child{
    width:50%;
    border-right:1px solid #bfbfbf;
}

.cancer .container table thead tr th:nth-child(2){
    border-right:1px solid #bfbfbf;
}

.cancer .container table tbody tr td{
    border:1px solid #bfbfbf;
    padding:20rem;
    text-align: center;
    vertical-align:middle;
}

.cancer .container table tbody tr .bold{
    font-weight: 600;
    font-size:20rem;
}

.cancer .container table tbody tr:first-child td{
    border-top:0;
}

.cancer .container table tbody tr td:first-child{
    width:38%;
}

.cancer .container table tbody tr td:first-child, .cancer .container table tbody tr td:last-child{
    border-right:0;
    border-left:0;
}

.cancer .container table tbody tr:last-child td{
    border-bottom:1px solid #3d3d3d;
}

.cancer .container .plus{
    font-weight: 500;
    color:#3d3d3d;
    font-size:18rem;
}

.medicheck_table .section_title strong {
    font-weight: 700;
}


@media(max-width:768px){
    
    .medicheck_table .section_title{font-size:28rem;}    
    
    .cancer .sub_title h2{font-size:22rem;}
    
    .cancer .sub_title p{font-size:16rem;}
    
    .cancer .container .step li{
        width:48%;
        margin-left:2%;
        margin-bottom:50rem !important;
        height:280rem;
    }
    
    .cancer .container .step li .number{font-size:18rem;}
    
    .cancer .container .step li .number span{font-size:35rem;}
    
    .cancer .container .step li .text{font-size:16rem;}
    
    .cancer .container .step li:nth-child(3){margin-left:0;}
    
    .cancer .container .step li::before{display:none;}
    
    .cancer .container table{margin-top:180rem;}
    
    .cancer .container table thead tr th{font-size:18rem;}
    
    .cancer .container table tbody tr td{font-size:16rem;}
    
    .cancer .container table tbody tr img{width:200rem;}
    
    .cancer .container .plus{font-size:16rem;}
    
}

/*-----채용검진----*/

.company_01 .main_text{
    text-align: center;
    margin-top: 60rem;

}

.company_01 .main_text h2{
  font-size: 38rem;
  font-weight: 200;
  color:#1F4995;
  margin-bottom:50rem;
}

.company_01 .main_text .sub_title{
  font-size:28rem;   
  font-weight: 600;
    margin-bottom:20rem;
}

.company_01 .main_text .text{
    font-size:18rem;
}

.company_02{
    margin-top:180rem;
}

.sec_text{
    text-align: center;
}
.sec_text h3{
    font-size:28rem;
    font-weight: 500;
    margin-bottom:50rem;
    position:relative;
}

.company_02 .sec_text h3::before{
    content:'';
    display:block;
    background:url(../img/sub/check/check_icon.png) no-repeat center center/contain;
    width:100%;
    height:40rem;
    position:absolute;
    top:-50rem;
}

.sec_text p{
    font-size:18rem;
    margin-bottom:70rem;
}

.com_type{
    width:70%;
    margin:0 auto;
    height:330rem;
}

.com_type li{
    float:left;
    width:50%;
    text-align: center;
    padding:10rem;
}

.com_type li .img_wrap{
    background:url(../img/sub/check/type_01.png) no-repeat center center/contain;
    width:200rem;
    height:200rem;
    margin:0 auto;
    margin-bottom:20rem;
}

.com_type li:last-child .img_wrap{
    background-image:url(../img/sub/check/type_02.png);
}

.com_type li p{
    font-size:20rem;
    font-weight: 600;
    margin-bottom:10rem;
}

.com_type li p::after{
    content:'';
    display:block;
    width:30rem;
    height:1rem;
    background-color:#adadad;
    margin:0 auto;
    margin-top:5rem;
}

.com_type li span{
    font-size:18rem;
}

.more_info{
    width:100%;
    margin-top:150rem;
    height:300rem;
    margin-bottom:200rem;
}

.more_info li{
    float:left;
    width:30%;
    text-align: center;
    border:1px solid #adadad;
    border-top:2px solid #1F4995;
    padding-top:40rem;
    padding-bottom:40rem;
}
.more_info li:nth-child(2), .more_info li:nth-child(3){
    margin-left:5%;
}

.more_info li .img_wrap{
    background: url(../img/sub/check/hour.png) no-repeat center center/contain;
    width:110rem;
    height:110rem;
    margin:0 auto;
    margin-bottom:20rem;
}

.more_info li:nth-child(2) .img_wrap{
    background-image:url(../img/sub/check/pre.png);
}

.more_info li:last-child .img_wrap{
    background-image:url(../img/sub/check/result.png);
}

.more_info li .text{
    font-size:20rem;
    font-weight: 600;
}

.more_info li .textIn{
    font-size:18rem;
}

.com_banner{
    background-image:url(../img/sub/check/banner_01.jpg);
}

.company_03{
    width:100%;
    height:650rem;
    margin-bottom:180rem;
    padding:50rem 0;
    margin-top:180rem;
}

.company_03 .container .sec_text{
    margin-bottom:80rem;
}

.company_03 .container .waring{
    width:85%;
    margin:0 auto;
}

.company_03 .img_wrap{
    float:left;
    background:url(../img/sub/check/list.jpg) no-repeat center center/contain;
    width:300rem;
    height:350rem;
}

.company_03 .container ul{
    float:right;
    width:65%;
}

.company_03 .container ul li{
    padding:20rem 10rem;
}

.company_03 .container ul li span{
    padding:10rem;
    font-size:45rem;
    font-weight: 500;
    color:#a4b1bc;
}

.company_03 .container ul li p{
    font-size:18rem;
    margin-left:15rem;
}

.company_04{
    margin-bottom:180rem;
}

.company_04 .container .sec_text{
    margin-bottom:80rem;
}
.company_04 table{
    width:100%;
}

.company_04 table thead{
    background-color: rgba(235, 251, 253, 0.27);
    font-size: 18rem;
    font-weight: 500;
    border-top: 1px solid #3d3d3d;
    border-bottom: 1px solid #c4c4c4;
}

.company_04 table thead tr th{
    padding:15rem 0;
    text-align: center;
}

.company_04 table thead tr th:first-child{
    border-right: 1px solid #bcbcbc;
}

.company_04 table tbody tr td:first-child{
    width:25%;
}
.company_04 table tbody tr td{
    padding: 10rem 0 10rem 25rem;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
}

.company_04 table tbody tr:nth-child(5) td:first-child{
    border-bottom:0;
}

.company_04 table tbody tr:nth-child(6) td:first-child{
    border:0;
    border-right:1px solid #bcbcbc;
}

.company_04 table tbody tr:nth-child(9) td:first-child{
    border-bottom:0;
}
.company_04 table tbody tr:nth-child(10) td:first-child{
    border:0;
    border-right:1px solid #bcbcbc;
    border-bottom:1px solid #bcbcbc;
}
.company_04 table tbody tr td:last-child{
    border-right:0;
}

.company_04 table tbody tr:last-child td{
    border-bottom:1px solid #3d3d3d;
}


/*---채용검진 모바일----*/

@media(max-width:768px){
    .company_01 .main_text h2{font-size:28rem;}
    
    .company_01 .main_text .sub_title{font-size:22rem;}
    
    .company_02{height:1500rem;}
    
    .company_02 .container .sec_text h3{font-size:22rem;}
    
    .com_type{width:100%;}
    
    .com_type li .text_wrap p{font-size:18rem;}
    
    .com_type li .text_wrap span{font-size:16rem;}
    
    .more_info li{width:100%;}
    
    .more_info li:nth-child(2), .more_info li:nth-child(3){
        margin-left:0;
        margin-top:20rem;
    }
    
    .more_info li:last-child{margin-bottom:180rem;}
    
    .more_info li .img_wrap{width:70%;}
    .more_info li .text{font-size:20rem;}
    .more_info li .textIn{font-size:18rem;}
    
    .company_03{margin-top:0; height:1100rem;}
    
    .company_03 .container .sec_text h3{font-size:22rem;}
    
    .waring .img_wrap{
        width:90%;
        margin-top:0;
    }
    
    .company_03 .container ul{
        width:100%;
        padding:0;
    }
    
    .company_03 .container ul li{padding:20rem 0;}
    
    .company_03 .container ul li span{font-size:35rem;}
    
    .company_03 .container ul li p{font-size:18rem;}
    
    .company_04 .container .sec_text h3{font-size:22rem;}
    
    .company_04 table thead{font-size:18rem;}
    
    .company_04 table tbody{font-size:16rem;}
}


/********** sub cause ************/
.sub_cause {
  margin-top: 150rem;
}

.sub_cause .container {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sub_cause .container.fd-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (max-width: 768px) {
  .sub_cause .container {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
}

.sub_cause .container h2 {
  font-weight: 600;
  font-size: 28rem;
  color: #1F4995;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.sub_cause .container .cause {
  width: 75%;
  -ms-flex-item-align: end;
      align-self: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20rem;
}

@media (max-width: 768px) {
  .sub_cause .container .cause {
    width: 100%;
    margin-top: 30rem;
    }
}

.sub_cause .container .cause li {
  padding: 9rem 30rem;
  width: 240rem;
  background-color: #fff;
}

.sub_cause .container .cause .cause_li {
  padding: 9rem 30rem;
  width: 100%;
  background-color: #fff;
}

.sub_cause .container p {
  margin-top: 62rem;
  max-width: 975rem;
  -ms-flex-item-align: end;
      align-self: flex-end;
  font-size: 18rem;
  line-height: 1.6;
}

.sub_cause .container p.sub_text {
  min-width: 975rem;
}

.sub_cause .container .white_wrap {
  -ms-flex-item-align: end;
      align-self: flex-end;
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
  background-color: #fff;
  padding-right: 80rem;
  padding-bottom: 40rem;
  padding-left: 30rem;
  font-size: 18rem;
  line-height: 1.8;
  color: #1F4995;
}

.sub_cause .container .white_wrap:first-of-type {
  margin-top: 60rem;
}

@media (max-width: 768px) {
  .sub_cause .container .white_wrap {width: unset;}
    
}

.sub_cause .container .white_wrap .bignum {
  font-size: 88rem;
  font-weight: 700;
  color: #ced8e0;
}

@media(max-width:768px) {
    .sub_cause .container .white_wrap .bignum{font-size:60rem;}
    .sub_treatment{
        background-color:#f3f5f8 !important;
        margin-bottom:0 !important;
        padding-bottom:180rem;
    }
    .sub_treatment h2{margin-bottom:40rem;}
}

.sub_cause .container .white_wrap .title {
  margin-left: 60rem;
  margin-top: 60rem;
  font-weight: 500;
}

.sub_cause .container .white_wrap p {
  margin-top: 22rem;
  margin-left: 60rem;
}

/********** sub progress ************/
.sub_progress {
  margin-top: 180rem;
  padding: 100rem 0;
  background-color: #fff;
}

.sub_progress .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 1300rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .sub_progress .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 50rem;
  }
}

.sub_progress .container h2 {
  font-size: 28rem;
  font-weight: 600;
}

.sub_progress .container h2 span{
    font-weight: 400;
    margin-left: 5rem;
}

.sub_progress .container .progress_wrap {
  width: 75%;
}

@media (max-width: 768px) {
  .sub_progress .container .progress_wrap {width: 100%;}
}

.sub_progress .container .progress_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .sub_progress .container .progress_wrap ul {
    gap: 40rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.sub_progress .container .progress_wrap ul li {
  width: 210rem;
}

.sub_progress .container .progress_wrap ul li .img_wrap {
  width: 200rem;
  height: 100rem;
  text-align: center;
}

.sub_progress .container .progress_wrap ul li .img_wrap img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.sub_progress .container .progress_wrap ul li .txt_box {
  margin-top: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
}

.sub_progress .container .progress_wrap ul li .txt_box strong{
    font-size:30rem;
    color:#ced8e0;
}


.sub_progress .container .progress_wrap ul li .txt_box p{
    font-size:18rem;
    margin-top:10rem;
    font-weight: 500;
}

.sub_progress .container .progress_wrap ul li .txt_box p span{
    font-size:15rem;
    font-weight: 400;
}

.ct{
   background:none !important;
    
}

.ct .container .text_wrap h2{
    font-weight: 700;
    font-size:38rem;
}

.ctin .container h2{
    color:#3d3d3d;
    text-align: center;
    font-size:28rem;
}

.ctin .container{
    position: relative;
}
.ctin .container .ctimg{
    position:absolute;
    top:10%;
    left:10rem;
}

@media (max-width: 768px){
    .ctin .container .ctimg{display:none;}
}

.ctin .container .white_wrap .bignum{
    font-size:60rem;
}
.ctin .title{
    font-size:18rem;
}

.ctin .container .white_wrap .bignum{
    margin-top:0;
    font-size:88rem;
}


.ctin .container .white_wrap .title{
    color:#3d3d3d;
    font-size:18rem !important;
}

.ctin .container .white_wrap:last-child{
    padding-bottom:200rem;
}


/*-------ct촬영범위-------*/


.area {
    padding-bottom:0 !important;
    background-color:rgba(248, 248, 248, 0.4) !important;
}

.area .container{
    padding-bottom:200rem;
}

.area .container h2{
    color:#3d3d3d !important;
    font-size:28rem;
}

.area .container{
    position:relative;
}

.area .ctimg{
    position: absolute;
    top: 10%;
    left: 10rem;
}

.area .container p{
    font-size:17rem !important;
}




@media (max-width: 768px){
    .sub_justice .container .text_wrap h2{
        font-size:28rem;
        margin-top:50rem;
        margin-bottom:20rem;
    }
    
    .sub_justice .container .text_wrap p{font-size:18rem;}
    
    .ctin .container .white_wrap:last-child{padding-bottom:100rem;}
    
    .ctin .container .white_wrap .bignum{font-size:60rem;}
    
    .area .container .ctimg{display:none;}
    
    .sub_22kind .container h2{font-size:28rem;}
    
    .ct_character .container ul li{width:49%;}
    .ct_character .container ul li p{font-size:16rem; line-height: 1.32;}
    .ct_character .container ul li p span{font-size:14rem;}
    .ct_character .container ul li b{font-size:18rem; letter-spacing:-0.5px;}
    
    .area .container .content_wrap{margin-top:20rem;}
    
    .area .container .content_wrap .content_box_01 .flex_wrap .capsule{margin-bottom:10rem;}
    
    .area .container .content_wrap .content_box_01 .flex_wrap .pill{font-size:20rem !important;}
    
    .area .container .content_wrap p{font-size:18rem !important;}
    
    .area{margin-top:100rem !important;}
    
    .area .container{padding-top:80rem !important;}
    
}



/********** sub_point_bg parallax ********/
.sub_point_bg {
  margin-top: 100rem;
  display: -ms-grid;
  display: grid;
  place-content: center;
  height: 310rem;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.sub_point_bg span {
  font-size: 18rem;
  color: #fff;
}

.sub_point_bg.bgImg01 {
  background-image: url("../img/sub/subtop/bgImg_01.jpg");
}

.sub_point_bg.bgImg07 {
  background-image: url("../img/sub/subtop/bgImg_02.jpg");
}

.sub_point_bg.bgImg02 {
  background-image: url("../img/sub/subtop/subtop_02.jpg");
}

.sub_point_bg.bgImg03 {
  background-image: url("../img/sub/subtop/subtop_03.jpg");
}

.sub_point_bg.bgImg04 {
  background-image: url("../img/sub/subtop/subtop_04.jpg");
}

.sub_point_bg.bgImg05 {
  background-image: url("../img/sub/subtop/subtop_05.jpg");
}

.sub_point_bg.bgImg06 {
  background-image: url("../img/sub/subtop/subtop_06.jpg");
}

/************ sub symptom **********/
.sub_symptom .container {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 100rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 768px) {
  .sub_symptom .container {display: block;}
}

.sub_symptom .container.grid-clear {
  display: block;
  margin-top: 160rem;
}

.sub_symptom .container.grid-clear p {
  margin-top: 30rem;
  font-size: 18rem;
  line-height: 2.2;
}

.sub_symptom .container h2 {
  font-weight: 600;
  font-size: 28rem;
}

.sub_symptom .container .sticky_wrap .sticky_content {
  top: 250rem;
}

.sub_symptom .container .desc_wrap ul li{
    margin-bottom:30rem;
}

.sub_symptom .container .desc_wrap ul li span{
    display: block;
    background-color:#a4b1bc;
    color:#fff;
    font-weight: bold;
    font-size:18rem;
    width:120rem;
    height:40rem;
    border-radius: 20rem;
    text-align: center;
    line-height: 40rem;
    margin-bottom:10rem;
}


.sub_symptom .container .desc_wrap {
  font-size: 18rem;
  grid-column: 1/-1;
  line-height: 2.2;
  margin-top: 60rem;
}

.sub_symptom .container .desc_wrap p {
  font-size: 18rem;
}

.sub_symptom .container .desc_wrap p em {
  font-weight: 600;
}

.sub_symptom .container .tabs {
  grid-column: 1/-1;
  margin-top: 105rem;
}

.sub_symptom .container .desc_wrap .symptom_ul {
  margin-top: 30rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20rem;
}

.sub_symptom .container .desc_wrap .symptom_ul li {
  padding: 10rem 30rem;
  width: 30%;
  background-color: #fff;
}

@media (max-width: 768px) {
    .sub_symptom .container .desc_wrap .symptom_ul{gap: 0;}
  .sub_symptom .container .desc_wrap .symptom_ul li {width: 50%;}
    
}

.sub_symptom .container .tabs .tab__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub_symptom .container .tabs .tab__nav li {
  font-size: 18rem;
  position: relative;
  padding: 10rem 14rem;
}

.sub_symptom .container .tabs .tab__nav li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 2rem;
  background-color: #BFD0E0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.sub_symptom .container .tabs .tab__nav li:hover::after, .sub_symptom .container .tabs .tab__nav li:active::after {
  width: 100%;
}

.sub_symptom .container .tabs .tab__nav li.ui-tabs-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 2rem;
  background-color: #BFD0E0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.sub_symptom .container .tabs .tab__nav .ui-tabs-active a {
  font-weight: 500;
  color: #BFD0E0;
}

.sub_symptom .container .tabs .tab__content {
  margin-top: 30rem;
  background: #fff;
  color: #1F4995;
  padding: 60rem;
}

.sub_symptom .container .tabs .tab__content li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .sub_symptom .container .tabs .tab__content li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.sub_symptom .container .tabs .tab__content li img {
  width: 160rem;
  height: 160rem;
  margin-right: 80rem;
  -o-object-fit: contain;
  object-fit: contain;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

@media (max-width: 768px) {
  .sub_symptom .container .tabs .tab__content li img {
    margin: 0;
    margin-bottom: 20rem;
  }
}

.sub_symptom .container .tabs .tab__content li p {
  font-size: 18rem;
  line-height: 2.2;
}

.sub_symptom .container .grid_wrap {
  margin-top: 62rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.sub_symptom .container .grid_wrap .text_box {
  width: 49%;
  height: 280rem;
  background-color: #fff;
  padding: 40rem;
  border-bottom: 5rem solid #BFD0E0;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

@media (max-width: 768px) {
  .sub_symptom .container .grid_wrap .text_box {width: unset;}
}

.sub_symptom .container .grid_wrap .text_box:nth-of-type(1), .sub_symptom .container .grid_wrap .text_box:nth-of-type(3) {
  margin-right: 20rem;
}

@media (max-width: 768px) {
  .sub_symptom .container .grid_wrap .text_box:nth-of-type(1), .sub_symptom .container .grid_wrap .text_box:nth-of-type(3) {
    margin: 0;
    margin-bottom: 20rem;
  }
}

.sub_symptom .container .grid_wrap .text_box:nth-of-type(1), .sub_symptom .container .grid_wrap .text_box:nth-of-type(2) {
  margin-bottom: 20rem;
}

@media (max-width: 768px) {
  .sub_symptom .container .grid_wrap .text_box:nth-of-type(1), .sub_symptom .container .grid_wrap .text_box:nth-of-type(2) {
    margin: 0;
    margin-bottom: 20rem;
  }
}

.sub_symptom .container .grid_wrap .text_box h3 {
  font-weight: 500;
  font-size: 24rem;
  line-height: 1.7;
}

.sub_symptom .container .grid_wrap .text_box p {
  font-size: 18rem;
  max-height: 80%;
  line-height: 2.2;
  margin-top: 8rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.sub_symptom .container .grid_wrap .text_box .btn_more {
  cursor: pointer;
  display: block;
  margin-top: 32rem;
  text-align: center;
  font-size: 18rem;
  float: right;
}

.sub_symptom .container .grid_wrap_unbal {
  margin-top: 100rem;
  grid-column: 1/-1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 20rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

@media (max-width: 768px) {
  .sub_symptom .container .grid_wrap_unbal {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    margin-top: 50px;
  }
}

.sub_symptom .container .grid_wrap_unbal .white_box {
  background-color: #fff;
  padding: 50rem 40rem;
}

.sub_symptom .container .grid_wrap_unbal .white_box:nth-of-type(2) {
  margin-top: 70rem;
}

@media (max-width: 768px) {
  .sub_symptom .container .grid_wrap_unbal .white_box:nth-of-type(2) {margin: 0;}
}

.sub_symptom .container .grid_wrap_unbal .white_box h3 {
  font-size: 24rem;
  line-height: 1.7;
  font-weight: 500;
}

.sub_symptom .container .grid_wrap_unbal .white_box h3 em {
  font-weight: 700;
}

.sub_symptom .container .grid_wrap_unbal .white_box ul {
  margin-top: 30rem;
}

.sub_symptom .container .grid_wrap_unbal .white_box ul li {
  list-style-type: disc;
  margin-left: 20rem;
  font-size: 18rem;
  line-height: 2.2;
  margin-bottom: 10rem;
}

.sub_symptom .container .kind_wrap h2 {
  text-align: center;
}

.sub_symptom .container .kind_wrap .sub_title {
  margin-top: 70rem;
  font-size: 18rem;
  text-align: center;
}

.sub_symptom .container .kind_wrap .content_box_three {
  margin-top: 50rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  gap: 55rem;
}

@media (max-width: 768px) {
  .sub_symptom .container .kind_wrap .content_box_three {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    gap: 30rem;
  }
}

.sub_symptom .container .kind_wrap .content_box_three .white_flex_box {
  font-size: 18rem;
  line-height: 1.8;
  background-color: #fff;
}

.sub_symptom .container .kind_wrap .content_box_three .white_flex_box:nth-child(1) .title, .sub_symptom .container .kind_wrap .content_box_three .white_flex_box:nth-child(4) .title {
  background-color: #5E85BC;
}

.sub_symptom .container .kind_wrap .content_box_three .white_flex_box:nth-child(2) .title, .sub_symptom .container .kind_wrap .content_box_three .white_flex_box:nth-child(5) .title {
  background-color: #BFD0E0;
}

.sub_symptom .container .kind_wrap .content_box_three .white_flex_box:nth-child(3) .title, .sub_symptom .container .kind_wrap .content_box_three .white_flex_box:nth-child(6) .title {
  background-color: #C9C9C9;
}

.sub_symptom .container .kind_wrap .content_box_three .white_flex_box .title {
  color: #fff;
  height: 70rem;
  line-height: 70rem;
  background-image: url("../img/common/kind_title_icon.svg");
  background-position: right 28rem center;
  background-repeat: no-repeat;
  font-weight: 700;
  text-align: center;
}

.sub_symptom .container .kind_wrap .content_box_three .white_flex_box .content {
  padding: 30rem 40rem;
}

/************ sub precause ***********/
.sub_precause {
  margin-top: 100rem;
  padding: 100rem 0;
  background-color: #fff;
}

.sub_precause .container {
  margin: 0 auto;
  width: 1300rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30rem;
}

.sub_precause .container h2 {
  font-size: 28rem;
  font-weight: 600;
  line-height: 1.2;
}

.sub_precause .container .precaution {
  width: 75%;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (max-width: 768px) {
  .sub_precause .container .precaution {
    width: 100%;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

.sub_precause .container ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .sub_precause .container ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20rem;
  }
}

.sub_precause .container ul li {
  width: 210rem;
  height: 210rem;
  background:url(../img/sub/internal/flupre_01.jpg) no-repeat center center;
}

.sub_precause .container ul li:nth-child(2){
    background-image:url(../img/sub/internal/flupre_02.jpg);
}

.sub_precause .container ul li:nth-child(3){
    background-image:url(../img/sub/internal/flupre_03.jpg);
}

.sub_precause .container ul li:nth-child(4){
    background-image:url(../img/sub/internal/flupre_04.jpg);
}

.sub_precause .container ul li strong {
  margin-top: 20rem;
  display: block;
  font-size: 30rem;
  color: #3d3d3d;
  text-align: center;
}

.sub_precause .container ul li p {
  margin: 20rem auto;
  font-size: 18rem;
  color: #3d3d3d;
  line-height: 1.4;
  width: 160rem;
  text-align: center;
    font-weight: 500;
}

/************ sub exam ***********/
.sub_exam {
  background: url("../img/common/bg_big_logo.svg") no-repeat right 5vw bottom;
  margin-top: 200rem;
  padding-bottom: 160rem;
}

@media (max-width: 768px) {
  .sub_exam {
    background: unset;
    padding: 0;
  }
}

.sub_exam.remove_bg_img {
  background-image: none;
  padding-bottom: 0;
}

.sub_exam .container {
  width: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .sub_exam .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 90%;
    margin: 0 auto;
  }
}

.sub_exam .container .img_wrap {
  width: 100%;
  -webkit-box-flex: 50;
      -ms-flex: 50;
          flex: 50;
  position: relative;
}

.sub_exam .container .img_wrap.overlay_none::before {
  background-color: unset;
}

.sub_exam .container .img_wrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
  .sub_exam .container .img_wrap {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}

.sub_exam .container .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.sub_exam .container .content_wrap {
  padding-top: 64rem;
  padding-left: 40rem;
  -webkit-box-flex: 35;
      -ms-flex: 35;
          flex: 35;
}

@media (max-width: 768px) {
  .sub_exam .container .content_wrap {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    padding: 0;
    margin-top: 30rem;
  }
}

.sub_exam .container .content_wrap .highlight-line {
  margin-top: 70rem;
}

.sub_exam .container .content_wrap .dm_list {
  font-size: 18rem;
  line-height: 2.2;
  margin-top: 70rem;
}

.sub_exam .container .content_wrap .dm_list p {
  margin-top: 46rem;
}

.sub_exam .container .content_wrap .dm_list p.mt-70 {
  margin-top: 70rem;
}

.sub_exam .container .content_wrap .title_wrap h2 {
  font-weight: 600;
  font-size: 28rem;
  color: #1F4995;
  line-height: 1.2;
}

.sub_exam .container .content_wrap .title_wrap h3 {
  margin-top: 10rem;
  font-weight: 600;
  font-size: 36rem;
  line-height: 1.5;
  color: #1F4995;
}

.sub_exam .container .content_wrap .circles {
  margin-top: 50rem;
  padding-left: 40rem;
  padding-right: 40rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  gap: 45rem;
}

@media (max-width: 768px) {
  .sub_exam .container .content_wrap .circles {
    gap: 15rem;
  }
}

.sub_exam .container .content_wrap .circles .circle {
  display: -ms-grid;
  display: grid;
  place-content: center;
  width: 160rem;
  height: 160rem;
  border-radius: 50%;
}

@media (max-width: 768px) {
  .sub_exam .container .content_wrap .circles .circle {
    width: 140rem;
    height: 140rem;
  }
}

.sub_exam .container .content_wrap .circles .circle:nth-child(1) {
  background-color: #5E85BC;
}

.sub_exam .container .content_wrap .circles .circle:nth-child(2) {
  background-color: #C9C9C9;
}

.sub_exam .container .content_wrap .circles .circle:nth-child(3) {
  background-color: #1F4995;
}

.sub_exam .container .content_wrap .circles .circle span {
  text-align: center;
  font-size: 18rem;
  line-height: 1.5;
  color: #ffffff;
}

.sub_exam .container .content_wrap .content {
  margin-top: 40rem;
  color: #1F4995;
  font-size: 18rem;
  line-height: 2.2;
  max-width: 650rem;
}

.sub_exam .container .content_wrap .content strong {
  position: relative;
}

.sub_exam .container .content_wrap .content strong::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2rem;
  width: 100%;
  height: 6rem;
  background-color: #ced6dd;
  z-index: -1;
}

.sub_exam .container .content_wrap .brown_box {
  position: relative;
  margin-top: 86rem;
  font-size: 18rem;
  line-height: 2.2;
  color: #f4f4f4;
}

.sub_exam .container .content_wrap .brown_box::before {
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-60%, -50%);
          transform: translate(-60%, -50%);
  content: "";
  display: inline-block;
  width: 1610rem;
  height: 120%;
  background-color: #BFD0E0;
}

.sub_exam .container .content_wrap .brown_box .title::before {
  content: "!";
  margin-right: 15rem;
  color: #C9C9C9;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  line-height: 23rem;
  width: 23rem;
  height: 23rem;
  background-color: #f4f4f4;
  border-radius: 50%;
}

.sub_exam .container .content_wrap .brown_box ul li {
  list-style-type: disc;
  margin-left: 20rem;
}

/************ sub_treatment ***********/
.sub_treatment {
  width: 100%;
  max-width: 100%;
  background-color: #fff;
}

.sub_treatment .container {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 100rem;
}

.sub_treatment .container h2 {
  font-weight: 600;
  font-size: 28rem;
}

.sub_treatment .container .content_wrap {
  width: 975rem;
  max-width: 90%;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media (max-width: 768px) {
  .sub_treatment .container .content_wrap {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    max-width: unset;
    width: 100%;
  }
}

.sub_treatment .container .content_wrap h3 {
  font-weight: 600;
  font-size: 24rem;
  line-height: 1.7;
  color: #5E85BC;
}

.sub_treatment .container .content_wrap p {
  font-size: 18rem;
}

.sub_treatment .container .content_wrap h3:not(:first-of-type) {
  margin-top: 36rem;
}

.sub_treatment .container .content_wrap .content_box_01:nth-of-type(2) {
  margin-top: 60rem;
}

.sub_treatment .container .content_wrap .content_box_01 .flex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 40rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.sub_treatment .container .content_wrap .content_box_01 .flex_wrap .capsule {
  margin-top: 0;
  margin-bottom: 20rem;
}

.sub_treatment .container .content_wrap .content_box_01 .flex_wrap .capsule:first-of-type {
  margin-top: 0;
}

.sub_treatment .container .content_wrap .content_box_01 .flex_wrap p {
  margin-top: 0;
}

.sub_treatment .container .content_wrap .content_box_01 .flex_wrap ul {
  padding: 0;
  margin-top: 0;
  margin-left: 30rem;
}

.sub_treatment .container .content_wrap .content_box_01 .flex_wrap ul li {
  list-style-type: "- ";
  margin-left: 20rem;
}

.sub_treatment .container .content_wrap .content_box_01 .capsule {
  margin-top: 25rem;
  display: inline-block;
  position: relative;
}

.sub_treatment .container .content_wrap .content_box_01 .capsule:first-of-type {
  margin-top: 40rem;
}

.sub_treatment .container .content_wrap .content_box_01 .capsule .pill {
  color: #fff;
  font-size: 18rem;
  background-color: #a4b1bc;
  border-radius: 20rem;
  height: 40rem;
  text-align: center;
  padding: 0 25rem;
  display: -ms-grid;
  display: grid;
  place-content: center;
}

.sub_treatment .container .content_wrap .content_box_01 .capsule.add::after {
  content: "";
  display: block;
  position: absolute;
  top: 5rem;
  right: -220rem;
  color: #5E85BC;
  text-align: left;
  width: 200rem;
  font-weight: 600;
  font-size: 18rem;
}

.sub_treatment .container .content_wrap .content_box_01 .flex_wrap:nth-child(1) .add::after {
  content: "호르몬제, 약물치료";
}

.sub_treatment .container .content_wrap .content_box_01 .flex_wrap:nth-child(2) .add::after {
  content: "약물치료";
}

.sub_treatment .container .content_wrap .content_box_01 .flex_wrap:nth-child(3) .add::after {
  content: "주기적인 검사를 통한 대처";
}

.sub_treatment .container .content_wrap .content_box_01 p {
  font-size: 18rem;
  line-height: 2.2;
}

.sub_treatment .container .content_wrap .content_box_01 p.mt30 {
  margin-top: 30rem;
  line-height: 1.7;
}

.sub_treatment .container .content_wrap .content_box_01 ul {
  font-size: 18rem;
  margin-top: 10rem;
  line-height: 2.2;
  padding-left: 10rem;
}

.sub_treatment .container .content_wrap .content_box_01 ul li {
  list-style-type: "- ";
}

.sub_treatment .container .content_wrap .content_box_02 h3 {
  margin-top: 70rem;
}

.sub_treatment .container .content_wrap .content_box_02 .squares {
  font-size: 18rem;
  margin-top: 34rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 768px) {
  .sub_treatment .container .content_wrap .content_box_02 .squares {
    -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-items: center;
    gap: 20rem;
  }
}

.sub_treatment .container .content_wrap .content_box_02 .squares.responsive .square {
  height: auto;
}

.sub_treatment .container .content_wrap .content_box_02 .squares.responsive .square p {
  padding: 20rem 10rem;
}

.sub_treatment .container .content_wrap .content_box_02 .squares .square {
  display: -ms-grid;
  display: grid;
  width: 210rem;
  height: 210rem;
  border: 11rem solid #ceddea;
}

.sub_treatment .container .content_wrap .content_box_02 .squares .square span {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  text-align: center;
  padding-top: 38rem;
  font-weight: 600;
  font-size: 28rem;
  line-height: 1.5;
  color: #1F4995;
}

.sub_treatment .container .content_wrap .content_box_02 .squares .square p {
  margin: 0;
  padding: 0 10rem;
  line-height: 1.5;
  text-align: center;
  vertical-align: top;
}

.sub_treatment .container .content_wrap .list {
  margin-top: 50rem;
}

.sub_treatment .container .content_wrap .list .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .sub_treatment .container .content_wrap .list .item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

.sub_treatment .container .content_wrap .list .item span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  font-size: 18rem;
  line-height: 40rem;
  font-weight: 700;
  text-align: center;
  display: inline-block;
  color: #fff;
  background-color: #5E85BC;
  border-radius: 50%;
  width: 40rem;
  height: 40rem;
}

.sub_treatment .container .content_wrap .list .item p {
  margin: 0;
  margin-left: 10rem;
  font-size: 18rem;
  line-height: 2.2;
}



/************ sub_comparison ***********/
.sub_comparison {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 200rem;
}

.sub_comparison h2 {
  font-weight: 600;
  font-size: 28rem;
  color: #1F4995;
  text-align: center;
}

.sub_comparison .subtitle_gray {
  margin-top: 100rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub_comparison .subtitle_gray h4 {
  font-size: 24rem;
  line-height: 1.3;
  text-align: center;
  display: inline-block;
  background: #c4c4c4;
  color: #fff;
  padding: 8rem 15rem;
}

.sub_comparison table {
  font-size: 18rem;
  line-height: 1.8;
  margin-top: 65rem;
  background: #fff;
  color: #1F4995;
  text-align: center;
  width: 100%;
  height: 700rem;
  border-top: 4rem solid #E1D5BD;
}

.sub_comparison table.h100 {
  height: unset;
}

.sub_comparison table.h100 tbody tr {
  height: 100rem;
}

.sub_comparison table tr th {
  width: 30%;
  vertical-align: middle;
  background-color: rgba(92, 124, 153, 0.2);
  height: 80rem;
}

.sub_comparison table tr th:last-child {
  background-color: #ccd7e2;
}

.sub_comparison table tr td {
  padding: 0 20rem;
  width: 30rem;
  vertical-align: middle;
}

.sub_comparison table tr td:last-of-type {
  background-color: rgba(125, 165, 201, 0.3);
}

.sub_comparison p {
  margin-top: 70rem;
  font-size: 18rem;
  line-height: 1.8;
}

.sub_comparison p.subdesc {
  text-align: center;
  margin-top: 40rem;
}

/************ sub_introduce ***********/
.sub_introduce .main_title {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 150rem;
  text-align: center;
  color: #1F4995;
}

.sub_introduce .img_wrap {
  margin: 50rem auto 0;
  width: 100rem;
  height: 70rem;
}

.sub_introduce .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.sub_introduce .section_title {
  font-size: 40rem;
  font-weight: 100;
  color: #2e3135;
  text-align: center;
  margin: 30rem auto;
}

.sub_introduce .main_title h1 {
  font-weight: 700;
  font-size: 36rem;
}

.sub_introduce .main_title p {
  margin: 0 auto;
  margin-top: 50rem;
  width: 50%;
  font-size: 18rem;
  line-height: 1.8;
}

@media (max-width: 768px) {
  .sub_introduce .main_title p {
    width: 90%;
  }
}

.sub_introduce .content_grid {
  width: 100%;
  max-width: 100%;
  margin-top: 150rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[6];
      grid-template-columns: repeat(6, 1fr);
  -ms-grid-rows: 286rem 393rem 300rem 340rem 340rem 200rem;
      grid-template-rows: 286rem 393rem 300rem 340rem 340rem 200rem;
}

@media (max-width: 1280px) {
  .sub_introduce .content_grid {
    -ms-grid-rows: 1fr 2fr 3fr 3fr 2fr 1fr;
        grid-template-rows: 1fr 2fr 3fr 3fr 2fr 1fr;
  }
}

@media (max-width: 768px) {
  .sub_introduce .content_grid {
    -ms-grid-columns: 5% 22.5% 22.5% 22.5% 22.5% 5%;
        grid-template-columns: 5% 22.5% 22.5% 22.5% 22.5% 5%;
    -ms-grid-rows: 1fr 2fr 2fr 2fr 1fr 2fr;
        grid-template-rows: 1fr 2fr 2fr 2fr 1fr 2fr;
  }
}

.sub_introduce .content_grid .content_wrap {
  font-weight: 250;
  font-size: 40rem;
  width: 530rem;
  max-width: 100%;
  padding: 50rem 0;
}

.sub_introduce .content_grid .content_wrap.white {
  -ms-grid-column: 2;
  -ms-grid-column-span: 2;
  grid-column: 2/span 2;
  -ms-grid-row: 2;
  grid-row: 2;
  color: #ffffff;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

@media (max-width: 768px) {
  .sub_introduce .content_grid .content_wrap.white {
    -ms-grid-column: 2;
    -ms-grid-column-span: 3;
    grid-column: 2/span 3;
    -ms-grid-row: 3;
    grid-row: 3;
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }
}

.sub_introduce .content_grid .content_wrap.black {
  -ms-grid-column: 4;
  -ms-grid-column-span: 2;
  grid-column: 4/span 2;
  -ms-grid-row: 5;
  -ms-grid-row-span: 2;
  grid-row: 5/span 2;
  color: #1F4995;
  place-self: center;
  margin-left: 30rem;
}

@media (max-width: 768px) {
  .sub_introduce .content_grid .content_wrap.black {
    -ms-grid-column: 3;
    -ms-grid-column-span: 3;
    grid-column: 3/span 3;
    -ms-grid-row: 6;
    -ms-grid-row-span: 2;
    grid-row: 6/span 2;
    place-self: unset;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    margin-left: 0;
  }
}

.sub_introduce .content_grid .content_wrap p {
  font-size: 18rem;
  margin-top: 50rem;
  line-height: 1.8;
}

.sub_introduce .content_grid .content_wrap .title {
  line-height: 1.25;
}

.sub_introduce .content_grid .content_wrap .title strong {
  font-weight: 500;
  position: relative;
}

.sub_introduce .content_grid .content_wrap .title strong::after {
  content: "";
  position: absolute;
  bottom: 10%;
  left: -50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  width: 102%;
  height: 12rem;
  background: #5E85BC;
  opacity: 0.5;
  z-index: -1;
}

.sub_introduce .content_grid .bgimg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: auto;
}

.sub_introduce .content_grid .img01 {
  background-image: url("/img/sub/introduce_img_01.jpg");
  -ms-grid-column: 4;
  -ms-grid-column-span: 3;
  grid-column: 4/span 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/span 2;
}

@media (max-width: 768px) {
  .sub_introduce .content_grid .img01 {
    grid-column: 3/-1;
  }
}

.sub_introduce .content_grid .img02 {
  position: relative;
  background-image: url("/img/sub/introduce_img_02.jpg");
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  grid-column: 1/span 3;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/span 2;
}

.sub_introduce .content_grid .img02::after {
  content: "";
  display: inline-block;
  width: 400rem;
  height: 400rem;
  position: absolute;
  top: -200rem;
  right: -200rem;
  z-index: -1;
  background: url("../img/common/circle_text.svg") no-repeat center center/cover;
  -webkit-animation: infiniteRound 25s linear infinite;
  animation: infiniteRound 25s linear infinite;
}

@media (max-width: 768px) {
  .sub_introduce .content_grid .img02 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1/span 4;
  }
}

.sub_introduce .content_grid .bg {
  z-index: -1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-column: 1/span 5;
  -ms-grid-row: 2;
  -ms-grid-row-span: 3;
  grid-row: 2/span 3;
  background-color: #07223a;
}

.sub_introduce .content_grid .sidetext01 {
  background: url("/img/common/aside_text_01.svg") no-repeat center center/cover;
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2/span 2;
  width: 16rem;
  height: 478rem;
  place-self: center;
}

@media (max-width: 768px) {
  .sub_introduce .content_grid .sidetext01 {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/span 1;
    margin: 20rem 0;
  }
}

.sub_introduce .content_grid .sidetext02 {
  background: url("/img/common/aside_text_02.svg") no-repeat center center/cover;
  width: 16rem;
  height: 478rem;
  -ms-grid-column: 6;
  grid-column: 6;
  -ms-grid-row: 4;
  -ms-grid-row-span: 2;
  grid-row: 4/span 2;
  place-self: center;
}

@media (max-width: 768px) {
  .sub_introduce .content_grid .sidetext02 {
    -ms-grid-column: 5;
    grid-column: 5;
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    grid-row: 5/span 2;
    place-self: unset;
    -ms-grid-column-align: center;
        justify-self: center;
    margin: 20rem 0;
  }
}

.sub_introduce .room {
  display: -ms-grid;
  display: grid;
  place-content: center;
  margin-top: 160rem;
  width: 100%;
  height: 570rem;
  background: url("/img/sub/room_01.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}

@media (max-width: 768px) {
  .sub_introduce .room {
    height: 300rem;
    background-position: center right 30%;
  }
}

.sub_introduce .room p {
  font-weight: 250;
  color: #f4f4f4;
  font-size: 40rem;
  line-height: 1.25;
  text-align: center;
}

@media (max-width: 768px) {
  .sub_introduce .room p {
    font-size: 24rem;
  }
}

.sub_introduce .bgImgDr {
  position: relative;
  display: -ms-grid;
  display: grid;
  place-content: center;
  margin-top: 160rem;
  width: 100%;
  height: 570rem;
  background: url("../img/sub/introduce/bg01.jpg") no-repeat center center/cover;
  background-attachment: fixed;
}

@media (max-width: 768px) {
  .sub_introduce .bgImgDr {
    height: 300rem;
    background-position: center right 30%;
  }
}

.sub_introduce .bgImgDr::after {
  content: "";
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
}

.sub_introduce .bgImgDr.on::after {
  display: block;
}

.sub_introduce .bgImgDr p {
  font-weight: 250;
  color: #f4f4f4;
  font-size: 40rem;
  line-height: 1.6;
  text-align: center;
  z-index: 1;
}

.sub_introduce .bgImgDr p span{
    font-weight:300;
}

@media (max-width: 768px) {
  .sub_introduce .bgImgDr p {
    font-size: 24rem;
  }
}

.sub_introduce .dr_info {
  width: 1300rem;
  max-width: 95%;
  margin: 0 auto;
  margin-top: 250rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .sub_introduce .dr_info {
    position: relative;
  }
}

.sub_introduce .drinfo_2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .sub_introduce .drinfo_2 {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.sub_introduce .dr_info .dr_img {
  max-width: 50%;
  height: 600rem;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 768px) {
  .sub_introduce .dr_info .dr_img {
    max-width: unset;
    width: 80%;
    position: absolute;
    right: -19%;
    z-index: -1;
  }
}

.sub_introduce .dr_info .career {
  position: relative;
  margin-left: 80rem;
}

@media (max-width: 1280px) {
  .sub_introduce .dr_info .career {
    margin-left: 0;
  }
}

.sub_introduce .dr_info .career .bgtext {
  position: absolute;
  top: -23%;
  left: -19%;
  font-weight: bold;
  font-size: 180rem;
  letter-spacing: -0.02em;
  color: #37acb0;
  opacity: 0.05;
}

@media (max-width: 768px) {
  .sub_introduce .dr_info .career .bgtext {
    position: absolute;
    left: -4%;
    font-size: 128rem;
  }
}

.sub_introduce .dr_info .career .name {
  margin-top: 20rem;
  font-size: 40rem;
  font-weight: 500;
  line-height: 1.25;
  color:#1f4995;
}

.sub_introduce .dr_info .career .name span{
    font-size:30rem;
}

.sub_introduce .dr_info .career ul {
  margin-top: 35rem;
  font-size: 18rem;
  font-weight: 400;
  line-height: 1.8;
}

.sub_introduce .dr_info .career ul li:first-child{
  font-weight: 500;
}
@media (max-width: 768px){
    .sub_introduce .dr_info .career ul li{
        width:95%;
        font-size:16rem;
    }
}

@media (max-width: 768px){
    .sub_introduce .dr_info .career ul li:first-child div{display:none;}    
}

.sub_introduce .dr_info .career ul li.off{
    margin-top:18rem;
    width:100%;
}

@media (max-width: 768px){
    .sub_introduce .dr_info .career ul li.off{font-size:12rem;}
}


.sub_introduce .dr_info .career ul li.off p{
    color:#3877af;
    font-size:20rem;
    font-weight: 500;
}

.sub_introduce .dr_info .career ul li.off> span{
    text-decoration:underline;
    font-size:18rem;
}

.sub_introduce .dr_info .career ul li table{
    width:100%;
    margin-top:10rem;
}

.sub_introduce .dr_info .career ul li table tr{
    text-align: center;
    border-top:1px solid #acacac;
    border-bottom:1px solid #acacac;
}


.sub_introduce .dr_info .career ul li table td{
    padding:10rem 15rem;
    box-sizing: border-box;
    border-right: 1px solid #acacac;
}

.sub_introduce .dr_info .career ul li table td:last-child{
    border-right:none;
}

.sub_introduce .dr_info .career ul li table td.color{
    background-color:#3877af;
    color:#fff;
    font-weight: 500;
}

.sub_introduce .dr_info .career ul li table td.bold{
    font-weight: 500;
    background-color:#f9f9f9;
}

.sub_introduce .dr_info .career ul li table td.red{
    color:red;
    font-weight: 400;
}

.sub_introduce .dr_info .career ul li table td.red span{
    font-size:14rem;
    color:#3d3d3d;
}

@media (max-width: 768px){
    
}



.sub_introduce .sub_intro_slide {
  width: 1690rem;
  margin-bottom: 100rem;
  float: right;
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
}

.sub_introduce .sub_intro_slide.no .slider .image::after {
  display: none;
}

.sub_introduce .sub_intro_slide.full {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  margin-top: 200rem;
  height: 400rem;
  float: unset;
  -webkit-transform: unset;
          transform: unset;
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide.full {
    width: 100%;
    max-width: 100%;
    margin-top: 100rem;
  }
}

.sub_introduce .sub_intro_slide.full .swiper {
  width: 100%;
  height: 400rem;
  overflow: visible;
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide.full .swiper {overflow: hidden;}
}

.sub_introduce .sub_intro_slide.full .swiper .swiper-slide {
  width: 600rem;
}

.sub_introduce .sub_intro_slide.full .swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sub_introduce .sub_intro_slide.full .swiper .swiper-pagination {
  width: 1300rem;
  max-width: 100%;
  top: unset;
  bottom: -70rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide.full .swiper .swiper-pagination {
    bottom: 0;
  }
}

.sub_introduce .sub_intro_slide.full .swiper .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #1F4995;
}

.sub_introduce .sub_intro_slide.full .slider {
  grid-column: unset;
  grid-row: unset;
  margin: 0;
  height: 400rem;
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide.full .slider {
    width: 100%;
  }
}

.sub_introduce .sub_intro_slide.full .slider .image {
  width: 600rem;
  height: 100%;
}

.sub_introduce .sub_intro_slide.full .slider .image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.sub_introduce .sub_intro_slide.full .progress {
  width: 1300rem;
  margin: 0 auto;
  margin-top: 70rem;
  grid-column: unset;
  grid-row: unset;
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide.full .progress {
    width: 650rem;
  }
}

@media (max-width: 1280px) {
  .sub_introduce .sub_intro_slide {
    width: 1100rem;
  }
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide {
    margin-top: 100rem;
    float: unset;
    width: 660rem;
    -webkit-transform: unset;
            transform: unset;
    margin-bottom: 100rem;
  }
}

.sub_introduce .sub_intro_slide .slider {
  grid-column: 2/-1;
  -ms-grid-row: 1;
  grid-row: 1;
  margin: 30rem auto 50rem;
}

@media (max-width: 1280px) {
  .sub_introduce .sub_intro_slide .slider {
    margin: 30rem auto 30rem;
  }
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide .slider {margin: 30rem auto 10rem;}
}

.sub_introduce .sub_intro_slide .slider .slick-current .image::after {
  opacity: 1;
}

.sub_introduce .sub_intro_slide .slider .slick-current .image .hover_txt {
  opacity: 1;
  top: 30%;
}

@media (max-width: 1280px) {
  .sub_introduce .sub_intro_slide .slider .slick-current .image .hover_txt {top: 27%;}
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide .slider .slick-current .image .hover_txt {top: 27%;}
}

.sub_introduce .sub_intro_slide .slider .image {
  position: relative;
  padding: 10rem;
}

.sub_introduce .sub_intro_slide .slider .image::after {
  content: "";
  display: block;
  position: absolute;
  top: 10rem;
  left: 10rem;
  width: 400rem;
  width: calc(100% - 20rem);
  height: 400rem;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.sub_introduce .sub_intro_slide .slider .image:hover::after {
  opacity: 1;
}

.sub_introduce .sub_intro_slide .slider .image:hover .hover_txt {
  opacity: 1;
  top: 30%;
}

@media (max-width: 1280px) {
  .sub_introduce .sub_intro_slide .slider .image:hover .hover_txt {top: 27%;}
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide .slider .image:hover .hover_txt {top: 27%;}
}

@media (max-width: 1280px) {
  .sub_introduce .sub_intro_slide .slider .image::after {
    width: 250rem;
    width: 100%;
    height: 300rem;
  }
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide .slider .image::after {
    display: none;
    width: 150rem;
    width: 100%;
    height: 150rem;
  }
}

.sub_introduce .sub_intro_slide .slider .image .txt_box {
  padding-top: 20rem;
  width: 100%;
}

.sub_introduce .sub_intro_slide .slider .image .txt_box p {
  font-size: 21rem;
  font-weight: 600;
  color: #222;
}

.sub_introduce .sub_intro_slide .slider .image .hover_txt {
  position: absolute;
  z-index: 1;
  top: 40%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 280rem;
  text-align: center;
  opacity: 0;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

@media (max-width: 1280px) {
  .sub_introduce .sub_intro_slide .slider .image .hover_txt {width: 230rem;}
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide .slider .image .hover_txt {display: none;}
}

.sub_introduce .sub_intro_slide .slider .image img {
  position: relative;
  display: block;
  width: 400rem;
  width: 100%;
  height: 400rem;
  -o-object-fit: cover;
  object-fit: cover;
}

.sub_introduce .sub_intro_slide .slider .image img:hover {
  cursor: pointer;
}

@media (max-width: 1280px) {
  .sub_introduce .sub_intro_slide .slider .image img {
    width: 100%;
    height: 300rem;
  }
}

@media (max-width: 768px) {
  .sub_introduce .sub_intro_slide .slider .image img {
    width: 100%;
    height: 250rem;
  }
}

.sub_introduce .sub_intro_slide .progress {
  grid-column: 2/-1;
  -ms-grid-row: 2;
  grid-row: 2;
  display: block;
  width: 100%;
  height: 4rem;
  border-radius: 10rem;
  overflow: hidden;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left top, right top, from(#5E85BC), to(#5E85BC));
  background-image: linear-gradient(to right, #5E85BC, #5E85BC);
  background-repeat: no-repeat;
  background-size: 0 100%;
  -webkit-transition: background-size 0.4s ease-in-out;
  transition: background-size 0.4s ease-in-out;
}

.sub_introduce .sub_intro_slide .progress .sr-only {
  position: absolute;
  width: 1rem;
  height: 1rem;
  padding: 0;
  margin: -1rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/************ sub_kind_tab ***********/
.sub_kind_tab {
  width: 100%;
  max-width: 100%;
  padding: 120rem 0;
  background: url("../img/common/sub_bg_01.jpg") no-repeat center center/cover;
}

.sub_kind_tab h2 {
  font-weight: 600;
  font-size: 28rem;
  text-align: center;
  color: #fff;
}

.sub_kind_tab .container {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 70rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 768px) {
  .sub_kind_tab .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.sub_kind_tab .container .tab__nav {
  -ms-flex-preferred-size: 325rem;
      flex-basis: 325rem;
  font-size: 24rem;
}

@media (max-width: 768px) {
  .sub_kind_tab .container .tab__nav {
    -ms-flex-preferred-size: unset;
        flex-basis: unset;
  }
}

.sub_kind_tab .container .tab__nav li {
  margin: 30rem 0;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

@media (max-width: 768px) {
  .sub_kind_tab .container .tab__nav li {
    margin-top: 15rem;
    margin-bottom: 15rem;
    margin-left: 25rem;
  }
}

.sub_kind_tab .container .tab__nav li a {
  color: #fff;
  font-weight: 700;
}

.sub_kind_tab .container .tab__nav li::before {
  left: -60rem;
  width: 0;
}

.sub_kind_tab .container .tab__nav li.ui-tabs-active {
  position: relative;
  left: 30rem;
}

.sub_kind_tab .container .tab__nav li.ui-tabs-active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -42rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 24rem;
  height: 4rem;
  display: inline-block;
  background-color: #fff;
  margin-right: 14rem;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.sub_kind_tab .container .tab__content {
  background-color: #fff;
  padding: 46rem 40rem 40rem 50rem;
}

.sub_kind_tab .container .tab__content .tab_inner_content {
  max-width: 975rem;
}

.sub_kind_tab .container .tab__content .tab_inner_content .title {
  font-size: 19rem;
  font-weight: 700;
  color: #5E85BC;
}

.sub_kind_tab .container .tab__content .tab_inner_content .title:nth-child(3) {
  margin-top: 50rem;
}

.sub_kind_tab .container .tab__content .tab_inner_content p {
  margin-top: 22rem;
  font-size: 18rem;
  line-height: 1.8;
}

.sub_kind_tab .container .tab__content .tab_inner_content ul {
  margin-top: 20rem;
}

.sub_kind_tab .container .tab__content .tab_inner_content ul li {
  margin-bottom: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18rem;
  line-height: 2.2;
}

@media (max-width: 768px) {
  .sub_kind_tab .container .tab__content .tab_inner_content ul li {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

.sub_kind_tab .container .tab__content .tab_inner_content ul li span {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 40rem;
  height: 40rem;
  border-radius: 50%;
  background-color: #5E85BC;
  color: #fff;
  text-align: center;
  line-height: 40rem;
  margin-right: 16rem;
}

/************ sub_22kind ***********/
.sub_22kind .container {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 80rem;
}

.sub_22kind h2 {
  margin-bottom: 80rem;
  font-weight: 600;
  font-size: 30rem;
  text-align: center;
}

.sub_22kind ul {
/*
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
*/
/*  gap: 20rem;*/
  width:100%;
  height:800rem;
}

.sub_22kind ul li {
  width: 49%;
  background-color:#a4b1bc;
  text-align: center;
  border-radius: 20rem;
}

@media (max-width: 768px) {
  .sub_22kind ul li {
    max-width: 100%;
  }
}

.sub_22kind ul .left{
    float:left;
}

.sub_22kind ul .right{
    float:right;
}



.sub_22kind ul li b {
  display: block;
  padding: 15rem;
  text-align: center;
  color: #fff;
  font-size:18rem;
}

.sub_22kind ul li p {
  padding: 20rem;
  background-color: #fff;
  min-height: 180rem;
  font-size:15rem;
}

@media (max-width: 768px) {
  .sub_22kind ul li b{font-size:15rem;}
}

@media (max-width: 768px){
  .sub_22kind ul li p{font-size:12rem;}
}



/************ sub_apply ***********/
.sub_apply {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 180rem;
}

.sub_apply h2 {
  font-weight: 600;
  font-size: 28rem;
  color: #3d3d3d;
  text-align: center;
}

.sub_apply h2 span{
    font-weight: 400;
    margin-left:8rem;
}
.sub_apply ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  gap: 10rem 40rem;
  margin-top: 80rem;
}

@media (max-width: 768px) {
  .sub_apply ul {
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
  }
}

.sub_apply ul li {
  font-size: 18rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sub_apply ul li span {
  display: inline-block;
  width: 60rem;
  height: 60rem;
  line-height: 60rem;
  color: #fff;
  background-color: #0098dc;
  text-align: center;
  margin-right: 30rem;
  border-radius: 50%;
}

.sub_apply p {
  margin-top: 50rem;
  font-size: 18rem;
  line-height: 1.6;
}

/************ sub_ caution ***********/
.sub_caution {
  width: 100%;
  margin: 0 auto;
  background: url(../img/sub/clinic/bg.jpg) no-repeat center center/cover;
  margin-top:180rem;
    position:relative;
  height:350rem;
 padding-bottom:0 !important;
}

.sub_caution .container {
  background-color: #1F4995;
  color: #f4f4f4;
  padding:30rem;
  width:60%;
  position:absolute;
    top:10%;
    left:50%;
    margin-left:-30%;
}

.sub_caution h2 {
  font-weight: 700;
    font-size: 20rem;
}

.sub_caution h2::before {
  content: "!";
  margin-right: 15rem;
  color: #cdcdcd;
  display: inline-block;
  font-weight: 700;
  text-align: center;
  width: 30rem;
  height: 30rem;
  background-color: #f4f4f4;
  border-radius: 50%;
    vertical-align: middle;
}

.sub_caution .ul_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .sub_caution .ul_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
    .sub_caution .container{
        width:100%;
        top:0;
        left:0;
        margin:0;
    }
}

.sub_caution .ul_wrap p {
  width: 120rem;
}

.sub_caution p {
  margin-top: 10rem;
  font-size: 18rem;
  font-weight: 600;
}

.sub_caution ul {
  margin-top: 14rem;
  margin-left: 30rem;
}

.sub_caution ul li {
  list-style-type: disc;
  line-height: 1.7;
  font-weight: 400;
}

/********** sub_ correlation***********/
.sub_correlation {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 150rem;
  margin-bottom: 100rem;
}

.sub_correlation h2 {
  font-weight: 600;
  font-size: 28rem;
  color: #1F4995;
  text-align: center;
}

.sub_correlation ul {
  margin-top: 65rem;
  border-top: 4rem solid #BFD0E0;
}

.sub_correlation ul li {
  padding: 40rem 30rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 18rem;
  line-height: 1.8;
  border-bottom: 1rem solid #cbcfd1;
}

@media (max-width: 768px) {
  .sub_correlation ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.sub_correlation ul li h3 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 700;
}

.sub_correlation ul li p {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .sub_correlation ul li p {
    margin-top: 20rem;
  }
}

.sub_correlation .caution {
  margin-top: 50rem;
  line-height: 1.8;
  font-size: 18rem;
}

/***********sub_time 진료시간/오시는길*************/
.sub_time {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 150rem;
  background-color:#fff;
}

.sub_time .img01 {
  background: url("../img/sub/sub_time_01.jpg") no-repeat center center/cover;
  width: 100%;
  height: 480rem;
}

.sub_time .time_box {
  width: 656rem;
  border-radius: 20rem;
  margin: 0 auto;
  padding: 70rem 116rem;
  -webkit-transform: translateY(-140rem);
          transform: translateY(-140rem);
  background-color: #fff;
}


@media (max-width: 768px) {
  .sub_time .time_box {
    width: 90%;
    padding: 30rem 20rem;
  }
}

@media (max-width: 768px) {
  .sub_time .time_table {
    width: 90%;
    padding: 20rem 20rem;
    margin:0 auto;
  }
}


.sub_time .time_box .title {
  font-size: 38rem;
  line-height: 1.25;
  font-weight: bold;
  color: #1F4995;
  text-align: center;
}

.sub_time .time_box .title span{
  font-size:22rem;
  color:#3b3b3b;
}

.sub_time .time_box .time_table {
  margin-top: 30rem;
}

.sub_time .time_box .time_table li {
  font-size: 20rem;
  line-height: 1.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sub_time .time_box .time_table li span:first-child {
  min-width: 70rem;
}

@media (max-width: 768px) {
  .sub_time .time_box .time_table li span:first-child {
    min-width: 60rem;
    font-size:16rem;
  }
}

.sub_time .time_box .time_table li span:nth-child(2) {
  padding-left: 80rem;
}

@media (max-width: 768px) {
  .sub_time .time_box .time_table li span:nth-child(2) {
    padding-left: 30rem;
    font-size:15rem;
  }
}

.sub_time .time_box .holiday {
  margin-top: 30rem;
  text-align: center;
  font-size: 18rem;
  color: #0098dc;
  font-weight: bold;
}

@media (max-width: 768px) {
  .sub_time .time_box .holiday {margin-top: 30rem;}
}

.sub_map_location {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  height: 100%;
}

.sub_map_location #kakao_map {
  width: 100%;
  height: 480rem;
}

.append_map_info {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 50rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .append_map_info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.append_map_info .title {
  -webkit-box-flex: 20%;
      -ms-flex: 20% 0 0px;
          flex: 20% 0 0;
  font-weight: bold;
  font-size: 36rem;
  color: #1F4995;
}

.append_map_info .address {
  -webkit-box-flex: 30%;
      -ms-flex: 30% 0 0px;
          flex: 30% 0 0;
  line-height: 1.618;
  font-size: 18rem;
  color: #3b3b3b;
}

@media (max-width: 1280px) {
  .append_map_info .address {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    margin-left: 30rem;
  }
}

@media (max-width: 768px) {
  .append_map_info .address {
    margin-top: 20rem;
    margin-left: 0;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.parking{
    width:100%;
    margin-bottom:25rem;
}

@media (max-width: 768px){
    .parking img{width:95%;}
    .parking_map{padding-bottom:200rem;}
}

.map_info_btns {
  -webkit-box-flex: 50%;
      -ms-flex: 50% 0 0px;
          flex: 50% 0 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 17rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.parking_map{
    float:left;
}

@media (max-width: 1280px) {
 .map_info_btns {
    margin-top: 30rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    width: 100%;
    -ms-grid-column-align: end;
        justify-self: end;
  }
}

@media (max-width: 768px) {
.map_info_btns {
    margin-top: 20rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.map_info_btns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7rem 15rem;
}

@media (max-width: 768px) {
.map_info_btns a {
    margin: 10rem;
    width: 40%;
  }
}

.map_info_btns a:not(:last-child) {
  margin-right: 20rem;
}

@media (max-width: 768px) {
.map_info_btns a:not(:last-child) {margin: 10rem;}
}

.map_info_btns .map_naver {
  color: #36ab36;
  border: 1rem solid #36ab36;
  border-radius: 20rem;
}

.map_info_btns a:hover {
  transform:translateY(-5rem);
  transition:0.3s;
}

.map_info_btns .map_naver::before {
  content: "";
  display: inline-block;
  width: 18rem;
  height: 18rem;
  margin-right: 7rem;
  background: url("../img/common/map_icon_N.svg") no-repeat center center/cover;
}

.map_info_btns .map_daum {
  color: #618ffc;
  border: 1rem solid #618ffc;
  border-radius: 20rem;
}

.map_info_btns .map_daum::before {
  content: "";
  display: inline-block;
  width: 18rem;
  height: 18rem;
  margin-right: 7rem;
  background: url("../img/common/map_icon_D.svg") no-repeat center center/cover;
}

.map_detail_info {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 150rem;
}

.map_detail_info .title {
  font-weight: bold;
  font-size: 36rem;
  color: #1F4995;
}

.map_detail_info .item_list .item_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40rem 0;
}


.map_detail_info .item_list .item_wrap .icon_wrap {
  width: 120rem;
  height: 95rem;
  border-radius: 50%;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-right: 26rem;
}

@media (max-width: 780px){
 .map_detail_info .item_list .item_wrap .icon_wrap{margin-right:0;}    
}

.map_detail_info .item_list .item_wrap .icon_wrap img {
  width: 60rem;
  height: 60rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.map_detail_info .item_list .con_wrap .tit {
  font-size: 20rem;
  font-weight: 700;
  line-height: 26rem;
}



.map_detail_info .item_list .con_wrap .con {
  margin-top: 10rem;
  margin-bottom:8rem;
  font-size: 18rem;
  line-height: 1.8;
}


@media (max-width: 780px){
 .map_detail_info .content .item_list .map{width:100%;} 
}

.sub_interior .title_box {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 150rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #1F4995;
}

@media (max-width: 1280px) {
  .sub_interior .title_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
    .sub_interior{ padding-bottom:200rem;}
}

.sub_interior .title_box .title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 250;
  max-width: 70vw;
  font-size: 32rem;
}

.sub_interior .title_box .title strong{
    font-size:42rem;
}

.sub_interior .title_box .desc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18rem;
  line-height: 1.8;
}

@media (max-width: 1280px) {
  .sub_interior .title_box .desc {
    margin-top: 50rem;
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
  }
}

.sub_interior .slide_wrap {
  width: 1000rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 100rem;
}

.sub_interior .slide_wrap .slick-prev {
  left: -50rem;
}

.sub_interior .slide_wrap .slick-next {
  right: -30rem;
}

.sub_interior .slide_wrap .slick-next,
.sub_interior .slide_wrap .slick-prev {
  width: 30rem;
  height: 30rem;
  z-index: 1;
}

.sub_interior .slide_wrap .slick-next:before,
.sub_interior .slide_wrap .slick-prev:before {
  color: #BFD0E0;
  font-size: 50rem;
}

@media (max-width: 768px) {
  .sub_interior .slide_wrap .slick-next:before,
  .sub_interior .slide_wrap .slick-prev:before {
    font-size: 0;
  }
}

.sub_interior .slide_wrap .buttons {
  padding-bottom: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow-x: auto;
  gap: 20rem;
}

.sub_interior .slide_wrap .buttons::-webkit-scrollbar {
  width: 5rem;
  height: 5rem;
  background-color:#f4f4f4;
}

@media (max-width: 768px) {
  .sub_interior .slide_wrap .buttons {
    -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr);
    -ms-grid-rows: (1fr)[2];
        grid-template-rows: repeat(2, 1fr);
  }
}

.sub_interior .slide_wrap .buttons button {
  font-size: 21rem;
  padding: 13rem;
  display: inline-block;
  color: #3b3b3b;
  white-space: nowrap;
  border:none;
  font-weight:700;
  background-color:#f4f4f4;
  border-radius:5rem; 
  box-shadow: 0px 2px rgba(203, 203, 203, 0.22);  
}

.sub_interior .slide_wrap .buttons button.active {
  background-color: #2bb2b8;
  color: #ffffff;
  border-style:none;
}

.sub_interior .slide_wrap .tabs {
  max-width: 100%;
  margin-top: 50rem;
}

.sub_interior .slide_wrap .tabs .tab {
  display: none;
}

.sub_interior .slide_wrap .tabs .tab.active {
  display: block;
}

.sub_interior .slide_wrap .tabs .tab .slider .item {
  width: 100%;
  height: 550rem;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.sub_squares {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 150rem;
}

.sub_squares h2 {
  font-weight: 600;
  font-size: 28rem;
  color: #1F4995;
  text-align: center;
}

.sub_squares .square_wrap {
  margin-top: 80rem;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub_squares .square_wrap .square {
  width: 210rem;
  height: 210rem;
  border: 11rem solid #ceddea;
  margin: 0 24rem;
  display: -ms-grid;
  display: grid;
}

@media (max-width: 768px) {
  .sub_squares .square_wrap .square {
    width: 130rem;
    height: 130rem;
  }
}

.sub_squares .square_wrap .square .num {
  display: block;
  text-align: center;
  font-size: 28rem;
  font-weight: 700;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.sub_squares .square_wrap .square p {
  text-align: center;
  margin: 0;
}

.sub_squares p {
  font-size: 18rem;
  margin-top: 70rem;
  line-height: 1.7;
}

.sub_kind_XO {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 200rem;
}

.sub_kind_XO h2 {
  font-weight: 600;
  font-size: 28rem;
  color: #1F4995;
  text-align: center;
}

.sub_kind_XO .subtitle_gray {
  margin-top: 100rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub_kind_XO .subtitle_gray h4 {
  font-size: 24rem;
  line-height: 1.3;
  text-align: center;
  display: inline-block;
  background: #c4c4c4;
  color: #fff;
  padding: 8rem 15rem;
}

.sub_kind_XO p {
  margin-top: 40rem;
  font-size: 18rem;
  line-height: 1.8;
}

.sub_kind_XO .content_wrap {
  margin-top: 50rem;
}

.sub_kind_XO .content_wrap .flex_wrap {
  margin-top: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media (max-width: 768px) {
  .sub_kind_XO .content_wrap .flex_wrap {display: block;}
}

.sub_kind_XO .content_wrap .flex_wrap.bg_light_brown .box_1,
.sub_kind_XO .content_wrap .flex_wrap.bg_light_brown .arrow {
  background-color: #5E85BC;
}

.sub_kind_XO .content_wrap .flex_wrap.bg_dark_brown .box_1,
.sub_kind_XO .content_wrap .flex_wrap.bg_dark_brown .arrow {
  background-color: #BFD0E0;
}

.sub_kind_XO .content_wrap .flex_wrap .box_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  height: 100rem;
  color: #fff;
  font-size: 18rem;
  font-weight: 700;
}

.sub_kind_XO .content_wrap .flex_wrap .box_1 img {
  width: 80rem;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

@media (max-width: 768px) {
  .sub_kind_XO .content_wrap .flex_wrap .box_1 {
    clear: both;
    height: unset;
    padding: 10rem;
    width: 60%;
    margin: 0 auto;
  }
}

.sub_kind_XO .content_wrap .flex_wrap .dash-line {
  display: block;
  width: 14%;
  border: none;
  height: 3rem;
  background-color: transparent;
  background: repeating-linear-gradient(90deg, #c2c4c6, #c2c4c6, transparent 10rem, transparent 10rem);
}

@media (max-width: 768px) {
  .sub_kind_XO .content_wrap .flex_wrap .dash-line {display: none;}
}

.sub_kind_XO .content_wrap .flex_wrap .sub_flex_box {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 325fr 160fr 325fr;
      grid-template-columns: 325fr 160fr 325fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sub_kind_XO .content_wrap .flex_wrap .sub_flex_box .white_box {
  display: -ms-grid;
  display: grid;
  place-content: center;
  height: 100rem;
  background: #fff;
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
}

.sub_kind_XO .content_wrap .flex_wrap .sub_flex_box .white_box span {
  font-size: 18rem;
}

@media (max-width: 768px) {
  .sub_kind_XO .content_wrap .flex_wrap .sub_flex_box .white_box {
    height: 60rem;
    padding: 20rem 0;
  }
}

.sub_kind_XO .content_wrap .flex_wrap .sub_flex_box .text-arr {
  text-align: center;
  -ms-flex-preferred-size: 11%;
      flex-basis: 11%;
  font-size: 18rem;
  font-weight: 700;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  height: 100rem;
  place-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 23rem;
}

.sub_kind_XO .content_wrap .flex_wrap .sub_flex_box .text-arr .arrow {
  margin-left: 5rem;
  color: #fff;
  display: inline-block;
  width: 23rem;
  height: 23rem;
  line-height: 23rem;
  text-align: center;
  border-radius: 50%;
}

.sub_darkbrown {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 70rem;
  background-color: #08223a;
  padding: 40rem;
  color: #fff;
  font-size: 18rem;
  line-height: 1.8;
}

.sub_darkbrown h4 {
  font-weight: 700;
}

.sub_darkbrown ul li {
  margin-top: 14rem;
}

.sub_img_desc {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
}

.sub_img_desc .subtitle_gray {
  margin-top: 100rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sub_img_desc .subtitle_gray h4 {
  font-size: 24rem;
  line-height: 1.3;
  text-align: center;
  display: inline-block;
  background: #c4c4c4;
  color: #fff;
  padding: 8rem 15rem;
}

.sub_img_desc .subdesc {
  font-size: 18rem;
  text-align: center;
  margin-top: 40rem;
}

.sub_img_desc .img_wrap {
  margin-top: 70rem;
  display: -ms-grid;
  display: grid;
  place-content: center;
}

.sub_img_desc .img_wrap img {
  max-width: 623rem;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

.sub_effect {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 250rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .sub_effect {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.sub_effect h2 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-weight: 600;
  font-size: 28rem;
  color: #1F4995;
}

.sub_effect .content_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 80rem;
}

.sub_effect .content_wrap em {
  font-size: 24rem;
  line-height: 1.7;
  font-weight: 700;
}

.sub_effect .content_wrap .capsule {
  margin-top: 25rem;
  display: inline-block;
}

.sub_effect .content_wrap .capsule:first-of-type {
  margin-top: 40rem;
}

.sub_effect .content_wrap .capsule .pill {
  color: #fff;
  font-size: 18rem;
  background-color: #BFD0E0;
  border-radius: 20rem;
  height: 40rem;
  text-align: center;
  padding: 0 25rem;
  display: -ms-grid;
  display: grid;
  place-content: center;
}

.sub_effect .content_wrap p {
  margin-top: 10rem;
}

.sub_principle {
  width: 1300rem;
  max-width: 90%;
  margin: 0 auto;
  margin-top: 200rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .sub_principle {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.sub_principle h2 {
  font-weight: 600;
  font-size: 28rem;
  color: #1F4995;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sub_principle .content_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: 50rem;
}

.sub_principle .content_wrap ul li {
  font-size: 18rem;
  margin-top: 10rem;
}

.sub_principle .content_wrap ul li .circle_num {
  display: inline-block;
  width: 40rem;
  height: 40rem;
  line-height: 40rem;
  text-align: center;
  margin-right: 10rem;
  background-color: #5E85BC;
  color: #fff;
  font-weight: 700;
  border-radius: 50%;
}

/* animation*/
@-webkit-keyframes open_wide {
  from { width: 0;}
  to { width: 100%;}
}

@keyframes open_wide {
  from {width: 0;}
  to {width: 100%;}
}

@-webkit-keyframes opa_up {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes opa_up {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes toRight {
  from {
    right: -100%;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}

@keyframes toRight {
  from {
    right: -100%;
    opacity: 0;
  }
  to {
    right: 0;
    opacity: 1;
  }
}

@-webkit-keyframes infiniteRound {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes infiniteRound {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes fromLeft {
  0% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fromLeft {
  0% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fromRight {
  0% {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fromRight {
  0% {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fromBottom {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fromBottom {
  0% {
    -webkit-transform: translateY(10%);
            transform: translateY(10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fromUp {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fromUp {
  0% {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

[data-trigger] {
  opacity: 0;
  position: relative;
  top: 20px;
  -webkit-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
}

@media (max-width: 768px) {
  [data-trigger] {
    opacity: 1;
    position: relative;
    top: 0;
  }
}

[data-trigger].visible {
  opacity: 1;
  top: 0;
}

.mt170 {
  margin-top: 170rem !important;
}

.main_style {
  padding: 200rem 0;
  width: 100%;
  min-height: 200rem;
  height: auto;
}

@media (max-width: 768px) {
  .main_style {padding: 150rem 0;}
}

.w-1300 {
  margin: 0 auto;
  max-width: 90%;
  width: 1300rem;
  min-height: 50rem;
  height: auto;
}

@media (max-width: 768px) {
  .w-1300 {width: 100%;}
}

@media (max-width: 1280px) {
  .w-1300 {width: 100%;}
}

.flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .flex_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-200 {
  padding-bottom: 200rem !important;
}

.mt-140 {
  margin-top: -140rem !important;
}

.pb20 {
  padding-bottom: 20rem;
}

.nbsp {
  display: inline-block;
  width: 10rem;
  height: 100%;
}

.wbk {
  word-break: keep-all;
}

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

.inb {
  display: inline-block;
}

.txt01 {
  font-weight: 700;
  font-size: 60rem;
  letter-spacing: -4%;
}

.txt02 {
  font-weight: 500;
  font-size: 40rem;
  letter-spacing: -4%;
  line-height: 1.3em;
}

.txt02_bold {
  font-weight: 700;
  font-size: 40rem;
  letter-spacing: -4%;
}

.txt03 {
  font-weight: 400;
  font-size: 32rem;
}

.txt04 {
  font-weight: 400;
  font-size: 19rem;
  line-height: 36rem;
}

.txt04_bold {
  font-weight: 700;
  font-size: 19rem;
  line-height: 36rem;
}

.txt05 {
  font-weight: 400;
  font-size: 18rem;
  line-height: 30rem;
}

@media (max-width: 768px) {
  .txt05 {font-size: 20rem;}
}

.txt05_bold {
  font-weight: 700;
  font-size: 18rem;
  line-height: 30rem;
}

.txt_serif {
  font-family: 'Noto Serif KR', serif;
  font-size: 35rem;
  font-weight: 400;
}

.highlight {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(63, 104, 140, 0.2)), color-stop(50%, rgba(63, 104, 140, 0.2)));
  background: linear-gradient(rgba(63, 104, 140, 0.2), rgba(63, 104, 140, 0.2) 50%);
}

.swiper-scrollbar {
  border-radius: 0 !important;
  width: 100% !important;
  left: 0 !important;
  opacity: 1 !important;
  background-color: rgba(22, 43, 61, 0.2) !important;
}

.swiper-scrollbar-drag {
  opacity: 1 !important;
  border-radius: 0 !important;
  background-color: #5E85BC !important;
}

.main_slide {
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .main_slide {
    width: 100%;
    height: 100%;
  }
}

.main_slide .swiper {
  width: 100%;
}

.main_slide .swiper .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
}

.main_slide .swiper .swiper-slide::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.main_slide .swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.main_slide .swiper .btn_wrap {
  position: absolute;
  left: 15%;
  top: 75%;
  width: 50%;
  height: 50rem;
}

@media (max-width: 768px) {
  .main_slide .swiper .btn_wrap {display: none;}
}

.main_slide .swiper .btn_wrap .swiper-button-prev {
  width: 15rem;
  height: 25rem;
  background: url(../img/main/prev_btn.png) no-repeat center center/contain;
  left: 15%;
}

.main_slide .swiper .btn_wrap .swiper-button-prev::after {
  display: none;
}

.main_slide .swiper .btn_wrap .swiper-button-next {
  width: 15rem;
  height: 25rem;
  background: url(../img/main/next_btn.png) no-repeat center center/contain;
  left: 30%;
}

.main_slide .swiper .btn_wrap .swiper-button-next::after {
  display: none;
}

.main_slide .swiper .btn_wrap .swiper-pagination {
  position: absolute;
  top: 25%;
  left: 0%;
  height: 20rem;
  width: 100rem !important;
}

.main_slide .swiper .btn_wrap .swiper-pagination .swiper-pagination-bullet {
  background-color: white;
}

.main_slide .w-1300 {
  position: absolute;
  z-index: 1;
  top: 47%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: left;
  width: 1300rem;
}

@media (max-width: 768px) {
  .main_slide .w-1300 {
    width: 95%;
    top: 55%;
  }
}

.main_slide .w-1300 .text_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 5rem;
  color: #fff;
}

.main_slide .w-1300 .text_box .fade {
  font-size: 21rem;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.2);
}

.main_slide .w-1300 .text_box .thin {
  line-height: 1.2;
  font-size: 40rem;
  font-weight: 300;
}

.main_slide .w-1300 .text_box .bold {
  font-size: 60rem;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .main_slide .w-1300 .text_box .bold {font-size: 40rem;}
}

.main_slide .w-1300 .text_box span {
  font-size: 21rem;
}

.main_slide .quick_menu_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 10%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
  width: 1300rem;
  height: 120rem;
  border-radius: 20px;
  background-color: #78A6D1;
}

@media (max-width: 768px) {
  .main_slide .quick_menu_wrap {
    width: 95%;
    height: 200rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    bottom: 50rem;
    background: none;
  }
}

.main_slide .quick_menu_wrap .quick_menu_title {
  padding: 45rem 70rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 120rem;
  border-radius: 20px 0 0 20px;
  background: #395772;
  font-size: 19rem;
  color: #fff;
}

@media (max-width: 768px) {
  .main_slide .quick_menu_wrap .quick_menu_title {display: none;}
}

.main_slide .quick_menu_wrap .quick_menu_title .img_wrap {
  width: 24rem;
  height: 24rem;
}

.main_slide .quick_menu_wrap .quick_menu_title .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.main_slide .quick_menu_wrap .quick_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 650rem;
  height: 120rem;
}

@media (max-width: 768px) {
  .main_slide .quick_menu_wrap .quick_menu {width: 100%;}
}

.main_slide .quick_menu_wrap .quick_menu .icon_box {
  padding: 20rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 768px) {
  .main_slide .quick_menu_wrap .quick_menu .icon_box {
    background-color: #5c7c99;
  }
}

.main_slide .quick_menu_wrap .quick_menu .icon_box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 10rem;
}

.main_slide .quick_menu_wrap .quick_menu .icon_box a .img_wrap {
  width: 22rem;
  height: 22rem;
}

.main_slide .quick_menu_wrap .quick_menu .icon_box a .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.main_slide .quick_menu_wrap .quick_menu .icon_box a p {
  text-align: center;
  font-size: 16rem;
  color: #fff;
}

.main_slide .quick_menu_wrap .call_wrap {
  padding: 20rem;
  width: 325rem;
}

@media (max-width: 768px) {
  .main_slide .quick_menu_wrap .call_wrap {
    text-align: center;
    width: 100%;
    background-color: #5c7c99;
  }
}

.main_slide .quick_menu_wrap .call_wrap .call_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: 10rem;
          column-gap: 10rem;
  font-size: 16rem;
  font-weight: 500;
  color: #fff;
}

@media (max-width: 768px) {
  .main_slide .quick_menu_wrap .call_wrap .call_title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.main_slide .quick_menu_wrap .call_wrap .call_title .img_wrap {
  width: 24rem;
  height: 24rem;
}

.main_slide .quick_menu_wrap .call_wrap .call_title .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.main_slide .quick_menu_wrap .call_wrap a {
  color: #fff;
  font-size: 40rem;
  font-weight: 500;
}

.subject_wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 450rem;
}

@media (max-width: 768px) {
  .subject_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 90%;
    row-gap: 30rem;
    height: auto;
  }
}

.subject_wrap .subject_title {
  position: absolute;
  top: 50rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}


@media (max-width: 768px) {
  .subject_wrap .subject_title {position: static;}
}

.subject_wrap .subject_title .img_wrap {
  margin-bottom: 20rem;
  width: 70rem;
  height: 70rem;
}

.subject_wrap .subject_title .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.subject_wrap .subject_title p {
  font-size: 40rem;
  font-weight: 100;
  line-height: 1.3;
}

.subject_wrap .subject_title p .bold {
  font-weight: 700;
}

.subject_wrap .subject_content_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 325rem;
  width: 1700rem;
  height: 450rem;
}

.swiper-wrapper>div{
    border-radius: 20rem;
}

@media (max-width: 768px) {
  .subject_wrap .subject_content_wrap {
    position: static;
    width: 100%;
  }
}

.subject_wrap .subject_content_wrap .subject_content {
  position: relative;
  margin-right: 20rem;
  width: 300rem;
  height: 400rem;
  background-color: #3877af;
}

.subject_wrap .subject_content_wrap .subject_content:nth-child(5n+1) {
  background-color: #5E85BC;
}

.subject_wrap .subject_content_wrap .subject_content:nth-child(5n+2) {
  background-color: #a4b1bc;
}

.subject_wrap .subject_content_wrap .subject_content:nth-child(5n+3) {
  background-color: #1F4995;
}

.subject_wrap .subject_content_wrap .subject_content:nth-child(5n+4) {
  background-color: #3877af;
}

.subject_wrap .subject_content_wrap .subject_content:nth-child(5n) {
  background-color: #8cb3e8;
}


.subject_wrap .subject_content_wrap .subject_content a {
  display: block;
  padding: 50rem 40rem;
  width: 100%;
  height: 100%;
}

.subject_wrap .subject_content_wrap .subject_content b {
  width: 100%;
  font-size: 32rem;
  color: #fff;
}

.subject_wrap .subject_content_wrap .subject_content span {
  margin-top: 20rem;
  display: inline-block;
  width: 100%;
  color: #fff;
  font-size: 18rem;
  line-height: 1.6em;
}

.subject_wrap .subject_content_wrap .subject_content .img_wrap {
  position: absolute;
  right: 15%;
  top: 55%;
  width: 80rem;
  height: 80rem;
}

.subject_wrap .subject_content_wrap .subject_content:hover .view_more .img_wrap{
    transform:translateX(8px);
    transition:0.5s;
}

.subject_wrap .subject_content_wrap .subject_content .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.subject_wrap .subject_content_wrap .subject_content .view_more {
  position: absolute;
  bottom: 40rem;
  left: 40rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 120rem;
  height: 25rem;
}

.subject_wrap .subject_content_wrap .subject_content .view_more p {
  display: inline-block;
  width: 80rem;
  color: #fff;
  font-size: 16rem;
  font-weight: 500;
}

.subject_wrap .subject_content_wrap .subject_content .view_more .img_wrap {
  position: static;
  margin: 0;
  display: inline-block;
  width: 38rem;
  height: 25rem;
}

.subject_wrap .subject_content_wrap .subject_content .view_more .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.full_bg {
  position: relative;
  width: 100%;
  height: 200rem;
  background: url(../img/main/full_bg_img.png) no-repeat center center/cover;
}

.full_bg::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

.full_bg .w-1300 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10rem;
          column-gap: 10rem;
  height: 200rem;
  z-index: 1;
}

@media (max-width: 768px) {
  .full_bg .w-1300 {padding: 0 10rem;}
}

.full_bg .w-1300 .hr {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 1rem;
  border: 1rem dashed #fff;
  background: none;
}

.full_bg .w-1300 .hr hr {
  display: inline-block;
  width: 100%;
  height: 1rem;
  color: #fff;
  border-style: dashed;
  border: 1rem dashed #fff;
}

.full_bg .w-1300 p {
  display: inline;
  font-size: 40rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  color: #fff;
}

.full_bg .w-1300 p .thin {
  font-weight: 300;
}

.doc_intro {
  margin-top: 250rem;
  position: relative;
}

@media (max-width: 768px) {
  .doc_intro {
    margin: 0;
    height: auto;
  }
}

/*
.doc_intro::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 100rem;
  display: inline-block;
  width: 50%;
  height: 650rem;
  background-color: rgba(120, 166, 209, 0.1);
}
*/

@media (max-width: 768px) {
  .doc_intro::before {display: none;}
}

/*
.doc_intro::after {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 100rem;
  right: 0;
  display: inline-block;
  width: 50%;
  height: 650rem;
  background-color: rgba(120, 166, 209, 0.1);
}
*/

@media (max-width: 768px) {
  .doc_intro::after {display: none;}
}

.doc_intro h3 {
  margin-bottom: 100rem;
  font-size: 40rem;
  font-weight: 700;
  color: #232323;
}

@media (max-width: 768px) {
  .doc_intro h3 {padding-top: 120rem;}
}

.doc_intro .w-1300 {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1300rem;
}

@media (max-width: 768px) {
  .doc_intro .w-1300 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 50rem;
    width: 100%;
    height: auto;
  }
}

.doc_intro .w-1300 .txt_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}


.doc_intro .w-1300 .txt_box .img_wrap {
  width: 70rem;
  height: 70rem;
}

.doc_intro .w-1300 .txt_box .img_wrap img {
  width: 100%;
  height: 100%;
}

.doc_intro .w-1300 .txt_box p {
  color: #1F4995;
  font-size: 40rem;
  font-weight: 100;
}

.doc_intro .w-1300 .txt_box p .bold {
  margin: 0;
  display: inline-block;
  font-size: 40rem;
  font-weight: 0;
}

.doc_intro .w-1300 .txt_box span {
  display: block;
  color: #1F4995;
  font-size: 18rem;
  font-weight: normal;
  line-height: 1.8em;
}

.doc_intro .w-1300 .doc_img_01 {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}


.doc_intro .w-1300 .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.doc_intro .w-1300 .doc .name {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1;
  left: 8%;
  bottom: 30rem;
  width: 150rem;
  text-align: left;
  padding-bottom:30rem;
  box-sizing: border-box;
}


.doc_intro .w-1300 .doc .name p {
  line-height: 1.5;
  font-size: 20rem;
}

.doc_intro .w-1300 .doc .name b {
  font-size: 40rem;
  font-weight: 700;
  color: #1F4995;
}

.doc_intro .w-1300 .doc .name span {
  font-weight: bold;
}

.doc_intro .w-1300 .doc .name .view_more {
  width: 38rem;
  height: 25rem;
}

.doc_intro .w-1300 .doc .name .view_more img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.doc_intro .w-1300 .doc_img_02 {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}


.doc_intro .w-1300 .img_wrap {
  margin: 0 auto;
  height: 600rem;
}



@media (max-width: 768px) {
  
  .doc_intro .w-1300 .txt_box {
    padding: 40rem;
    width: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
    
  .doc_intro .w-1300 .doc_img_01 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
    
  .doc_intro .w-1300 .doc .img_wrap {
    position: static;
    width: 100% !important;
}
    
  .doc_intro .w-1300 .doc_img_01 .name {left: 20rem;}
    
  .doc_intro .w-1300 .doc_img_02 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
    
 .doc_intro .w-1300 .doc_img_02 .img_wrap {
   position: static;
   width: 100%;
}
 .doc_intro .w-1300 .doc_img_02 .name {left: 20rem;}
}

.doc_intro .w-1300 .doc_img_02 .name p {
  line-height: 1.5;
  font-size: 20rem;
}

.doc_intro .w-1300 .doc .name b {
  font-size: 40rem;
  font-weight: 700;
  color: #1F4995;
}

.doc_intro .w-1300 .doc_img_02 .name span {
  font-weight: bold;
}

.doc_intro .w-1300 .doc_img_02 .name .view_more {
  width: 38rem;
  height: 25rem;
}

.doc_intro .w-1300 .doc_img_02 .name .view_more img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 768px) {
  .doc_intro .w-1300 .order-01 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (max-width: 768px) {
  .doc_intro .w-1300 .order-02 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (max-width: 768px) {
  .doc_intro .w-1300 .order-03 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}

.doc_intro .anchor_btn {
  margin: 100rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5rem 40rem;
  width: 300rem;
  height: 50rem;
  border-radius: 25rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18rem;
  background-color: #3877af;
}

.doc_intro .anchor_btn:hover{
  background-color: #37acb0;
  transition:0.5s;
}

.doc_intro .anchor_btn p {
  color: #fff;
}

.doc_intro .anchor_btn .img_wrap {
  width: 38rem;
  height: 25rem;
}

.doc_intro .anchor_btn:hover .img_wrap{
    transform:translateX(3px);
    transition:0.5s;
}

.doc_intro .anchor_btn .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 530rem;
}

@media (max-width: 768px) {
  .location {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
  }
}

.location .connect_anchor {
  padding: 45rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 325rem;
  height: 100%;
  background-color: #3877af;
}

@media (max-width: 768px) {
  .location .connect_anchor {width: 100%;}
}

.location .connect_anchor .connect_anchor_title .img_wrap {
  width: 70rem;
  height: 70rem;
}

.location .connect_anchor .connect_anchor_title .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.location .connect_anchor .connect_anchor_title p {
  margin-top: 20rem;
  color: #fff;
  font-size: 40rem;
  font-weight: 100;
}

.location .connect_anchor .connect_anchor_title p .bold {
  font-weight: 700;
}

.location .connect_anchor .connect_anchor_title .sub_txt {
  display: inline-block;
  padding-top: 15rem;
  line-height: 1.5em;
  font-size: 18rem;
  color: #fff;
}

.location .connect_anchor .map_page {
  margin-top: 30rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 10rem;
}

.location .connect_anchor .map_page li {
  width: 100%;
  height: 50rem;
  background-color: #fff;
}

.location .connect_anchor .map_page li a {
  padding: 10rem 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  color: #3d3d3d;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}


.location .connect_anchor .map_page li a p {
  display: inline-block;
  line-height: 30rem;
  font-size: 19rem;
  font-weight: 500;
}

.location .connect_anchor .map_page li a .img_wrap {
  width: 45rem;
  height: 25rem;
}


.location .connect_anchor .map_page li:hover a .img_wrap{
  transform:translateX(5px);
  transition:0.5s;
}

.location .connect_anchor .map_page li a .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}



.location #map {
  width: 975rem;
  height: 100%;
  background-color: #3877af;
}

@media (max-width: 768px) {
  .location #map {
    width: 100%;
    min-height: 400rem;
  }
}

.mini_notice {
  position: relative;
  width: 100%;
}

.mini_notice::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background-color: #F2F6F9;
}

@media (max-width: 768px) {
  .mini_notice::before {display: none;}
}

.mini_notice::after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background-color: #DCE4EA;
}

@media (max-width: 768px) {
  .mini_notice::after {display: none;}
}

.mini_notice .w-1300 {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .mini_notice .w-1300 {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.mini_notice .w-1300 .main_notice {
  padding: 50rem 50rem 50rem 0;
  width: 50%;
  height: 100%;
}

@media (max-width: 768px) {
  .mini_notice .w-1300 .main_notice {
    padding: 50rem;
    width: 100%;
    background-color: #F2F6F9;
  }
}

.mini_notice .w-1300 .time_announce {
  padding: 50rem 0 50rem 50rem;
  width: 50%;
  height: 100%;
}

@media (max-width: 768px) {
  .mini_notice .w-1300 .time_announce {
    padding: 50rem;
    width: 100%;
    background-color: #DCE4EA;
  }
}

.mini_notice .w-1300 .time_announce .bold {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70rem;
}

.mini_notice .w-1300 .time_announce .bold span {
  display: inline-block;
  font-size: 18rem;
  font-weight: 500;
  color: #162D42;
}

.mini_notice .w-1300 .time_announce .color {
  margin-top: 26rem;
  font-size: 18rem;
  color: #3877af;
}

.mini_notice .w-1300 .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 70rem;
}

.mini_notice .w-1300 .title b {
  display: inline-block;
  font-size: 32rem;
  font-weight: 700;
  color: #162d42;
}

.mini_notice .w-1300 .title a {
  display: inline-block;
  width: 38rem;
  height: 25rem;
}

.mini_notice .w-1300 .title a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.mini_notice .w-1300 ul {
  width: 100%;
}

.mini_notice .w-1300 ul .mini_li {
  padding: 7rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.mini_notice .w-1300 ul .mini_li p {
  display: inline-block;
  font-size: 18rem;
  color: #162d42;
}

.mini_notice .w-1300 ul .mini_li span {
  font-size: 18rem;
  color: #162d42;
}

/*---푸터----*/

#footer {
  height: 300rem;
  background-color: #0c1a26;
}

@media (max-width: 768px) {
  #footer {height: auto;}
}

#footer .w-1300 {
  height: 100%;
}

#footer .w-1300 .upside_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 190rem;
  border-bottom: 1rem solid rgba(255, 255, 255, 0.3);
  color: #fff;
}

@media (max-width: 768px) {
  #footer .w-1300 .upside_footer {
    padding: 20rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto !important;
  }
}

#footer .w-1300 .upside_footer .address_wrap {
  padding-bottom: 35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: 30rem;
          column-gap: 30rem;
  width: 50%;
  height: 100%;
}

@media (max-width: 768px) {
  #footer .w-1300 .upside_footer .address_wrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    width: 100%;
  }
}

#footer .w-1300 .upside_footer .address_wrap .img_wrap {
  width: 93rem;
  height: 93rem;
}

#footer .w-1300 .upside_footer .address_wrap .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#footer .w-1300 .upside_footer .address_wrap address {
  padding: 3rem 10rem;
  color: #fff;
  font-size: 16rem;
  line-height: 1.6em;
}

#footer .w-1300 .upside_footer .address_wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  #footer .w-1300 .upside_footer .address_wrap ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

#footer .w-1300 .upside_footer .address_wrap ul li {
  position: relative;
  padding: 3rem 10rem;
  color: #fff;
  font-size: 16rem;
}

#footer .w-1300 .upside_footer .address_wrap ul li::after {
  content: "|";
  position: absolute;
  right: -3rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#footer .w-1300 .upside_footer .address_wrap ul li:last-child::after {
  display: none;
}

@media (max-width: 768px) {
  #footer .w-1300 .upside_footer .address_wrap ul li::after {
    display: none;
  }
}

#footer .w-1300 .upside_footer .counsel_request {
  padding-bottom: 35rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 560rem;
  height: 100%;
}

@media (max-width: 768px) {
  #footer .w-1300 .upside_footer .counsel_request {
    padding: 0;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#footer .w-1300 .upside_footer .counsel_request .txt_box p {
  font-size: 16rem;
}

#footer .w-1300 .upside_footer .counsel_request .txt_box span {
  color: #3877af;
  font-size: 28rem;
  font-weight: 500;
}

#footer .w-1300 .upside_footer .top_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 15rem;
  width: 90rem;
  background-color: #3877af;
  color: #fff;
}

@media (max-width: 768px) {
  #footer .w-1300 .upside_footer .top_btn {display: none;}
}

#footer .w-1300 .upside_footer .top_btn .img_wrap {
  width: 25rem;
  height: 38rem;
}

#footer .w-1300 .upside_footer .top_btn .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

#footer .w-1300 .upside_footer .top_btn p {
  font-size: 18rem;
  font-weight: 500;
}

#footer .w-1300 .downside_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 110rem;
}

@media (max-width: 768px) {
  #footer .w-1300 .downside_footer {
    padding: 25rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10rem;
  }
}

#footer .w-1300 .downside_footer .copyright {
  padding-top: 30rem;
  width: 50%;
  color: #fff;
  font-size: 16rem;
}

@media (max-width: 768px) {
  #footer .w-1300 .downside_footer .copyright {
    padding: 0;
    text-align: center;
    width: 100%;
  }
}

#footer .w-1300 .downside_footer .fnb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 30rem;
  width: 50%;
  height: 60rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10rem;
          column-gap: 10rem;
}

@media (max-width: 768px) {
  #footer .w-1300 .downside_footer .fnb {
    padding: 0;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#footer .w-1300 .downside_footer .fnb li {
  text-align: center;
}

#footer .w-1300 .downside_footer .fnb li:first-child a {
  color: #37acb0;
}

#footer .w-1300 .downside_footer .fnb li:last-child a {
  background-color: #1F4995;
}

#footer .w-1300 .downside_footer .fnb li a {
  padding: 5rem 7rem;
  font-size: 16rem;
  color: #fff;
}

@media (max-width: 768px) {
  #footer .w-1300 .downside_footer .fnb li a {padding: 5rem;}
}

.women_tab {
  margin-top: 60rem;
  padding-bottom: 200rem;
}

.women_tab .container {
  margin: 0 auto;
  width: 1400rem;
}

.women_tab .container .nav_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.women_tab .container .nav_tab li {
  padding: 15rem 0;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #f4f4f4;
  color: #222;
  font-size:18rem;
}

.women_tab .container .nav_tab li.active {
  background-color: #0098dc;
  color: #fff;
}

.women_tab .container .nav_tab li:hover {
  cursor: pointer;
}

.women_tab .container .tab_con {
  display: none;
}

.women_tab .container .tab_con.active {
  display: block;
}

.women_tab .container .tab_con .justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 50rem;
  width:100%;
  margin:0 auto;
}

@media (max-width: 768px) {
  .women_tab .container .tab_con .justify {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.women_tab .container .tab_con .justify .img_wrap {
  width: 500rem;
  height: 300rem;
}

.women_tab .container .tab_con .justify .txt_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
}

@media (max-width: 768px) {
  .women_tab .container .tab_con .justify .txt_wrap {width: 100%;}
}

.women_tab .container .tab_con .justify .txt_wrap h3 {
  font-size: 28rem;
  font-weight: 600;
}

.women_tab .container .tab_con .justify .txt_wrap p {
  font-size: 18rem;
}

.women_tab .container .tab_con .cause {
  margin-top: 80rem;
}

@media (max-width: 768px) {
  .women_tab .container .tab_con .cause {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.women_tab .tab_con .cause .section_title {
  font-size: 30rem;
  font-weight: 600;
}

@media (max-width: 768px) {
  .women_tab .tab_con .cause .section_title {width: 100%;}
}

.women_tab .container .tab_con .cause .section_content {width: 75%;}

@media (max-width: 768px) {
  .women_tab .container .tab_con .cause .section_content {width: 100%;}
}

.women_tab .container .tab_con .cause .section_content .ul {
  margin-top: 50rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20rem;

}

.women_tab .container .tab_con .cause .section_content .ul li {
  position: relative;
  padding: 10rem;
  padding-left: 80rem;
  width: 100%;
  background-color: #fff;
  font-size:18rem;
}


.women_tab .container .tab_con .cause .section_content .ul li span {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
padding:10rem 12rem;
  color: #fff;
  background-color: #0098dc;
  border-radius: 50%
}

.women_tab .container .tab_con .cause .section_content p {
  font-size: 18rem;
}

.women_tab .container .tab_con .cause .section_content.bg_brown {
  padding: 20rem;
  background-color: #5E85BC;
  color: #fff;
}

.women_tab .container .tab_con .cause .section_content.bg_brown ul {
  padding-left: 25rem;
  width: 100%;
  min-height: 100rem;
}

.women_tab .container .tab_con .cause .section_content.bg_brown ul li {
  position: relative;
  color: #fff;
  line-height: 1.6;
}

.women_tab .container .tab_con .cause .section_content.bg_brown ul li::before {
  content: "·";
  position: absolute;
  display: block;
  top: 0;
  left: -15rem;
  font-size: 18rem;
  color: #fff;
}

.women_tab .container .tab_con .symptom {
  margin-top: 150rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 768px) {
  .women_tab .container .tab_con .symptom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.women_tab .container .tab_con .symptom .section_title {
  font-size: 28rem;
  font-weight: 600;
  width: 25%;
}

@media (max-width: 768px) {
  .women_tab .container .tab_con .symptom .section_title {width: 100%;}
}

.women_tab .container .tab_con .symptom .section_content {width: 75%;}

@media (max-width: 768px) {
  .women_tab .container .tab_con .symptom .section_content {width: 100%;}
}

.women_tab .container .tab_con .symptom .section_content ul {
  margin-top: 50rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20rem;
}

.women_tab .container .tab_con .symptom .section_content ul li {
  position: relative;
  padding: 10rem 30rem;
  width: 48%;
  background-color: #fff;
}

@media (max-width: 768px) {
  .women_tab .container .tab_con .symptom .section_content ul li {width: 100%;}
}

.women_tab .container .tab_con .table_wrap {
  width: 100%;
  overflow: auto;
}

.women_tab .container .tab_con .table_wrap h3 {
  font-size: 28rem;
  font-weight: 600;
  margin-bottom: 30rem;
  text-align: center;
}

.women_tab .container .tab_con .table_wrap .table {
  width: 1100rem;
  margin-bottom: 20rem;
  border-top: 4rem solid #5E85BC;
  border-bottom: 4rem solid #5E85BC;
}

.women_tab .container .tab_con .table_wrap .table th, .women_tab .container .tab_con .table_wrap .table td {
  padding: 10rem 25rem;
  vertical-align: middle;
  max-width: 300rem;
  border-right: 1rem solid rgba(0, 0, 0, 0.2);
  border-bottom: 1rem solid rgba(0, 0, 0, 0.2);
}

.women_tab .container .tab_con .table_wrap .table th {
  background-color: rgba(94, 133, 188, 0.2);
  font-weight: 600;
}

.women_tab .container .tab_con .table_wrap .table .Rnone {
  border-right: none;
}

.women_tab .container .tab_con .table_wrap .table .Bnone {
  border-bottom: none;
}

.women_tab .container .tab_con .table_wrap .table .Rbrown {
  border-right: 1rem solid #5E85BC;
}

.women_tab .container .tab_con .table_wrap .table .td_list {
  padding-left: 25rem;
}

.women_tab .container .tab_con .table_wrap .table .td_list li {
  position: relative;
  line-height: 1.6;
}

.women_tab .container .tab_con .table_wrap .table .td_list li::before {
  content: "·";
  display: block;
  position: absolute;
  top: 0;
  left: -20rem;
  font-size: 18rem;
}