@charset "UTF-8";
@font-face {
  src: url(/include/fonts/NotoSansCJKkr-Regular.otf);
  font-family: cjk; }

@font-face {
  font-family: 'ONE-Mobile-POP';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-POP.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  letter-spacing: -.5px;
  font-family: cjk; }

.flexBox {
  display: flex;
  flex-wrap: wrap; }
  .flexBox li {
    width: 46%;
    margin: 2% 2%; }

.ft200 {
  font-weight: 200; }

.ft700 {
  font-weight: 700; }

#root {
  color: #000; }
  #root img {
    width: 100%; }
  #root .title-name {
    display: block;
    letter-spacing: 0.2vw; }
    #root .title-name::after {
      content: "SUNGSHIN WELL DENTAL CLINIC";
      display: inline; }
  #root .tit h2 {
    text-align: center;
    font-size: 3.5vw;
    line-height: 1em;
    margin-bottom: 3vw; }
    #root .tit h2 span {
      font-weight: 200;
      color: #585858;
      font-size: 1.3vw;
      display: block; }
  #root .tit.left h2 {
    text-align: left; }
  #root .tit.line {
    border-bottom: 1px solid #585858; }
  #root .inner {
    width: 100%;
    max-width: 63.1vw;
    height: auto;
    margin: auto;
    padding: 6vw 0 8vw; }
    #root .inner.introduce {
      width: 100%;
      max-width: 52.6vw;
      height: auto; }
      #root .inner.introduce .tit {
        margin-bottom: 4.8vw; }
        #root .inner.introduce .tit p {
          letter-spacing: 0.2vw;
          font-size: 0.9vw; }
        #root .inner.introduce .tit h2 {
          text-align: left;
          line-height: 1.2em;
          font-size: 3.7vw; }
          #root .inner.introduce .tit h2 span {
            display: block; }
      #root .inner.introduce > p {
        font-size: 1.3vw;
        line-height: 1.7em;
        color: #333333;
        font-weight: 200;
        margin-bottom: 6.3vw; }
      #root .inner.introduce .chif_sign {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: none; }
        #root .inner.introduce .chif_sign img {
          margin-left: 1vw;
          width: 100%;
          max-width: 6vw;
          height: auto; }
    #root .inner.doctors .content {
      width: 100%;
      margin: auto;
      display: flex;
      flex-wrap: wrap;
      align-items: none;
      justify-content: center; }
      #root .inner.doctors .content .doctorImg {
        width: 100%;
        max-width: 25vw;
        height: auto; }
      #root .inner.doctors .content .list {
        width: 27vw;
        margin-left: 8vw; }
        #root .inner.doctors .content .list h3 {
          font-size: 2.8vw;
          line-height: 1em;
          margin-bottom: 2vw; }
          #root .inner.doctors .content .list h3 .title-name {
            font-size: 1vw;
            color: #3abeef; }
        #root .inner.doctors .content .list ul li {
          font-size: 1vw;
          margin: 0.5vw 0; }
          #root .inner.doctors .content .list ul li::before {
            content: "·";
            display: inline;
            margin-right: 0.5vw; }
        #root .inner.doctors .content .list.left {
          margin-left: 0;
          margin-right: 8vw; }
    #root .inner.info .map {
      text-align: center;
      padding-bottom: 3vw;
      border-bottom: 0.1vw solid #b1b1b1; }
      #root .inner.info .map img {
        margin-bottom: 3vw; }
      #root .inner.info .map p {
        font-size: 1.9vw;
        font-weight: 300;
        margin-bottom: .5vw; }
      #root .inner.info .map a {
        font-weight: 700;
        font-size: 1.9vw; }
        #root .inner.info .map a span {
          color: #3abeef; }
    #root .inner.info .time {
      margin: 5vw 0 0; }
      #root .inner.info .time .wrap {
        background: #f6f6f6;
        width: 100%;
        max-width: 48vw;
        height: auto;
        padding: 3vw 5%;
        margin: auto; }
        #root .inner.info .time .wrap table {
          width: 100%;
          height: 90%;
          border-top: .2vw solid #3abeef;
          margin: auto;
          border-collapse: collapse; }
          #root .inner.info .time .wrap table tr th {
            padding: 1vw 0;
            font-size: 1.4vw;
            text-align: center;
            background: #e1eaed;
            border: 1px solid #585858; }
            #root .inner.info .time .wrap table tr th:nth-of-type(odd) {
              border-left: 0; }
            #root .inner.info .time .wrap table tr th:nth-of-type(even) {
              border-right: 0; }
          #root .inner.info .time .wrap table tr td {
            padding: 1vw 0;
            font-weight: 200;
            border: 1px solid #585858;
            font-size: 1.4vw;
            text-align: center; }
            #root .inner.info .time .wrap table tr td:nth-of-type(odd) {
              border-left: 0;
              color: #3f3f3f; }
            #root .inner.info .time .wrap table tr td:nth-of-type(even) {
              border-right: 0; }
        #root .inner.info .time .wrap ul li {
          color: #3f3f3f;
          margin: .7vw 0;
          font-size: 1.1vw; }
          #root .inner.info .time .wrap ul li::before {
            content: "·";
            display: inline; }
  #root img[alt='introduce1'] {
    width: 100%;
    margin-bottom: 4.5vw; }
  #root section .tit {
    margin-bottom: 3vw; }
  #root section.implant.one p {
    font-size: 1.55vw;
    line-height: 1.7em; }
  #root section.implant.one .img {
    margin-top: 3vw;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center; }
    #root section.implant.one .img img {
      margin: auto;
      width: 100%;
      max-width: 30vw;
      height: auto; }
  #root section.implant.two {
    background: #e7ebee; }
    #root section.implant.two ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      #root section.implant.two ul li {
        width: 30%;
        margin: 1.5vw 1vw;
        background: #fff;
        padding: 1.5vw 2vw; }
        #root section.implant.two ul li div {
          width: 2.5vw;
          height: 2.5vw;
          background: #3abeef;
          border-radius: 50%;
          margin: auto;
          color: #fff;
          line-height: 1em;
          font-size: 1.3vw;
          font-weight: 700;
          margin-bottom: .8vw;
          display: flex;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center; }
        #root section.implant.two ul li p {
          text-align: center;
          font-size: 1.3vw; }
  #root section.implant.three ul li {
    background: #ededed;
    padding: .7vw 2vw;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: none; }
    #root section.implant.three ul li .step {
      margin-right: 2.5vw;
      font-size: 1.4vw;
      border-radius: 5vw;
      padding: .7vw 1.3vw;
      color: #fff;
      font-weight: 700;
      line-height: 1em; }
      #root section.implant.three ul li .step::before {
        content: "STEP";
        display: inline; }
      #root section.implant.three ul li .step.one {
        background: #3abeef; }
      #root section.implant.three ul li .step.two {
        background: #3399cc; }
      #root section.implant.three ul li .step.three {
        background: #336699; }
      #root section.implant.three ul li .step.four {
        background: #003366; }
    #root section.implant.three ul li p {
      font-size: 1.4vw; }
    #root section.implant.three ul li.arrow {
      all: unset;
      margin: auto;
      text-align: center; }
      #root section.implant.three ul li.arrow img {
        display: block;
        margin: 1vw auto;
        width: 4.5vw; }
  #root section.implant.four {
    background: url(/include/img/implant_four_bg.png) no-repeat center/cover; }
    #root section.implant.four .tit h2 {
      color: #fff; }
    #root section.implant.four .flexBox {
      width: 100%;
      max-width: 45vw;
      height: auto;
      margin: auto; }
      #root section.implant.four .flexBox li {
        background: #fff;
        padding: 2vw 1.5vw;
        text-align: center; }
        #root section.implant.four .flexBox li h3 {
          font-size: 1.5vw;
          font-weight: 700;
          margin-bottom: 1vw; }
        #root section.implant.four .flexBox li p {
          font-size: 0.9vw; }
  #root section.implant.five .flexBox {
    width: 100%;
    max-width: 45vw;
    height: auto;
    margin: auto; }
    #root section.implant.five .flexBox li {
      border: 1px solid #dcdcdc; }
      #root section.implant.five .flexBox li img {
        width: 100%; }
      #root section.implant.five .flexBox li .text {
        width: 100%;
        padding: 1.5vw 1vw; }
        #root section.implant.five .flexBox li .text h3 {
          font-size: 1.4vw;
          font-weight: 700;
          margin-bottom: .5vw; }
        #root section.implant.five .flexBox li .text p {
          font-size: 1vw; }
  #root section.implant.six {
    background: url(/include/img/implant_six_bg.png) no-repeat center/cover; }
    #root section.implant.six .tit {
      color: #fff; }
    #root section.implant.six .cover {
      width: 100%;
      max-width: 52vw;
      height: auto;
      background: #fff;
      margin: auto;
      padding: 1vw; }
      #root section.implant.six .cover ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center; }
        #root section.implant.six .cover ul li {
          width: 50%;
          padding: 1.5vw .5vw;
          display: flex;
          align-items: center; }
          #root section.implant.six .cover ul li:nth-of-type(1) {
            border-right: 1.5px solid #dcdcdc;
            border-bottom: 1.5px solid #dcdcdc; }
          #root section.implant.six .cover ul li:nth-of-type(2) {
            border-bottom: 1.5px solid #dcdcdc; }
          #root section.implant.six .cover ul li:nth-of-type(3) {
            border-right: 1.5px solid #dcdcdc; }
          #root section.implant.six .cover ul li img {
            width: 6vw; }
          #root section.implant.six .cover ul li p {
            margin-left: .5vw;
            font-size: 1vw; }
  #root section.implant1.one > .inner {
    padding-bottom: 0; }
  #root section.implant1.one .bg {
    background: url(/include/img/implant1_one_bg.png) no-repeat center/cover;
    width: 100%;
    height: 52.6vw;
    position: relative;
    padding: 3vw 0; }
    #root section.implant1.one .bg .tit h2 {
      color: #003366;
      font-size: 2.5vw;
      margin-bottom: 1.5vw; }
      #root section.implant1.one .bg .tit h2 span {
        margin-bottom: .2vw;
        font-size: 0.65em;
        font-weight: 400;
        color: #003366; }
    #root section.implant1.one .bg .tit p {
      background: #ff6600;
      font-weight: 700;
      text-align: center;
      margin: auto;
      width: 30vw;
      font-size: 3.3vw;
      line-height: 1em;
      padding: .1vw 0 .4vw;
      color: #fff; }
      #root section.implant1.one .bg .tit p span {
        color: #fff000; }
    #root section.implant1.one .bg .content {
      position: absolute;
      bottom: 0;
      left: 0;
      background: rgba(48, 89, 130, 0.9);
      width: 100%; }
      #root section.implant1.one .bg .content > ul {
        width: 100%;
        max-width: 52vw;
        height: auto;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        margin: auto;
        padding: 1.5vw 0;
        color: #fff; }
        #root section.implant1.one .bg .content > ul > li {
          width: 50%; }
          #root section.implant1.one .bg .content > ul > li div {
            border: .2vw solid #ffea00;
            color: #ffea00;
            border-radius: 3vw;
            padding: .5vw 0;
            width: 40%;
            font-size: 1.5vw;
            font-weight: 700;
            text-align: center;
            margin-bottom: 1.5vw; }
          #root section.implant1.one .bg .content > ul > li ul li {
            font-size: 1vw;
            margin-bottom: .6vw; }
            #root section.implant1.one .bg .content > ul > li ul li::before {
              content: "-";
              display: inline; }
  #root section.implant1.two {
    width: 100%;
    background: url(/include/img/implant1_two_bg.png) no-repeat center/cover;
    height: 34.3vw; }
    #root section.implant1.two .tit {
      margin-bottom: 4vw; }
      #root section.implant1.two .tit img {
        margin: 1vw 0 .3vw;
        width: 7.8vw; }
      #root section.implant1.two .tit h2 {
        font-size: 3vw;
        line-height: 1.2em;
        text-align: left;
        font-weight: 700; }
    #root section.implant1.two ul {
      display: flex;
      flex-wrap: wrap;
      align-items: none;
      justify-content: none; }
      #root section.implant1.two ul li {
        width: 19vw;
        height: 8.4vw;
        border-radius: 8vw;
        background: rgba(29, 181, 233, 0.82);
        text-align: center;
        padding-top: 1vw;
        color: #fff;
        margin-left: -1.6vw; }
        #root section.implant1.two ul li h3 {
          width: 100%;
          margin-bottom: .3vw;
          font-size: 1.6vw;
          font-weight: 700; }
        #root section.implant1.two ul li p {
          font-size: 1.1vw; }
      #root section.implant1.two ul:first-of-type {
        margin-left: 0; }
  #root section.implant1.three {
    background: url(/include/img/implant_six_bg.png) no-repeat center/cover; }
    #root section.implant1.three .tit {
      color: #fff;
      font-weight: 200; }
      #root section.implant1.three .tit span {
        font-size: inherit;
        color: #fff;
        font-weight: 700;
        display: inline; }
    #root section.implant1.three ul {
      background: #fff;
      padding: 1vw;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center; }
      #root section.implant1.three ul li {
        width: 100%;
        margin: 1vw;
        padding: 3vw 0; }
        #root section.implant1.three ul li img {
          width: 6.4vw;
          display: block;
          margin: 1vw auto; }
        #root section.implant1.three ul li p {
          font-size: 1.2vw;
          text-align: center; }
        #root section.implant1.three ul li:nth-of-type(2) {
          border-right: 1px solid #dcdcdc;
          border-left: 1px solid #dcdcdc; }
  #root section.implant1.four {
    margin: auto;
    background: #fafafa; }
    #root section.implant1.four .tit {
      width: 100%;
      max-width: 26.6vw;
      height: auto;
      margin: auto; }
    #root section.implant1.four ul li {
      border-bottom: 1px dotted #dcdcdc;
      padding: 3vw 0; }
      #root section.implant1.four ul li .first {
        display: flex;
        align-items: center;
        margin-bottom: 1vw; }
        #root section.implant1.four ul li .first .q {
          display: flex;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
          width: 4.6vw;
          height: 4.6vw;
          color: #fff;
          font-size: 2.3vw;
          font-weight: 700;
          background: #1eb9ee;
          border-radius: 50%;
          text-align: center;
          margin-right: 1vw; }
          #root section.implant1.four ul li .first .q::before {
            content: "Q";
            display: inline; }
        #root section.implant1.four ul li .first p {
          font-size: 1.6vw;
          font-weight: 700; }
      #root section.implant1.four ul li .second {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: none; }
        #root section.implant1.four ul li .second .tag {
          background: url(/include/img/tag.png) no-repeat center/cover;
          width: 2.68vw;
          height: 2.57vw;
          margin: 0 1.3vw 0 2vw; }
        #root section.implant1.four ul li .second .a {
          color: #fff;
          font-size: 2.7vw;
          font-weight: 700;
          display: flex;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center;
          width: 4.6vw;
          height: 4.6vw;
          border-radius: 50%;
          margin-right: 1.3vw;
          background: #999999; }
          #root section.implant1.four ul li .second .a::after {
            display: inline;
            content: "A"; }
        #root section.implant1.four ul li .second p {
          font-size: 1.3vw; }
  #root section.implant2.two {
    background: url(/include/img/implant2_two_bg.png) no-repeat center/cover;
    height: 32.7vw; }
    #root section.implant2.two .tit h2 {
      width: 100%;
      max-width: 24.6vw;
      height: auto;
      margin-bottom: 1.5vw; }
    #root section.implant2.two .tit p {
      font-size: 1.4vw;
      line-height: 1.7em; }
      #root section.implant2.two .tit p span {
        font-weight: 700;
        background: #1eb9ee;
        color: #fff; }
  #root section.implant2.three ul {
    margin-top: 4vw; }
    #root section.implant2.three ul li {
      background: #1eb9ee;
      width: 100%;
      height: 8.42vw;
      border-radius: 5vw;
      color: #fff;
      margin-bottom: 2vw;
      padding-top: 1.5vw;
      padding-left: 4vw; }
      #root section.implant2.three ul li h3 {
        font-weight: 700;
        font-size: 2vw;
        margin-bottom: .3vw; }
      #root section.implant2.three ul li p {
        font-size: 1.3vw;
        font-weight: 200; }
      #root section.implant2.three ul li:nth-of-type(2) {
        padding-top: .5vw;
        background: #2881a0; }
      #root section.implant2.three ul li:nth-of-type(3) {
        background: #1eb9ee; }
  #root section.implant2.four {
    background: url(/include/img/implant2_four_bg.png) no-repeat center/cover;
    height: 46vw; }
    #root section.implant2.four ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center; }
      #root section.implant2.four ul li {
        width: 14vw;
        height: 14vw;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        font-size: 1.2vw;
        margin: .5vw 1.5vw;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-around; }
        #root section.implant2.four ul li:nth-of-type(odd) {
          background: #415b87; }
        #root section.implant2.four ul li:nth-of-type(even) {
          background: #899fb9; }
  #root section.braces.two {
    background: url(/include/img/braces_two_bg.png) no-repeat center/cover;
    height: 47.4vw;
    position: relative; }
    #root section.braces.two article {
      top: 50%;
      transform: translateY(-50%);
      left: 15vw;
      position: absolute; }
      #root section.braces.two article .tit h2 {
        text-align: left;
        font-size: 4vw;
        font-weight: 700; }
      #root section.braces.two article .tit img {
        width: 17.6vw;
        margin-bottom: 1vw;
        display: block; }
      #root section.braces.two article ._logo {
        width: 19.7vw;
        margin-bottom: 2vw; }
      #root section.braces.two article p {
        font-size: 1.5vw; }
  #root section.braces.three .tit:nth-of-type(2) {
    margin-top: 6vw; }
  #root section.braces.three ul {
    width: 100%;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap; }
    #root section.braces.three ul li {
      width: 18.42vw;
      border: 1px solid #dcdcdc;
      margin-bottom: 2vw; }
      #root section.braces.three ul li p {
        text-align: center;
        font-size: 1.5vw;
        padding: 1.5vw 0;
        position: relative; }
        #root section.braces.three ul li p span {
          font-weight: 500;
          font-size: 1.3vw;
          left: 50%;
          line-height: 1.5em;
          transform: translateX(-50%);
          top: -.8vw;
          color: #fff;
          position: absolute;
          display: block;
          background: #1eb9ee;
          padding: 0 1vw;
          border-radius: 5vw; }
          #root section.braces.three ul li p span::before {
            content: "Step";
            display: inline;
            margin-right: .3vw; }
  #root section.braces.five {
    background: url(/include/img/braces_five_bg.png) no-repeat center/cover;
    height: 49.47vw; }
    #root section.braces.five .tit span {
      color: unset;
      display: inline;
      font-size: 3.5vw;
      font-weight: 900; }
    #root section.braces.five ul {
      width: 50vw; }
      #root section.braces.five ul li {
        font-size: 1.7vw;
        padding: 2vw;
        padding-left: 4vw;
        border-radius: 5vw;
        color: #fff;
        font-weight: 500;
        margin-bottom: 2vw; }
        #root section.braces.five ul li:nth-of-type(odd) {
          background: #1eb9ee; }
        #root section.braces.five ul li:nth-of-type(even) {
          background: #2881a0; }
        #root section.braces.five ul li span {
          font-weight: 700; }
  #root section.braces.six .tit h2 {
    font-weight: 400; }
    #root section.braces.six .tit h2 span {
      all: unset;
      font-weight: 700; }
  #root section.braces.six .cover ul li:nth-of-type(3) {
    border-bottom: 1.5px solid #dcdcdc; }
  #root section.braces.six .cover ul li:nth-of-type(4) {
    border-bottom: 1.5px solid #dcdcdc; }
  #root section.braces.six .cover ul li:nth-of-type(5) {
    border-right: 1.5px solid #dcdcdc; }
  #root section .star {
    margin: 1.5vw 0;
    display: flex;
    justify-content: center; }
    #root section .star li {
      margin: 0 1vw;
      border: 1px solid #dcdcdc;
      padding: .5vw 1vw; }
      #root section .star li p span {
        margin-left: .5vw;
        color: #ff9900; }
  #root section.braces1.two ul li {
    padding: 1.5vw .5vw; }
    #root section.braces1.two ul li p {
      font-size: 1.2vw; }
  #root section.braces1.three {
    background: url(/include/img/braces1_three_bg.png) no-repeat center/cover; }
    #root section.braces1.three ul li {
      width: 100%; }
  #root section.braces2.two ul li {
    padding: 1.5vw .5vw; }
    #root section.braces2.two ul li p span {
      margin-bottom: 1vw;
      font-weight: 700;
      display: block; }
  #root section.braces2.three {
    background: url(/include/img/braces2_three_bg.png) no-repeat center/cover; }
    #root section.braces2.three ul li {
      width: 100%; }
  #root section.braces3.two ul li {
    padding: 2vw .5vw;
    width: 45%; }
    #root section.braces3.two ul li span {
      display: block;
      font-weight: 700;
      margin-bottom: .5vw; }
  #root section.braces3.three {
    background: url(/include/img/braces3_three_bg.png) no-repeat center/cover; }
    #root section.braces3.three ul li {
      width: 100%; }
  #root section.general.two {
    background: #f2ece6; }
    #root section.general.two ul {
      display: flex;
      justify-content: center; }
      #root section.general.two ul li {
        width: 23%;
        margin: auto;
        text-align: center; }
        #root section.general.two ul li img {
          margin-bottom: 2px; }
        #root section.general.two ul li div {
          color: #fff;
          background: #999999;
          font-weight: 700;
          padding: .8vw 0;
          font-size: 1.5vw;
          width: 100%; }
          #root section.general.two ul li div::after {
            content: "단계"; }
        #root section.general.two ul li p {
          background: #f3f3f3;
          font-size: 1.1vw;
          padding: 1vw 0;
          color: #666666;
          border: 1px solid #bcbcbc;
          margin: 2px  0; }
        #root section.general.two ul li span {
          display: block;
          color: #fff;
          font-size: 1.2vw;
          font-weight: 700;
          padding: .8vw 0;
          background: #1eb9ee; }
        #root section.general.two ul li:nth-of-type(2) span {
          background: #3399cc; }
        #root section.general.two ul li:nth-of-type(3) span {
          background: #006699; }
        #root section.general.two ul li:nth-of-type(4) span {
          background: #003366; }
  #root section.general.three ul.flex {
    display: flex;
    justify-content: center; }
    #root section.general.three ul.flex li {
      width: 23%;
      margin: auto;
      text-align: center; }
      #root section.general.three ul.flex li img {
        margin-bottom: 2px; }
      #root section.general.three ul.flex li div {
        color: #fff;
        background: #1eb9ee;
        font-weight: 700;
        padding: .8vw 0;
        font-size: 1.5vw;
        width: 100%; }
      #root section.general.three ul.flex li p {
        height: 8.7vw;
        background: #f3f3f3;
        font-size: 1.1vw;
        padding: 1vw 0;
        color: #666666;
        border: 1px solid #bcbcbc;
        margin: 2px  0; }
  #root section.general1.two ul li {
    width: 32%;
    margin: auto;
    padding: 1.5vw 0;
    height: 19.5vw; }
    #root section.general1.two ul li p span {
      font-weight: 700;
      display: block;
      margin-bottom: 1vw; }
  #root section.general1.three ul.flex li div {
    background: #999999; }
    #root section.general1.three ul.flex li div::after {
      content: "단계"; }
  #root section.general1.three ul.flex li p {
    height: 7vw; }
  #root section.general1.four {
    background: url(/include/img/general1_four_bg.png) no-repeat center/cover; }
    #root section.general1.four ul {
      width: 55vw; }
  #root section.general2.two {
    background: url(/include/img/general2_two_bg.png) no-repeat center/cover; }
    #root section.general2.two ul {
      width: 58vw; }
  #root section.general2.three ul {
    justify-content: flex-start; }
    #root section.general2.three ul li {
      position: relative;
      width: 17vw;
      margin-right: 4vw; }
      #root section.general2.three ul li::after {
        width: 2.7vw;
        height: 2.7vw;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 104%;
        display: block;
        content: "";
        background: url(/include/img/arr.png) no-repeat center/cover; }
      #root section.general2.three ul li:nth-of-type(3):after {
        display: none; }
      #root section.general2.three ul li:last-of-type::after {
        display: none; }
  #root section.general2.common:nth-of-type(even) {
    background: #f7faff; }
  #root section.general2.common p {
    font-size: 1.5vw;
    line-height: 1.7em; }
  #root section.general2.common ul {
    margin-top: 4vw;
    display: flex; }
    #root section.general2.common ul li {
      text-align: center;
      border-radius: 50%;
      background: #1eb9ee;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.5vw;
      font-weight: 700;
      width: 14.2vw;
      height: 14.2vw;
      margin-right: 2vw; }
  #root section.general3.one {
    position: relative; }
    #root section.general3.one .con {
      width: 100%;
      max-width: 880px;
      margin-top: 8vw; }
      #root section.general3.one .con .tit h2 {
        font-size: 2.85vw; }
        #root section.general3.one .con .tit h2 span {
          display: inline;
          font-size: inherit;
          font-weight: 700;
          color: #000; }
    #root section.general3.one .bg {
      position: absolute;
      width: 36vw;
      bottom: 6vw;
      z-index: -1;
      right: 0; }
  #root section.general3.two {
    background: url(/include/img/general3_two_bg.png) no-repeat center/cover; }
    #root section.general3.two ul {
      width: 62vw; }
  #root section.general3.six .tit span {
    all: unset;
    font-weight: 700; }
  #root .hospital .tit h2 {
    margin-bottom: 1vw; }
  #root .hospital .myslide {
    width: 90%; }

#bottom .inner {
  margin: auto;
  padding: 6vw 0 8vw; }
  #bottom .inner .tit h2 {
    text-align: center;
    font-size: 3.3vw;
    line-height: 1em;
    margin-bottom: 3vw; }
    #bottom .inner .tit h2 img {
      width: 35.7vw; }
    #bottom .inner .tit h2 span {
      font-weight: 200;
      color: #585858;
      font-size: 1.3vw;
      display: block; }
  #bottom .inner .flex {
    display: flex;
    flex-wrap: nowrap;
    align-items: none;
    justify-content: center; }
    #bottom .inner .flex li {
      width: 100%;
      max-width: 19vw;
      height: auto;
      margin: 0 1vw;
      text-align: center; }
      #bottom .inner .flex li img {
        width: 100%;
        display: block; }
      #bottom .inner .flex li h3 {
        font-size: 1.6vw;
        font-weight: 700;
        margin: 1.2vw 0; }
      #bottom .inner .flex li p {
        font-size: .9vw;
        line-height: 1.8em;
        color: #585858; }

#bottom .second {
  height: 55vw;
  width: 100%;
  padding: 6vw 0;
  position: relative;
  background: url(/include/img/bottom_second_bg.png) no-repeat center/cover; }
  #bottom .second .tit {
    text-align: center;
    margin-bottom: 2.5vw; }
    #bottom .second .tit img {
      width: 100%;
      max-width: 27.5vw;
      height: auto; }
  #bottom .second .inner {
    padding: 1.5vw 3vw;
    width: 100%;
    max-width: 63.7vw;
    height: auto;
    margin: auto;
    background: #fff; }
    #bottom .second .inner li {
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center;
      margin-bottom: 1vw; }
      #bottom .second .inner li img {
        width: 15.5vw; }
      #bottom .second .inner li .text {
        width: 100%;
        margin-left: 1.5vw; }
        #bottom .second .inner li .text h3 {
          font-size: 1.4vw;
          font-weight: 700;
          margin-bottom: .8vw; }
          #bottom .second .inner li .text h3 span {
            color: #3abeef;
            text-decoration: underline; }
        #bottom .second .inner li .text p {
          font-size: 1.1vw;
          line-height: 1.5em;
          color: #585858; }

@font-face {
  font-family: '또박또박';
  src: url(/include/font/CM220030.TTF); }

.myslide {
  width: 100%;
  margin: auto;
  position: relative; }
  .myslide .slide-area {
    overflow: hidden; }
  .myslide .btn {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    width: 100%;
    color: #fff;
    font-size: 6.5vw; }
    .myslide .btn:active {
      box-shadow: unset; }
    .myslide .btn .left {
      position: absolute;
      left: 0;
      top: 45%;
      transform: translateY(-50%); }
      .myslide .btn .left:hover::after {
        opacity: 1;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
      .myslide .btn .left::after {
        opacity: 0.6;
        font-family: "또박또박";
        content: "<";
        display: inline; }
    .myslide .btn .right {
      position: absolute;
      right: 0;
      top: 45%;
      transform: translateY(-50%); }
      .myslide .btn .right:hover::after {
        opacity: 1;
        text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); }
      .myslide .btn .right::after {
        opacity: 0.6;
        font-family: "또박또박";
        content: ">";
        display: inline; }
  .myslide .dots {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    .myslide .dots .dot {
      width: 100%;
      margin: .3vw .2vw; }
      .myslide .dots .dot.active img {
        opacity: 1; }
      .myslide .dots .dot:first-of-type {
        margin-left: 0; }
      .myslide .dots .dot:last-of-type {
        margin-right: 0; }
      .myslide .dots .dot img {
        width: 100%;
        opacity: 0.5; }

.mb {
  display: none; }

@media screen and (max-width: 640px) {
  body {
    height: auto; }
  #daumRoughmapContainer1624860298662 {
    display: none; }
  .pc {
    display: none; }
  .mb {
    display: block; }
  #root {
    width: 100%;
    height: auto;
    overflow: hidden; }
    #root .tit h2 {
      font-size: 6vw; }
      #root .tit h2 span {
        font-size: 3vw; }
    #root .inner {
      padding: 10vw 1vw;
      width: 100%;
      max-width: 90%;
      height: auto; }
      #root .inner.introduce {
        width: 100%;
        max-width: 90%;
        height: auto; }
        #root .inner.introduce .tit {
          margin-bottom: 4.8vw; }
          #root .inner.introduce .tit p {
            letter-spacing: 0.2vw;
            font-size: 2.5vw; }
          #root .inner.introduce .tit h2 {
            text-align: left;
            line-height: 1.2em;
            font-size: 6vw; }
            #root .inner.introduce .tit h2 span {
              font-size: 5vw;
              display: block; }
        #root .inner.introduce > p {
          font-size: 4.3vw;
          line-height: 1.7em;
          color: #333333;
          font-weight: 200;
          margin-bottom: 6.3vw; }
        #root .inner.introduce .chif_sign {
          font-size: 5vw; }
          #root .inner.introduce .chif_sign img {
            margin-left: 2vw;
            width: 100%;
            max-width: 20vw;
            height: auto; }
      #root .inner.doctors .content {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: none;
        justify-content: center; }
        #root .inner.doctors .content .doctorImg {
          width: 100%;
          max-width: 100%;
          height: auto; }
        #root .inner.doctors .content .list {
          width: 100%;
          margin-left: 0vw; }
          #root .inner.doctors .content .list h3 {
            text-align: center;
            font-size: 8vw;
            line-height: 1em;
            margin-top: 4vw;
            margin-bottom: 4vw; }
            #root .inner.doctors .content .list h3 .title-name {
              font-size: 3vw;
              letter-spacing: 3px;
              color: #3abeef;
              margin-bottom: 1vw; }
          #root .inner.doctors .content .list ul {
            width: 70%;
            margin: auto; }
            #root .inner.doctors .content .list ul li {
              font-size: 3vw;
              margin: 1.5vw 0; }
              #root .inner.doctors .content .list ul li .block {
                all: unset;
                display: block;
                padding-left: 3vw; }
              #root .inner.doctors .content .list ul li::before {
                content: "·";
                display: inline;
                margin-right: 1vw; }
          #root .inner.doctors .content .list.left {
            margin-right: 0; }
      #root .inner.info .map {
        text-align: center;
        padding-bottom: 3vw;
        border-bottom: 0.1vw solid #b1b1b1; }
        #root .inner.info .map img {
          margin-bottom: 3vw; }
        #root .inner.info .map p {
          font-size: 3vw;
          font-weight: 300;
          margin-bottom: .5vw; }
        #root .inner.info .map a {
          font-weight: 700;
          font-size: 3vw; }
          #root .inner.info .map a span {
            color: #3abeef; }
      #root .inner.info .time {
        margin: 5vw 0 0; }
        #root .inner.info .time .wrap {
          background: #fff;
          width: 100%;
          max-width: 100%;
          height: auto;
          padding: 3vw 5%;
          margin: auto; }
          #root .inner.info .time .wrap table {
            width: 100%;
            height: 90%;
            border-top: .2vw solid #3abeef;
            margin: auto;
            border-collapse: collapse; }
            #root .inner.info .time .wrap table tr th {
              padding: 2vw 0;
              font-size: 3vw;
              text-align: center;
              background: #e1eaed; }
              #root .inner.info .time .wrap table tr th:nth-of-type(odd) {
                border-left: 0; }
              #root .inner.info .time .wrap table tr th:nth-of-type(even) {
                border-right: 0; }
            #root .inner.info .time .wrap table tr td {
              padding: 2vw 0;
              font-weight: 200;
              border: 1px solid #585858;
              font-size: 3vw;
              text-align: center; }
              #root .inner.info .time .wrap table tr td:nth-of-type(odd) {
                border-left: 0;
                color: #3f3f3f; }
              #root .inner.info .time .wrap table tr td:nth-of-type(even) {
                border-right: 0; }
          #root .inner.info .time .wrap ul li {
            color: #3f3f3f;
            margin: 1.5vw 0;
            font-size: 3vw; }
            #root .inner.info .time .wrap ul li::before {
              content: "·";
              display: inline; }
    #root section.implant.one p {
      font-size: 3.9vw;
      line-height: 1.7em; }
    #root section.implant.one .img {
      margin-top: 3vw;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: center; }
      #root section.implant.one .img img {
        margin: auto;
        width: 100%;
        max-width: 48%;
        height: auto; }
    #root section.implant.two ul {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-start; }
      #root section.implant.two ul li {
        width: 46%;
        margin: 2.5vw 1vw;
        background: #fff;
        padding: 3vw 2vw; }
        #root section.implant.two ul li div {
          width: 5vw;
          height: 5vw;
          line-height: 1em;
          font-size: 3vw;
          font-weight: 700;
          margin-bottom: 2vw; }
        #root section.implant.two ul li p {
          text-align: center;
          font-size: 3vw;
          letter-spacing: -.5vw; }
    #root section.implant.three ul li {
      padding: 2vw 3vw;
      display: block; }
      #root section.implant.three ul li .step {
        text-align: center;
        width: 18vw;
        margin-right: 2.5vw;
        font-size: 3vw;
        border-radius: 5vw;
        padding: 1.5vw 2vw;
        color: #fff;
        margin: auto; }
      #root section.implant.three ul li p {
        font-size: 3vw;
        text-align: center; }
      #root section.implant.three ul li.arrow {
        all: unset;
        margin: auto;
        text-align: center; }
        #root section.implant.three ul li.arrow img {
          display: block;
          margin: 1vw auto;
          width: 9vw; }
    #root section.implant.four {
      background: url(/include/img/implant_four_bg.png) no-repeat center/cover; }
      #root section.implant.four .tit h2 {
        color: #fff; }
      #root section.implant.four .flexBox {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: auto; }
        #root section.implant.four .flexBox li {
          background: #fff;
          padding: 4vw 1.5vw;
          text-align: center; }
          #root section.implant.four .flexBox li h3 {
            font-size: 4vw;
            font-weight: 700;
            margin-bottom: 1vw; }
          #root section.implant.four .flexBox li p {
            font-size: 2.5vw; }
    #root section.implant.five .flexBox {
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: auto; }
      #root section.implant.five .flexBox li {
        width: 90%;
        margin: 5vw auto;
        border: 1px solid #dcdcdc; }
        #root section.implant.five .flexBox li img {
          width: 100%; }
        #root section.implant.five .flexBox li .text {
          width: 100%;
          padding: 4vw 5vw; }
          #root section.implant.five .flexBox li .text h3 {
            font-size: 4vw;
            margin-bottom: 1.5vw; }
          #root section.implant.five .flexBox li .text p {
            font-size: 3vw; }
            #root section.implant.five .flexBox li .text p br {
              display: none; }
    #root section.implant.six {
      background: url(/include/img/implant_six_bg.png) no-repeat center/cover; }
      #root section.implant.six .tit {
        color: #fff; }
      #root section.implant.six .cover {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 3vw; }
        #root section.implant.six .cover ul li {
          width: 90%;
          padding: 2vw 1vw;
          display: flex;
          margin-left: 3vw;
          align-items: center; }
          #root section.implant.six .cover ul li:nth-of-type(1) {
            border-right: 0;
            border-bottom: 0; }
          #root section.implant.six .cover ul li:nth-of-type(2) {
            border-bottom: 0; }
          #root section.implant.six .cover ul li:nth-of-type(3) {
            border-right: 0; }
          #root section.implant.six .cover ul li img {
            width: 15vw;
            margin-right: 5vw; }
          #root section.implant.six .cover ul li p {
            margin-left: .5vw;
            font-size: 3vw; }
    #root section.implant1.one > .inner {
      padding-bottom: 0; }
    #root section.implant1.one .bg {
      background: url(/include/img/implant1_one_bg_m.png) no-repeat center/cover;
      width: 100%;
      height: 150vw;
      position: relative;
      padding: 10vw 0; }
      #root section.implant1.one .bg .tit h2 {
        color: #003366;
        font-size: 5.7vw;
        font-weight: 800;
        margin-bottom: 3vw;
        letter-spacing: -0.5vw; }
        #root section.implant1.one .bg .tit h2 span {
          margin-bottom: 2vw;
          font-size: 0.8em;
          font-weight: 400;
          color: #003366; }
      #root section.implant1.one .bg .tit p {
        background: #ff6600;
        font-weight: 700;
        text-align: center;
        margin: auto;
        width: 90%;
        font-size: 9vw;
        line-height: 1em;
        padding: 1vw 0 1.5vw;
        color: #fff; }
        #root section.implant1.one .bg .tit p span {
          color: #fff000; }
      #root section.implant1.one .bg .content {
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgba(48, 89, 130, 0.9);
        width: 100%; }
        #root section.implant1.one .bg .content > ul {
          width: 100%;
          max-width: 90%;
          height: auto;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: center;
          margin: auto;
          padding: 3vw 0;
          color: #fff; }
          #root section.implant1.one .bg .content > ul > li {
            width: 100%; }
            #root section.implant1.one .bg .content > ul > li div {
              border: .5vw solid #ffea00;
              color: #ffea00;
              border-radius: 10vw;
              padding: 2vw 0;
              width: 40%;
              font-size: 5vw;
              font-weight: 700;
              text-align: center;
              margin-bottom: 3vw; }
            #root section.implant1.one .bg .content > ul > li ul li {
              font-size: 3.5vw;
              letter-spacing: -.5vw;
              margin-bottom: 2vw; }
              #root section.implant1.one .bg .content > ul > li ul li::before {
                content: "-";
                display: inline; }
    #root section.implant1.two {
      width: 100%;
      background: url(/include/img/implant1_two_bg_m.png) no-repeat center/cover;
      height: 125vw;
      padding-top: 11vw; }
      #root section.implant1.two .tit {
        margin-bottom: 4vw; }
        #root section.implant1.two .tit img {
          margin: 1vw 0 1.2vw;
          width: 21vw; }
        #root section.implant1.two .tit h2 {
          font-size: 7vw;
          line-height: 1.5em;
          font-weight: 800;
          letter-spacing: -.5vw; }
      #root section.implant1.two ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center; }
        #root section.implant1.two ul li {
          width: 100%;
          height: auto;
          border-radius: 8vw;
          text-align: center;
          padding: 3vw 0;
          color: #fff;
          margin-left: -1.6vw;
          margin-bottom: 5vw; }
          #root section.implant1.two ul li h3 {
            width: 100%;
            margin-bottom: 1.5vw;
            font-size: 4vw;
            font-weight: 700; }
          #root section.implant1.two ul li p {
            font-size: 3vw; }
            #root section.implant1.two ul li p br {
              display: none; }
        #root section.implant1.two ul:first-of-type {
          margin-left: 0; }
    #root section.implant1.three {
      background: url(/include/img/implant_six_bg.png) no-repeat center/cover; }
      #root section.implant1.three .tit {
        color: #fff;
        font-weight: 200; }
        #root section.implant1.three .tit span {
          font-size: inherit;
          color: #fff;
          font-weight: 700;
          display: inline; }
      #root section.implant1.three ul {
        background: #fff;
        padding: 1vw;
        width: 85%;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center; }
        #root section.implant1.three ul li {
          width: 100%;
          margin: 1vw;
          padding: 3vw 0;
          display: flex;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: center; }
          #root section.implant1.three ul li img {
            width: 18vw;
            margin: 2vw 0;
            margin-right: 3vw; }
          #root section.implant1.three ul li p {
            width: 75%;
            font-size: 3.7vw;
            color: #999;
            text-align: left; }
          #root section.implant1.three ul li:nth-of-type(2) {
            border-right: 0;
            border-left: 0; }
    #root section.implant1.four {
      margin: auto;
      background: #fafafa; }
      #root section.implant1.four .tit {
        width: 100%;
        max-width: 56.6vw;
        height: auto; }
      #root section.implant1.four ul li {
        border-bottom: 1px dotted #dcdcdc;
        padding: 6vw 0; }
        #root section.implant1.four ul li .first {
          display: flex;
          align-items: center;
          margin-bottom: 2vw; }
          #root section.implant1.four ul li .first .q {
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;
            width: 10vw;
            height: 10vw;
            color: #fff;
            font-size: 5vw;
            background: #1eb9ee;
            border-radius: 50%;
            text-align: center;
            vertical-align: center;
            margin-right: 3vw; }
            #root section.implant1.four ul li .first .q::before {
              content: "Q";
              display: inline; }
          #root section.implant1.four ul li .first p {
            font-size: 4vw;
            font-weight: 700; }
        #root section.implant1.four ul li .second {
          display: flex;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: none; }
          #root section.implant1.four ul li .second .tag {
            background: url(/include/img/tag.png) no-repeat center/cover;
            width: 5.7vw;
            height: 5.5vw;
            margin: 0 2.5vw 0 4vw; }
          #root section.implant1.four ul li .second .a {
            color: #fff;
            font-size: 4.5vw;
            display: flex;
            flex-wrap: nowrap;
            align-items: center;
            justify-content: center;
            width: 8vw;
            height: 8vw;
            margin-right: 3vw;
            background: #999999; }
            #root section.implant1.four ul li .second .a::after {
              display: inline;
              content: "A"; }
          #root section.implant1.four ul li .second p {
            color: #999;
            font-size: 3.3vw; }
    #root section.implant2.two {
      background: url(/include/img/implant2_two_bg_m.png) no-repeat center/cover;
      height: 133vw;
      padding-top: 57vw; }
      #root section.implant2.two .tit h2 {
        width: 100%;
        max-width: 65vw;
        height: auto;
        margin-bottom: 4vw; }
      #root section.implant2.two .tit p {
        font-size: 3.7vw;
        letter-spacing: -.5vw;
        line-height: 1.9em; }
        #root section.implant2.two .tit p span {
          font-weight: 700;
          background: #1eb9ee;
          color: #fff; }
    #root section.implant2.three ul {
      margin-top: 4vw; }
      #root section.implant2.three ul li {
        background: #1eb9ee;
        width: 100%;
        height: auto;
        border-radius: 15vw;
        color: #fff;
        margin-bottom: 4vw;
        padding: 3vw;
        padding-right: 0;
        padding-left: 6vw; }
        #root section.implant2.three ul li h3 {
          font-weight: 700;
          font-size: 4.5vw;
          margin-bottom: 1vw; }
        #root section.implant2.three ul li p {
          font-size: 2.5vw;
          font-weight: 200; }
        #root section.implant2.three ul li:nth-of-type(2) {
          padding-top: .5vw;
          background: #2881a0; }
        #root section.implant2.three ul li:nth-of-type(3) {
          background: #1eb9ee; }
    #root section.implant2.four {
      background: url(/include/img/implant2_four_bg.png) no-repeat left/cover;
      height: 80vw; }
      #root section.implant2.four ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center; }
        #root section.implant2.four ul li {
          width: 25vw;
          height: 25vw;
          font-size: 2.7vw;
          font-weight: 700;
          margin: 2vw 1.5vw;
          letter-spacing: -.5vw;
          display: flex;
          flex-wrap: nowrap;
          align-items: center;
          justify-content: space-around; }
          #root section.implant2.four ul li:nth-of-type(odd) {
            background: #415b87; }
          #root section.implant2.four ul li:nth-of-type(even) {
            background: #899fb9; }
    #root section.braces.two {
      background: url(/include/img/braces_two_bg.png) no-repeat left/cover;
      height: 100vw;
      position: relative; }
      #root section.braces.two article {
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        position: absolute;
        width: 90%; }
        #root section.braces.two article .tit h2 {
          text-align: left;
          font-size: 10vw;
          font-weight: 700; }
        #root section.braces.two article .tit img {
          width: 40vw;
          margin-bottom: 2vw;
          display: block; }
        #root section.braces.two article ._logo {
          width: 60vw;
          margin-bottom: 2vw; }
        #root section.braces.two article p {
          font-size: 3.5vw; }
    #root section.braces.three .tit:nth-of-type(2) {
      margin-top: 6vw; }
    #root section.braces.three ul {
      width: 100%;
      justify-content: space-between;
      display: flex;
      flex-wrap: wrap; }
      #root section.braces.three ul li {
        width: 48%;
        border: 1px solid #dcdcdc;
        margin-bottom: 5vw; }
        #root section.braces.three ul li p {
          text-align: center;
          font-size: 5vw;
          padding: 1.5vw 0;
          position: relative; }
          #root section.braces.three ul li p span {
            font-weight: 500;
            font-size: 3.5vw;
            left: 50%;
            line-height: 1.5em;
            transform: translateX(-50%);
            top: -3vw;
            color: #fff;
            position: absolute;
            display: block;
            background: #1eb9ee;
            padding: 0 1.5vw;
            border-radius: 5vw; }
            #root section.braces.three ul li p span::before {
              content: "Step";
              display: inline;
              margin-right: .3vw; }
    #root section.braces.five {
      height: 90vw;
      background: url(/include/img/braces_five_bg.png) no-repeat -400px 0/cover; }
      #root section.braces.five .tit span {
        color: unset;
        font-size: 8vw; }
      #root section.braces.five ul {
        width: 86vw; }
        #root section.braces.five ul li {
          width: 100%;
          font-size: 3.7vw;
          padding: 3vw;
          padding-right: 0;
          padding-left: 4vw;
          border-radius: 10vw;
          color: #fff;
          margin-bottom: 2vw; }
          #root section.braces.five ul li:nth-of-type(odd) {
            background: #1eb9ee; }
          #root section.braces.five ul li:nth-of-type(even) {
            background: #2881a0; }
          #root section.braces.five ul li span {
            font-weight: 700; }
    #root section.braces.six .tit h2 {
      font-weight: 400; }
      #root section.braces.six .tit h2 span {
        all: unset;
        font-weight: 700; }
    #root section.braces.six .cover ul li:nth-of-type(3) {
      border-bottom: 1.5px solid #dcdcdc; }
    #root section.braces.six .cover ul li:nth-of-type(4) {
      border-bottom: 1.5px solid #dcdcdc; }
    #root section.braces.six .cover ul li:nth-of-type(5) {
      border-right: 1.5px solid #dcdcdc; }
    #root section.general.two {
      background: #f2ece6; }
      #root section.general.two ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; }
        #root section.general.two ul li {
          width: 44%;
          margin: 3vw auto;
          text-align: center; }
          #root section.general.two ul li img {
            margin-bottom: 2px; }
          #root section.general.two ul li div {
            color: #fff;
            background: #999999;
            font-weight: 700;
            padding: 2vw 0;
            font-size: 4vw;
            width: 100%; }
            #root section.general.two ul li div::after {
              content: "단계"; }
          #root section.general.two ul li p {
            background: #f3f3f3;
            font-size: 3.5vw;
            padding: 1vw 0;
            color: #666666;
            border: 1px solid #bcbcbc;
            margin: 2px  0; }
          #root section.general.two ul li span {
            display: block;
            color: #fff;
            font-size: 2.5vw;
            font-weight: 700;
            padding: 2vw 0;
            background: #1eb9ee; }
          #root section.general.two ul li:nth-of-type(2) span {
            background: #3399cc; }
          #root section.general.two ul li:nth-of-type(3) span {
            background: #006699; }
          #root section.general.two ul li:nth-of-type(4) span {
            background: #003366; }
    #root section.general.three ul.flex {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      #root section.general.three ul.flex li {
        width: 45%;
        margin: 3vw auto;
        text-align: center; }
        #root section.general.three ul.flex li img {
          margin-bottom: 2px; }
        #root section.general.three ul.flex li div {
          color: #fff;
          background: #1eb9ee;
          font-weight: 700;
          padding: 2vw 0;
          font-size: 3.5vw;
          width: 100%; }
        #root section.general.three ul.flex li p {
          height: 20vw;
          background: #f3f3f3;
          font-size: 2.5vw;
          padding: 1vw 0;
          color: #666666;
          border: 1px solid #bcbcbc;
          margin: 2px  0; }
    #root section.general1.two ul li {
      width: 45%;
      padding: 1.5vw 0;
      height: 39vw; }
      #root section.general1.two ul li p {
        color: #999; }
        #root section.general1.two ul li p span {
          color: #000;
          font-weight: 700;
          display: block;
          margin-bottom: 1vw; }
    #root section.general1.three ul.flex li div {
      background: #999999; }
      #root section.general1.three ul.flex li div::after {
        content: "단계"; }
    #root section.general1.three ul.flex li p {
      font-size: 2.3vw;
      letter-spacing: -.5vw;
      height: 15vw; }
    #root section.general1.four {
      background: url(/include/img/general1_four_bg_m.png) no-repeat center/cover; }
      #root section.general1.four ul {
        width: 100%; }
    #root section.general2.two {
      background: url(/include/img/general2_two_bg.png) no-repeat -436px 0/cover; }
      #root section.general2.two ul {
        width: 97%; }
        #root section.general2.two ul li {
          width: 100%; }
      #root section.general2.two .inner {
        left: 50%;
        transform: translate(-50%, -50%); }
    #root section.general2.three ul {
      justify-content: flex-start; }
      #root section.general2.three ul li {
        position: relative;
        width: 45%;
        margin: 4% 0; }
        #root section.general2.three ul li:nth-of-type(odd) {
          margin-right: 10%; }
        #root section.general2.three ul li::after {
          width: 5.5vw;
          height: 5.5vw;
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 104%;
          display: block;
          content: "";
          background: url(/include/img/arr.png) no-repeat center/cover; }
        #root section.general2.three ul li:nth-of-type(3):after {
          display: block; }
        #root section.general2.three ul li:nth-of-type(2):after {
          display: none; }
        #root section.general2.three ul li:nth-of-type(4):after {
          display: none; }
        #root section.general2.three ul li:last-of-type::after {
          display: none; }
    #root section.general2.common:nth-of-type(even) {
      background: #f7faff; }
    #root section.general2.common p {
      font-size: 3.8vw;
      line-height: 1.7em; }
    #root section.general2.common ul {
      margin-top: 4vw;
      display: flex; }
      #root section.general2.common ul li {
        text-align: center;
        border-radius: 50%;
        background: #1eb9ee;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 2.5vw;
        font-weight: 700;
        width: 20vw;
        height: 20vw;
        margin-right: 2vw; }
    #root section.general3.one {
      position: relative; }
      #root section.general3.one .con {
        width: 100%;
        max-width: 880px;
        margin-top: 8vw; }
        #root section.general3.one .con .tit h2 {
          font-size: 5.5vw;
          margin-bottom: 3vw; }
          #root section.general3.one .con .tit h2 span {
            display: inline;
            font-size: inherit;
            font-weight: 700;
            color: #000; }
      #root section.general3.one .bg {
        position: absolute;
        width: 44vw;
        top: 26vw;
        bottom: 0;
        z-index: -1;
        right: 0; }
    #root section.general3.two {
      background: url(/include/img/general3_two_bg_m.png) no-repeat center/cover; }
      #root section.general3.two .tit h2 {
        font-size: 6vw !important; }
      #root section.general3.two ul {
        width: 100%; }
    #root section.general3.six .tit span {
      all: unset;
      font-weight: 700; }
  #bottom .inner {
    margin: auto;
    padding: 6vw 0 8vw; }
    #bottom .inner .tit h2 {
      text-align: center;
      font-size: 4.5vw;
      line-height: 1em;
      margin-bottom: 5vw; }
      #bottom .inner .tit h2 img {
        width: 60vw; }
      #bottom .inner .tit h2 span {
        font-weight: 200;
        color: #585858;
        font-size: 2.3vw;
        display: block; }
    #bottom .inner .flex {
      display: flex;
      flex-wrap: wrap;
      align-items: none;
      justify-content: center; }
      #bottom .inner .flex li {
        width: 100%;
        max-width: 45%;
        height: auto;
        margin: 0 1vw 3vw;
        text-align: center; }
        #bottom .inner .flex li img {
          width: 100%;
          display: block; }
        #bottom .inner .flex li h3 {
          font-size: 4vw;
          margin: 2vw 0; }
        #bottom .inner .flex li p {
          font-size: 2.5vw;
          line-height: 1.8em;
          color: #585858; }
  #bottom .second {
    height: 350vw;
    width: 100%;
    padding: 12vw 0;
    position: relative;
    background: url(/include/img/bottom_second_bg.png) no-repeat center/cover; }
    #bottom .second .tit {
      text-align: center;
      margin-bottom: 10vw; }
      #bottom .second .tit img {
        width: 100%;
        max-width: 65vw;
        height: auto; }
    #bottom .second .inner {
      padding: 4vw 3vw;
      width: 100%;
      max-width: 90%;
      height: auto;
      margin: auto;
      background: #fff; }
      #bottom .second .inner li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-bottom: 5vw; }
        #bottom .second .inner li img {
          width: 90%; }
        #bottom .second .inner li .text {
          margin-left: 0; }
          #bottom .second .inner li .text h3 {
            text-align: center;
            font-size: 4.5vw;
            font-weight: 700;
            margin-bottom: 3vw; }
            #bottom .second .inner li .text h3 span {
              display: block;
              color: #3abeef;
              text-decoration: underline; }
          #bottom .second .inner li .text p {
            text-align: center;
            font-size: 3.5vw;
            line-height: 1.5em;
            color: #585858; }
            #bottom .second .inner li .text p br {
              display: none; }
  .quick_icon2 {
    position: fixed;
    bottom: 20vw;
    right: 3vw; }
    .quick_icon2 a {
      display: block;
      margin-bottom: 3vw; }
      .quick_icon2 a img {
        width: 100%;
        max-width: 60px;
        height: auto; } }