@charset "UTF-8";
/* Font */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap");
@font-face {
  font-family: 'BebasNeuePro-ExpRg';
  src: url("font/BebasNeuePro-ExpRg/font.woff2") format("woff2"), url("font/BebasNeuePro-ExpRg/font.woff") format("woff");
}

@font-face {
  font-family: 'BebasNeuePro-ExpBd';
  src: url("font/BebasNeuePro-ExpBd/font.woff2") format("woff2"), url("font/BebasNeuePro-ExpBd/font.woff") format("woff");
}

@font-face {
  font-family: 'BebasNeuePro-ExpEb';
  src: url("font/BebasNeuePro-ExpEb/font.woff2") format("woff2"), url("font/BebasNeuePro-ExpEb/font.woff") format("woff");
}
@font-face {
  font-family: 'BebasNeuePro-ExpPm';
  src: url("font/BebasNeuePro-ExpPm/font.woff2") format("woff2"), url("font/BebasNeuePro-ExpPm/font.woff") format("woff");
}

@media (max-width: 960px) {
  h1, h2, h3 {
    letter-spacing: -0.1rem;
  }
}

.BebasNeuePro-ExpRg {
  font-family: 'BebasNeuePro-ExpRg';
  font-weight: 900;
}

/* style reset */
* {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::after, ::before {
  -webkit-text-size-adjust: none;
  -webkit-overflow-scrolling: touch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

::-moz-selection {
  color: #fff;
  background: #3978f8;
}

::selection {
  color: #fff;
  background: #3978f8;
}

:focus {
  outline: 0;
}

html {
  width: 100%;
  font-size: 10px;
}

@media (max-width: 374px) {
  html {
    font-size: 8px;
  }
}

body {
  width: 100%;
  color: #666;
  line-height: 1.5;
  font-size: 1.6rem;
  word-break: keep-all;
  word-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
}

@media (max-width: 1023px) {
  body {
    word-break: keep-all;
  }
}

ul, ol, li {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

em, address, i {
  font-style: normal;
}

img, input, textarea, button {
  vertical-align: middle;
}

hr {
  font-size: 0;
  line-height: 0;
  border: 0;
}

pre {
  white-space: pre-line;
  word-break: break-all;
}

img {
  border: 0;
}

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

input::-ms-clear, textarea::-ms-clear {
  display: none;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #bcbcbc;
  font-size: 1.4rem;
  font-weight: 400;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #bcbcbc;
  font-size: 1.4rem;
  font-weight: 400;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #bcbcbc;
  font-size: 1.4rem;
  font-weight: 400;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #bcbcbc;
  font-size: 1.4rem;
  font-weight: 400;
}

input[type="text"], input[type="password"], input[type="file"] {
  display: block;
  padding: 0;
  background: #fff;
  border: 0;
  border-radius: 0;
  color: #666;
}

textarea {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  resize: none;
  background: #fff;
  color: #666;
}

select {
  border-radius: 0;
  color: #666;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

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

button {
  background: transparent;
  border: 0;
  cursor: pointer;
}

button:focus {
  outline: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  background: 0;
}

fieldset legend {
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

table {
  border-collapse: collapse;
}

caption {
  visibility: hidden;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
}

body, button, input, textarea, select, pre {
  font-weight: 400;
  font-family: 'Open Sans', sans-serif;
}

.isDesk {
  display: block !important;
}

.isMobile {
  display: none !important;
}

@media (max-width: 960px) {
  .isDesk {
    display: none !important;
  }
  .isMobile {
    display: block !important;
  }
}

#iti-0__country-listbox {overflow: auto;}

#wrap {
  width: 100%;
  overflow: hidden;
}

.naviFix {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

#pageHeader {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 6;
  width: 100%;
  height: 10rem;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
}

#pageHeader h1 {
  top: 2.5rem;
  left: 8rem;
  position: absolute;
  width: 22.4rem;
  height: 5rem;
}

#pageHeader h1 {
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg id='logo' data-name='logo' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 683.6 151.3'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2354bfc2; %7D .cls-2 %7B fill: %23fff; %7D .cls-3 %7B fill: %237e8183; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M60.8,0H0V150.8a321.7,321.7,0,0,1,60.8-12.7Z'/%3E%3Cpath class='cls-1' d='M127.7,137.6V0H66.9V137.5c9.8-.9,19.7-1.3,29.8-1.3S117.5,136.7,127.7,137.6Z'/%3E%3Cpath class='cls-1' d='M194.7,0H133.9V138.3a323.9,323.9,0,0,1,60.8,13Z'/%3E%3Cg%3E%3Crect class='cls-2' x='43.3' y='57.4' width='7.5' height='48.66'/%3E%3Cpath class='cls-2' d='M28.7,58.5V70h-11V58.5H10.2V92.8h26V58.5Zm0,17.7V86.4h-11V76.2Z'/%3E%3C/g%3E%3Cg%3E%3Crect class='cls-2' x='175.7' y='57.4' width='7.5' height='29.68'/%3E%3Cpath class='cls-2' d='M171.8,99.7h12V93.8H170.6v-5h-7.7v5H149.7v5.9h12c-1.9,3.9-7.4,7.4-13.3,8.6V114c13-1.8,18.4-9.6,18.4-9.6s5.3,7.8,18.3,9.6v-5.7C179.2,107.1,173.7,103.6,171.8,99.7Z'/%3E%3Cg%3E%3Cpolygon class='cls-2' points='161.8 79.6 145.4 79.6 145.4 86 169.3 86 169.3 58 161.8 58 161.8 79.6'/%3E%3Cpolygon class='cls-2' points='158.9 64.2 152.9 64.2 152.9 58 145.4 58 145.4 64.2 139.4 64.2 139.4 70.5 145.4 70.5 145.4 76.7 152.9 76.7 152.9 70.5 158.9 70.5 158.9 64.2'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpolygon class='cls-2' points='109 75.8 112.6 75.8 112.6 94.7 119.5 94.7 119.5 57.4 112.6 57.4 112.6 69.4 109 69.4 109 57.4 102 57.4 102 94.7 109 94.7 109 75.8'/%3E%3Cpolygon class='cls-2' points='120.3 106.3 92.5 106.3 92.5 93.1 84.9 93.1 84.9 112.7 120.3 112.7 120.3 106.3'/%3E%3Cpath class='cls-2' d='M85.6,58c-7.7,0-13.8,6.4-13.8,14.4s5.6,14.5,13.8,14.5,13.7-6.5,13.7-14.5S93.2,58,85.6,58Zm0,22.1c-4.4,0-6.6-4-6.6-7.7s2.8-7.7,6.6-7.7,6.5,3.5,6.5,7.7S89.2,80.1,85.6,80.1Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-3' d='M219.1,65h15a10.6,10.6,0,0,1,7.8,2.9,9.7,9.7,0,0,1,2.6,6.9c0,4-1.6,6.8-4.8,8.3,4.3,1.8,6.5,5,6.5,9.7a11,11,0,0,1-3.3,8.3c-2.2,2.1-5.2,3.1-9,3.1H219.1Zm5.3,16.6h8a8,8,0,0,0,5.1-1.4,6.2,6.2,0,0,0,1.7-4.8,5.7,5.7,0,0,0-1.7-4.6c-1.1-.9-2.9-1.3-5.3-1.3h-7.8Zm0,18.1H234c4.6,0,6.8-2.4,6.8-7.2s-2.5-6.6-7.6-6.6h-8.8Z'/%3E%3Cpath class='cls-3' d='M249.5,94.5q0-7.1,7.8-12a27.9,27.9,0,0,1-2.9-4.8,10,10,0,0,1-.8-3.8,8.4,8.4,0,0,1,8.6-8.8,7.5,7.5,0,0,1,6.1,2.7,8,8,0,0,1,1.8,5.2,10.4,10.4,0,0,1-2.1,6.6,27.6,27.6,0,0,1-4.1,3.7l5.8,8a32.8,32.8,0,0,0,1.1-5.5h4.7a28.4,28.4,0,0,1-2.8,10l6.1,8.4h-6l-2.9-4.1a11,11,0,0,1-4.1,3.6,12.7,12.7,0,0,1-5.8,1.4,10.2,10.2,0,0,1-7.6-2.8C250.5,100.5,249.5,97.9,249.5,94.5Zm5-.1a6.5,6.5,0,0,0,1.8,4.8,5.6,5.6,0,0,0,4,1.7c2.9,0,5.3-1.5,7-4.4L259.9,86Q254.5,89.4,254.5,94.4Zm4.6-18a28.1,28.1,0,0,0,2.4,3.6,20.5,20.5,0,0,0,2.6-2.6,7.5,7.5,0,0,0,1.4-4,4.4,4.4,0,0,0-1-3,2.7,2.7,0,0,0-2.4-1.3,3.4,3.4,0,0,0-2.8,1.4,4.9,4.9,0,0,0-.9,2.8A5.9,5.9,0,0,0,259.1,76.4Z'/%3E%3Cpath class='cls-3' d='M295.3,97.2,304.7,65h5.9L298,104.2h-5.5L280,65h5.9Z'/%3E%3Cpath class='cls-3' d='M314.7,65h5.4v39.2h-5.4Z'/%3E%3Cpath class='cls-3' d='M327.4,65h5.3v39.2h-5.3Z'/%3E%3Cpath class='cls-3' d='M365.1,65v4.8H353.6v34.4h-5.4V69.8H336.7V65Z'/%3E%3Cpath class='cls-3' d='M384.2,65h25.6v4.9H389.4V81.7h18.8v4.5H389.4V99.5h20.7v4.7H384.2Z'/%3E%3Cpath class='cls-3' d='M412.5,65h6L428,83.2,437.5,65h6.1L430.7,88.3v15.9h-5.3V88.3Z'/%3E%3Cpath class='cls-3' d='M447.3,65h25.6v4.9H452.5V81.7h18.8v4.5H452.5V99.5h20.7v4.7H447.3Z'/%3E%3Cpath class='cls-3' d='M492.5,84.2c0-5.8,1.3-10.5,4.1-14.2a14.3,14.3,0,0,1,12.1-6,13.9,13.9,0,0,1,10.7,4.4,13.4,13.4,0,0,1,3.7,8.4h-5.3a9.6,9.6,0,0,0-2.4-5.3,8.3,8.3,0,0,0-6.6-2.9,9.2,9.2,0,0,0-7.9,4.4c-2,2.9-3,6.9-3,12.1s.9,8.8,2.8,11.5a9.6,9.6,0,0,0,8,4,8.2,8.2,0,0,0,6.9-3.5,14.8,14.8,0,0,0,2.6-7.3h5.2a18.4,18.4,0,0,1-4.1,10.5,13.8,13.8,0,0,1-11.1,4.9c-5,0-8.8-1.8-11.6-5.5S492.5,90.9,492.5,84.2Z'/%3E%3Cpath class='cls-3' d='M528.4,65H554v4.9H533.7V81.7h18.7v4.5H533.7V99.5h20.6v4.7H528.4Z'/%3E%3Cpath class='cls-3' d='M582.5,95.6V65h5v39.2h-5.8L564.8,73.7v30.5h-5.1V65h6.2Z'/%3E%3Cpath class='cls-3' d='M619.7,65v4.8H608.2v34.4h-5.4V69.8H591.3V65Z'/%3E%3Cpath class='cls-3' d='M623.3,65h25.6v4.9H628.5V81.7h18.8v4.5H628.5V99.5h20.7v4.7H623.3Z'/%3E%3Cpath class='cls-3' d='M654.6,65h16.1c3.6,0,6.4.9,8.5,2.7s3.1,4.4,3.1,7.9-1.7,7.9-5,9.4c2.8,1.2,4.3,3.6,4.4,7.3l.2,5.3c.1,3,.6,5,1.7,5.8v.8h-6.3a15.5,15.5,0,0,1-.6-4.4l-.3-6.5a6.2,6.2,0,0,0-1.5-4.5,7.1,7.1,0,0,0-4.8-1.4H659.9v16.8h-5.3Zm5.3,18h10.3c4.5,0,6.7-2.3,6.7-6.9s-2-6.5-6.1-6.5H659.9Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#pageHeader h1 a {
  display: block;
  height: 100%;
}

#pageHeader .navOpener::before, #pageHeader .navOpener::after {
  background-color: #000;
}

.main #pageHeader {
  background-color: transparent;
  border-bottom: 0;
}

.main #pageHeader h1 {
  background-image: url("data:image/svg+xml,%3Csvg id='logo' data-name='logo' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 683.6 151.3'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2354bfc2; %7D .cls-2 %7B fill: %23fff; %7D .cls-3 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M60.8,0H0V150.8a321.7,321.7,0,0,1,60.8-12.7Z'/%3E%3Cpath class='cls-1' d='M127.7,137.6V0H66.9V137.5c9.8-.9,19.7-1.3,29.8-1.3S117.5,136.7,127.7,137.6Z'/%3E%3Cpath class='cls-1' d='M194.7,0H133.9V138.3a323.9,323.9,0,0,1,60.8,13Z'/%3E%3Cg%3E%3Crect class='cls-2' x='43.3' y='57.4' width='7.5' height='48.66'/%3E%3Cpath class='cls-2' d='M28.7,58.5V70h-11V58.5H10.2V92.8h26V58.5Zm0,17.7V86.4h-11V76.2Z'/%3E%3C/g%3E%3Cg%3E%3Crect class='cls-2' x='175.7' y='57.4' width='7.5' height='29.68'/%3E%3Cpath class='cls-2' d='M171.8,99.7h12V93.8H170.6v-5h-7.7v5H149.7v5.9h12c-1.9,3.9-7.4,7.4-13.3,8.6V114c13-1.8,18.4-9.6,18.4-9.6s5.3,7.8,18.3,9.6v-5.7C179.2,107.1,173.7,103.6,171.8,99.7Z'/%3E%3Cg%3E%3Cpolygon class='cls-2' points='161.8 79.6 145.4 79.6 145.4 86 169.3 86 169.3 58 161.8 58 161.8 79.6'/%3E%3Cpolygon class='cls-2' points='158.9 64.2 152.9 64.2 152.9 58 145.4 58 145.4 64.2 139.4 64.2 139.4 70.5 145.4 70.5 145.4 76.7 152.9 76.7 152.9 70.5 158.9 70.5 158.9 64.2'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpolygon class='cls-2' points='109 75.8 112.6 75.8 112.6 94.7 119.5 94.7 119.5 57.4 112.6 57.4 112.6 69.4 109 69.4 109 57.4 102 57.4 102 94.7 109 94.7 109 75.8'/%3E%3Cpolygon class='cls-2' points='120.3 106.3 92.5 106.3 92.5 93.1 84.9 93.1 84.9 112.7 120.3 112.7 120.3 106.3'/%3E%3Cpath class='cls-2' d='M85.6,58c-7.7,0-13.8,6.4-13.8,14.4s5.6,14.5,13.8,14.5,13.7-6.5,13.7-14.5S93.2,58,85.6,58Zm0,22.1c-4.4,0-6.6-4-6.6-7.7s2.8-7.7,6.6-7.7,6.5,3.5,6.5,7.7S89.2,80.1,85.6,80.1Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-3' d='M219.1,65h15a10.6,10.6,0,0,1,7.8,2.9,9.7,9.7,0,0,1,2.6,6.9c0,4-1.6,6.8-4.8,8.3,4.3,1.8,6.5,5,6.5,9.7a11,11,0,0,1-3.3,8.3c-2.2,2.1-5.2,3.1-9,3.1H219.1Zm5.3,16.6h8a8,8,0,0,0,5.1-1.4,6.2,6.2,0,0,0,1.7-4.8,5.7,5.7,0,0,0-1.7-4.6c-1.1-.9-2.9-1.3-5.3-1.3h-7.8Zm0,18.1H234c4.6,0,6.8-2.4,6.8-7.2s-2.5-6.6-7.6-6.6h-8.8Z'/%3E%3Cpath class='cls-3' d='M249.5,94.5q0-7.1,7.8-12a27.9,27.9,0,0,1-2.9-4.8,10,10,0,0,1-.8-3.8,8.4,8.4,0,0,1,8.6-8.8,7.5,7.5,0,0,1,6.1,2.7,8,8,0,0,1,1.8,5.2,10.4,10.4,0,0,1-2.1,6.6,27.6,27.6,0,0,1-4.1,3.7l5.8,8a32.8,32.8,0,0,0,1.1-5.5h4.7a28.4,28.4,0,0,1-2.8,10l6.1,8.4h-6l-2.9-4.1a11,11,0,0,1-4.1,3.6,12.7,12.7,0,0,1-5.8,1.4,10.2,10.2,0,0,1-7.6-2.8C250.5,100.5,249.5,97.9,249.5,94.5Zm5-.1a6.5,6.5,0,0,0,1.8,4.8,5.6,5.6,0,0,0,4,1.7c2.9,0,5.3-1.5,7-4.4L259.9,86Q254.5,89.4,254.5,94.4Zm4.6-18a28.1,28.1,0,0,0,2.4,3.6,20.5,20.5,0,0,0,2.6-2.6,7.5,7.5,0,0,0,1.4-4,4.4,4.4,0,0,0-1-3,2.7,2.7,0,0,0-2.4-1.3,3.4,3.4,0,0,0-2.8,1.4,4.9,4.9,0,0,0-.9,2.8A5.9,5.9,0,0,0,259.1,76.4Z'/%3E%3Cpath class='cls-3' d='M295.3,97.2,304.7,65h5.9L298,104.2h-5.5L280,65h5.9Z'/%3E%3Cpath class='cls-3' d='M314.7,65h5.4v39.2h-5.4Z'/%3E%3Cpath class='cls-3' d='M327.4,65h5.3v39.2h-5.3Z'/%3E%3Cpath class='cls-3' d='M365.1,65v4.8H353.6v34.4h-5.4V69.8H336.7V65Z'/%3E%3Cpath class='cls-3' d='M384.2,65h25.6v4.9H389.4V81.7h18.8v4.5H389.4V99.5h20.7v4.7H384.2Z'/%3E%3Cpath class='cls-3' d='M412.5,65h6L428,83.2,437.5,65h6.1L430.7,88.3v15.9h-5.3V88.3Z'/%3E%3Cpath class='cls-3' d='M447.3,65h25.6v4.9H452.5V81.7h18.8v4.5H452.5V99.5h20.7v4.7H447.3Z'/%3E%3Cpath class='cls-3' d='M492.5,84.2c0-5.8,1.3-10.5,4.1-14.2a14.3,14.3,0,0,1,12.1-6,13.9,13.9,0,0,1,10.7,4.4,13.4,13.4,0,0,1,3.7,8.4h-5.3a9.6,9.6,0,0,0-2.4-5.3,8.3,8.3,0,0,0-6.6-2.9,9.2,9.2,0,0,0-7.9,4.4c-2,2.9-3,6.9-3,12.1s.9,8.8,2.8,11.5a9.6,9.6,0,0,0,8,4,8.2,8.2,0,0,0,6.9-3.5,14.8,14.8,0,0,0,2.6-7.3h5.2a18.4,18.4,0,0,1-4.1,10.5,13.8,13.8,0,0,1-11.1,4.9c-5,0-8.8-1.8-11.6-5.5S492.5,90.9,492.5,84.2Z'/%3E%3Cpath class='cls-3' d='M528.4,65H554v4.9H533.7V81.7h18.7v4.5H533.7V99.5h20.6v4.7H528.4Z'/%3E%3Cpath class='cls-3' d='M582.5,95.6V65h5v39.2h-5.8L564.8,73.7v30.5h-5.1V65h6.2Z'/%3E%3Cpath class='cls-3' d='M619.7,65v4.8H608.2v34.4h-5.4V69.8H591.3V65Z'/%3E%3Cpath class='cls-3' d='M623.3,65h25.6v4.9H628.5V81.7h18.8v4.5H628.5V99.5h20.7v4.7H623.3Z'/%3E%3Cpath class='cls-3' d='M654.6,65h16.1c3.6,0,6.4.9,8.5,2.7s3.1,4.4,3.1,7.9-1.7,7.9-5,9.4c2.8,1.2,4.3,3.6,4.4,7.3l.2,5.3c.1,3,.6,5,1.7,5.8v.8h-6.3a15.5,15.5,0,0,1-.6-4.4l-.3-6.5a6.2,6.2,0,0,0-1.5-4.5,7.1,7.1,0,0,0-4.8-1.4H659.9v16.8h-5.3Zm5.3,18h10.3c4.5,0,6.7-2.3,6.7-6.9s-2-6.5-6.1-6.5H659.9Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.main #pageHeader .navOpener::before, .main #pageHeader .navOpener::after {
  background-color: #fff;
}

#pageHeader.headerFix {
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
}

#pageHeader.headerFix h1 {
  font-size: 0;
  background-image: url("data:image/svg+xml,%3Csvg id='logo' data-name='logo' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 683.6 151.3'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %2354bfc2; %7D .cls-2 %7B fill: %23fff; %7D .cls-3 %7B fill: %237e8183; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M60.8,0H0V150.8a321.7,321.7,0,0,1,60.8-12.7Z'/%3E%3Cpath class='cls-1' d='M127.7,137.6V0H66.9V137.5c9.8-.9,19.7-1.3,29.8-1.3S117.5,136.7,127.7,137.6Z'/%3E%3Cpath class='cls-1' d='M194.7,0H133.9V138.3a323.9,323.9,0,0,1,60.8,13Z'/%3E%3Cg%3E%3Crect class='cls-2' x='43.3' y='57.4' width='7.5' height='48.66'/%3E%3Cpath class='cls-2' d='M28.7,58.5V70h-11V58.5H10.2V92.8h26V58.5Zm0,17.7V86.4h-11V76.2Z'/%3E%3C/g%3E%3Cg%3E%3Crect class='cls-2' x='175.7' y='57.4' width='7.5' height='29.68'/%3E%3Cpath class='cls-2' d='M171.8,99.7h12V93.8H170.6v-5h-7.7v5H149.7v5.9h12c-1.9,3.9-7.4,7.4-13.3,8.6V114c13-1.8,18.4-9.6,18.4-9.6s5.3,7.8,18.3,9.6v-5.7C179.2,107.1,173.7,103.6,171.8,99.7Z'/%3E%3Cg%3E%3Cpolygon class='cls-2' points='161.8 79.6 145.4 79.6 145.4 86 169.3 86 169.3 58 161.8 58 161.8 79.6'/%3E%3Cpolygon class='cls-2' points='158.9 64.2 152.9 64.2 152.9 58 145.4 58 145.4 64.2 139.4 64.2 139.4 70.5 145.4 70.5 145.4 76.7 152.9 76.7 152.9 70.5 158.9 70.5 158.9 64.2'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpolygon class='cls-2' points='109 75.8 112.6 75.8 112.6 94.7 119.5 94.7 119.5 57.4 112.6 57.4 112.6 69.4 109 69.4 109 57.4 102 57.4 102 94.7 109 94.7 109 75.8'/%3E%3Cpolygon class='cls-2' points='120.3 106.3 92.5 106.3 92.5 93.1 84.9 93.1 84.9 112.7 120.3 112.7 120.3 106.3'/%3E%3Cpath class='cls-2' d='M85.6,58c-7.7,0-13.8,6.4-13.8,14.4s5.6,14.5,13.8,14.5,13.7-6.5,13.7-14.5S93.2,58,85.6,58Zm0,22.1c-4.4,0-6.6-4-6.6-7.7s2.8-7.7,6.6-7.7,6.5,3.5,6.5,7.7S89.2,80.1,85.6,80.1Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-3' d='M219.1,65h15a10.6,10.6,0,0,1,7.8,2.9,9.7,9.7,0,0,1,2.6,6.9c0,4-1.6,6.8-4.8,8.3,4.3,1.8,6.5,5,6.5,9.7a11,11,0,0,1-3.3,8.3c-2.2,2.1-5.2,3.1-9,3.1H219.1Zm5.3,16.6h8a8,8,0,0,0,5.1-1.4,6.2,6.2,0,0,0,1.7-4.8,5.7,5.7,0,0,0-1.7-4.6c-1.1-.9-2.9-1.3-5.3-1.3h-7.8Zm0,18.1H234c4.6,0,6.8-2.4,6.8-7.2s-2.5-6.6-7.6-6.6h-8.8Z'/%3E%3Cpath class='cls-3' d='M249.5,94.5q0-7.1,7.8-12a27.9,27.9,0,0,1-2.9-4.8,10,10,0,0,1-.8-3.8,8.4,8.4,0,0,1,8.6-8.8,7.5,7.5,0,0,1,6.1,2.7,8,8,0,0,1,1.8,5.2,10.4,10.4,0,0,1-2.1,6.6,27.6,27.6,0,0,1-4.1,3.7l5.8,8a32.8,32.8,0,0,0,1.1-5.5h4.7a28.4,28.4,0,0,1-2.8,10l6.1,8.4h-6l-2.9-4.1a11,11,0,0,1-4.1,3.6,12.7,12.7,0,0,1-5.8,1.4,10.2,10.2,0,0,1-7.6-2.8C250.5,100.5,249.5,97.9,249.5,94.5Zm5-.1a6.5,6.5,0,0,0,1.8,4.8,5.6,5.6,0,0,0,4,1.7c2.9,0,5.3-1.5,7-4.4L259.9,86Q254.5,89.4,254.5,94.4Zm4.6-18a28.1,28.1,0,0,0,2.4,3.6,20.5,20.5,0,0,0,2.6-2.6,7.5,7.5,0,0,0,1.4-4,4.4,4.4,0,0,0-1-3,2.7,2.7,0,0,0-2.4-1.3,3.4,3.4,0,0,0-2.8,1.4,4.9,4.9,0,0,0-.9,2.8A5.9,5.9,0,0,0,259.1,76.4Z'/%3E%3Cpath class='cls-3' d='M295.3,97.2,304.7,65h5.9L298,104.2h-5.5L280,65h5.9Z'/%3E%3Cpath class='cls-3' d='M314.7,65h5.4v39.2h-5.4Z'/%3E%3Cpath class='cls-3' d='M327.4,65h5.3v39.2h-5.3Z'/%3E%3Cpath class='cls-3' d='M365.1,65v4.8H353.6v34.4h-5.4V69.8H336.7V65Z'/%3E%3Cpath class='cls-3' d='M384.2,65h25.6v4.9H389.4V81.7h18.8v4.5H389.4V99.5h20.7v4.7H384.2Z'/%3E%3Cpath class='cls-3' d='M412.5,65h6L428,83.2,437.5,65h6.1L430.7,88.3v15.9h-5.3V88.3Z'/%3E%3Cpath class='cls-3' d='M447.3,65h25.6v4.9H452.5V81.7h18.8v4.5H452.5V99.5h20.7v4.7H447.3Z'/%3E%3Cpath class='cls-3' d='M492.5,84.2c0-5.8,1.3-10.5,4.1-14.2a14.3,14.3,0,0,1,12.1-6,13.9,13.9,0,0,1,10.7,4.4,13.4,13.4,0,0,1,3.7,8.4h-5.3a9.6,9.6,0,0,0-2.4-5.3,8.3,8.3,0,0,0-6.6-2.9,9.2,9.2,0,0,0-7.9,4.4c-2,2.9-3,6.9-3,12.1s.9,8.8,2.8,11.5a9.6,9.6,0,0,0,8,4,8.2,8.2,0,0,0,6.9-3.5,14.8,14.8,0,0,0,2.6-7.3h5.2a18.4,18.4,0,0,1-4.1,10.5,13.8,13.8,0,0,1-11.1,4.9c-5,0-8.8-1.8-11.6-5.5S492.5,90.9,492.5,84.2Z'/%3E%3Cpath class='cls-3' d='M528.4,65H554v4.9H533.7V81.7h18.7v4.5H533.7V99.5h20.6v4.7H528.4Z'/%3E%3Cpath class='cls-3' d='M582.5,95.6V65h5v39.2h-5.8L564.8,73.7v30.5h-5.1V65h6.2Z'/%3E%3Cpath class='cls-3' d='M619.7,65v4.8H608.2v34.4h-5.4V69.8H591.3V65Z'/%3E%3Cpath class='cls-3' d='M623.3,65h25.6v4.9H628.5V81.7h18.8v4.5H628.5V99.5h20.7v4.7H623.3Z'/%3E%3Cpath class='cls-3' d='M654.6,65h16.1c3.6,0,6.4.9,8.5,2.7s3.1,4.4,3.1,7.9-1.7,7.9-5,9.4c2.8,1.2,4.3,3.6,4.4,7.3l.2,5.3c.1,3,.6,5,1.7,5.8v.8h-6.3a15.5,15.5,0,0,1-.6-4.4l-.3-6.5a6.2,6.2,0,0,0-1.5-4.5,7.1,7.1,0,0,0-4.8-1.4H659.9v16.8h-5.3Zm5.3,18h10.3c4.5,0,6.7-2.3,6.7-6.9s-2-6.5-6.1-6.5H659.9Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

#pageHeader.headerFix h1 a {
  display: block;
  height: 100%;
}

#pageHeader.headerFix .navOpener::before, #pageHeader.headerFix .navOpener::after {
  background-color: #000;
}

#pageHeader .navOpener {
  top: 2.5rem;
  right: 6.9rem;
  position: absolute;
  width: 6rem;
  height: 4.7rem;
  font-size: 0;
}

#pageHeader .navOpener::before, #pageHeader .navOpener::after {
  display: inline-block;
  content: '';
  top: 0;
  right: 1rem;
  position: absolute;
  background-color: #000;
  height: 0.3rem;
}

#pageHeader .navOpener::before {
  top: 1.8rem;
  width: 4.1rem;
}

#pageHeader .navOpener::after {
  top: 3rem;
  width: 3.1rem;
}

.navigations {
  visibility: hidden;
  top: 0;
  right: 0;
  position: fixed;
  width: 100%;
}

.navigations::after {
  visibility: hidden;
  display: inline-block;
  content: '';
  top: 0;
  left: 0;
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.navigations .openNav {
  top: 0;
  right: 0;
  position: fixed;
  z-index: 5;
  width: 51rem;
  height: 100%;
  overflow: hidden;
  padding: 14.8rem 0 0 9.8rem;
  background-color: #000;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.navigations .openNav ul {
  height: 100%;
  max-height: 59.4rem;
  -webkit-transform: translateX(10%);
          transform: translateX(10%);
}

.navigations .openNav li {
  height: calc(100% / 9);
  padding: 0 0 3.3rem 0;
  opacity: 0;
  -webkit-transition: 1.3s;
  transition: 1.3s;
}

.navigations .openNav li a {
  font-family: "BebasNeuePro-ExpRg";
  font-size: 2.2rem;
  color: #c1c1c1;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.navigations .openNav li a i {
  font-family: 'Open Sans';
  font-size: 1.8rem;
}

.navigations .openNav li a:hover {
  color: #58c5c6;
}

.navigations.openShow {
  visibility: visible;
}

.navigations.openShow::after {
  visibility: visible;
  opacity: 0.3;
}

.navigations.openShow .openNav {
  height: 100%;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.navigations.openShow .openNav ul {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.navigations.openShow .openNav li {
  opacity: 1;
}

.navigations.openShow .navCloser {
  visibility: visible;
  opacity: 1;
}

.navigations .navCloser {
  visibility: hidden;
  top: 4rem;
  right: 8rem;
  position: absolute;
  z-index: 5;
  width: 2.7rem;
  height: 2.7rem;
  font-size: 0;
  opacity: 0;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.navigations .navCloser::before, .navigations .navCloser::after {
  display: inline-block;
  content: '';
  top: 1.2rem;
  left: -0.3rem;
  position: absolute;
  content: '';
  width: 3.5rem;
  height: 0.2rem;
  background-color: #fff;
}

.navigations .navCloser::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.navigations .navCloser::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.quickNav {
  right: 8rem;
  bottom: 6rem;
  position: fixed;
  z-index: 5;
  width: 6rem;
}

.quickNav li {
  padding-bottom: 1rem;
}

.quickNav li a {
  position: relative;
  display: block;
  height: 5.8rem;
  background-image: url("../images/quick_desk.png");
  background-repeat: no-repeat;
}

.quickNav li a span {
  top: 1.4rem;
  right: 7rem;
  position: absolute;
  font-size: 1.8rem;
  font-weight: 600;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}

.quickNav li a:hover span {
  visibility: visible;
  opacity: 1;
}

.quickNav li:nth-child(1) {
  color: #25d366;
}

.quickNav li:nth-child(1) a {
  background-position: 0 0rem;
}

.quickNav li:nth-child(2) {
  color: #e6bd00;
}

.quickNav li:nth-child(2) a {
  background-position: 0 -6.8rem;
}

.quickNav li:nth-child(3) {
  color: #dc4d3f;
}

.quickNav li:nth-child(3) a {
  background-position: 0 -13.6rem;
}

.main .quickNav {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.quickNav.show {
  visibility: visible;
  opacity: 1;
}

.modal_whatsApp, .modal_kakao {
  visibility: hidden;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 6;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.modal_whatsApp .qr, .modal_kakao .qr {
  position: relative;
  top: 50%;
  width: 100%;
  height: 100%;
  max-width: 42.3rem;
  max-height: 50.5rem;
  margin: -25.25rem auto 0;
  padding-top: 8rem;
  background-color: #fff;
}

.modal_whatsApp .qr span, .modal_kakao .qr span {
  display: block;
  width: 20.3rem;
  height: 35.6rem;
  margin: 0 auto;
  font-size: 0;
}

.modal_whatsApp .qr a.btnClose, .modal_kakao .qr a.btnClose {
  top: 2rem;
  right: 2rem;
  position: absolute;
  width: 2.7rem;
  height: 2.7rem;
  font-size: 0;
}

.modal_whatsApp .qr a.btnClose::before, .modal_whatsApp .qr a.btnClose::after, .modal_kakao .qr a.btnClose::before, .modal_kakao .qr a.btnClose::after {
  display: inline-block;
  content: '';
  top: 50%;
  left: 50%;
  position: absolute;
  width: 3.5rem;
  height: 0.1rem;
  background-color: #000;
}

.modal_whatsApp .qr a.btnClose::before, .modal_kakao .qr a.btnClose::before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.modal_whatsApp .qr a.btnClose::after, .modal_kakao .qr a.btnClose::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.modal_whatsApp.show, .modal_kakao.show {
  visibility: visible;
  opacity: 1;
}

.modal_whatsApp .qr span {
  background: url("../images/qr_whatsapp.png") no-repeat;
}

.modal_kakao .qr span {
  background: url("../images/qr_kakao.png") no-repeat;
}

#pageContainer {
  padding-top: 10rem;
  margin: 0 2rem;
  min-height: 60rem;
}

#pageContainer [class^='page'] .titleGroup h2 {
  padding-bottom: 3.4rem;
  color: #222;
  font-size: 3.8rem;
  font-weight: normal;
  text-align: center;
  line-height: 72%;
  font-family: "BebasNeuePro-ExpRg";
}

#pageContainer [class^='page'] .titleGroup h2 strong {
  font-weight: normal;
  font-family: "BebasNeuePro-ExpBd";
}

#pageContainer [class^='page'] .titleGroup h2 strong i {
  font-weight: 600;
}

#pageContainer [class^='page'] .titleGroup h2 i {
  font-family: 'Open Sans';
  font-size: 3.8rem;
}

#pageContainer [class^='page'] .titleGroup .subCopy {
  display: block;
  padding-bottom: 5.2rem;
  color: #333;
  text-align: center;
  font-weight: 600;
  font-size: 1.8rem;
}

#pageContainer [class^='page'] .titleGroup .subText {
  display: block;
  max-width: 66rem;
  padding-bottom: 5.6rem;
  margin: 0 auto;
  color: #666;
  text-align: left;
  font-size: 1.6rem;
  line-height: 1.45;
}

#pageContainer [class^='page'] .titleGroup .subText strong {
  color: #54bfc2;
  font-weight: 600;
}

#pageContainer [class^='page'] .titleGroup h2 + .subText {
  padding-top: 3.3rem;
}

#pageContainer [class^='page'] .titleGroup .subText + .subText {
  margin-top: -2.7rem;
}

#pageContainer [class^='page'] .titleGroup ul {
  position: relative;
  top: -2.3rem;
  margin: 0 auto;
}

#pageContainer [class^='page'] .titleGroup ul li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
}

#pageContainer [class^='page'] .titleGroup ul li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  #pageContainer [class^='page'] .titleGroup ul li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

#pageContainer [class^='page'] h3 {
  font-family: "BebasNeuePro-ExpRg";
  color: #333;
  font-size: 3.8rem;
  font-weight: normal;
}

#pageContainer [class^='page'] .textType {
  display: block;
  max-width: 96rem;
  padding-bottom: 7.6rem;
  margin: 0 auto;
  color: #333;
  text-align: center;
  font-size: 1.8rem;
}

#pageContainer [class^='page'] .textType strong {
  display: block;
  padding-bottom: 1rem;
  font-weight: 600;
}

.subNavigations {
  top: 10rem;
  left: 0;
  position: fixed;
  z-index: 3;
  width: 100%;
  height: 8rem;
  background-color: #54bfc2;
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
}

.subNavigations + [class^='page'] > div:first-child {
  padding-top: 16rem;
}

.subNavigations .innerWrap {
  position: relative;
  max-width: calc(107rem + 6rem);
  margin: 0 auto;
  overflow: hidden;
  padding-top: 2.5rem;
  text-align: center;
}

.subNavigations nav {
  display: inline-block;
  width: 100%;
  margin: 0;
  overflow: hidden;
  text-align: center;
}

.subNavigations ul {
  display: block;
  font-size: 0;
  text-align: center;
}

.subNavigations li {
  display: inline-block;
  width: auto;
  margin: 0 2rem;
}

.subNavigations li.swiper-slide:first-child {
  margin-left: 2rem;
}

.subNavigations a {
  font-family: "BebasNeuePro-ExpRg";
  font-size: 2.2rem;
  color: #fff;
  opacity: 0.7;
}

.subNavigations a i {
  font-family: 'Open Sans';
  font-weight: normal;
}

.subNavigations li.active a {
  font-weight: bold;
  opacity: 1;
}

.subNavigations .btnMediPrev, .subNavigations .btnMediNext {
  top: 2.7rem;
  position: absolute;
  width: 2.6rem;
  height: 2.6rem;
  padding: 0 1rem;
  font-size: 0;
}

.subNavigations .btnMediPrev::before, .subNavigations .btnMediNext::before {
  display: inline-block;
  content: '';
  border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 0.5rem;
}

.subNavigations .btnMediPrev {
  left: 2rem;
}

.subNavigations .btnMediPrev::before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.subNavigations .btnMediNext {
  right: 2rem;
}

.subNavigations .btnMediNext::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#pageFooter {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0 2rem;
  background-color: #333;
}

#pageFooter .groupL, #pageFooter .groupR {
  float: left;
  width: 50%;
  overflow: hidden;
}

#pageFooter .groupL dl, #pageFooter .groupR dl {
  width: 100%;
  max-width: 60rem;
  padding: 3rem 0 2.5rem 0;
}

#pageFooter .groupL dl dt, #pageFooter .groupR dl dt {
  clear: both;
  float: left;
  color: #fff;
  font-family: "BebasNeuePro-ExpRg";
  font-size: 1.8rem;
}

#pageFooter .groupL dl dt i, #pageFooter .groupR dl dt i {
  font-family: 'Open Sans';
  font-size: 1.8rem;
}

#pageFooter .groupL dl dd, #pageFooter .groupR dl dd {
  float: left;
  padding-bottom: 1rem;
  line-height: 1.8;
  color: #c2c2c2;
  font-size: 1.6rem;
}

#pageFooter .groupL dl dd em, #pageFooter .groupR dl dd em {
  color: #58c5c6;
}

#pageFooter .groupL dl dd strong, #pageFooter .groupR dl dd strong {
  font-weight: normal;
}

#pageFooter .groupL {
  padding-top: 1rem;
  border-right: 1px solid #3d3d3d;
}

#pageFooter .groupL dl {
  clear: both;
  position: relative;
  float: right;
  padding: 3rem 0 2.5rem 0;
}

#pageFooter .groupL dl:first-child::before {
  border-top: 0;
}

#pageFooter .groupL dl::before {
  display: inline-block;
  content: '';
  top: 0;
  right: 0;
  position: absolute;
  width: 500%;
  border-top: 1px solid #3d3d3d;
}

#pageFooter .groupL dt {
  width: 33.6%;
}

#pageFooter .groupL dd {
  width: 66.4%;
}

#pageFooter .groupL dd strong {
  display: inline-block;
  width: 14.4rem;
}

#pageFooter .groupL dd.info {
  display: block;
  padding: 0.8rem 0;
  color: #858585;
  font-size: 1.4rem;
}

#pageFooter .groupL dd.sns {
  padding: 1rem 0 2rem 0;
  font-size: 0;
}

#pageFooter .groupL dd.sns a {
  display: inline-block;
  height: 5rem;
  margin-right: 0.1rem;
  padding: 1.5rem 10.4%;
  background-color: #383838;
}

#pageFooter .groupL dd.sns a i {
  display: block;
  width: 2.7rem;
  height: 2rem;
  margin: 0 auto;
  font-size: 0;
  background-image: url("../images/icon_footer_sns.gif");
  background-repeat: no-repeat;
  background-size: 2.7rem auto;
}

#pageFooter .groupL dd.sns .linkInstagram i {
  background-position: 0 -2rem;
}

#pageFooter .groupL dd.sns .linkFacebook i {
  background-position: 0 -4rem;
}

#pageFooter .groupR {
  padding: 1rem 0 0 7.8rem;
}

#pageFooter .groupR dl dt {
  width: 30%;
}

#pageFooter .groupR dl dd {
  width: 68%;
}

#pageFooter .groupR dl dd.map {
  width: 100%;
  max-width: 52.1rem;
  height: 28.2rem;
  margin-top: 4.3rem;
  background: url("../images/footer_map.gif") no-repeat center;
  background-size: 100% auto;
}

#pageFooter .endBottom {
  clear: both;
  border-top: 1px solid #3d3d3d;
}

#pageFooter .endBottom .innerbox {
  position: relative;
  max-width: 120rem;
  height: 10rem;
  margin: 0 auto;
  padding-top: 2.9rem;
}

#pageFooter .endBottom .language {
  top: 3rem;
  right: 0;
  position: absolute;
  width: 15rem;
  height: 4rem;
}

#pageFooter .endBottom .language .holder {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0;
  text-align: left;
  color: #b6b6b6;
  font-size: 1.5rem;
}

#pageFooter .endBottom .language .holder::after {
  display: inline-block;
  content: '';
  position: absolute;
  top: 1.7rem;
  right: 1.6rem;
  border: solid #fff;
  border-width: 0 0.2rem 0.2rem 0;
  display: inline-block;
  padding: 0.4rem;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

#pageFooter .endBottom .language .holder a {
  display: block;
  height: 100%;
  padding: 0.7rem 0 0 2rem;
}

#pageFooter .endBottom .language ul {
  display: none;
  position: absolute;
  left: 0;
  bottom: 3.9rem;
  width: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: #292929;
  z-index: 10;
}

#pageFooter .endBottom .language li:first-child {
  padding-top: 1rem;
}

#pageFooter .endBottom .language li:last-child {
  padding-bottom: 1rem;
}

#pageFooter .endBottom .language li a {
  position: relative;
  display: block;
  padding: 0.5rem 2rem;
  color: #b6b6b6;
  font-size: 1.5rem;
}

#pageFooter .endBottom .language li a:hover {
  color: #58c5c6;
}

#pageFooter .endBottom .language li a:hover::after {
  display: inline-block;
  content: '';
  top: 1.4rem;
  right: 2rem;
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  background-color: #56bebf;
  border-radius: 50%;
}

#pageFooter .endBottom .language.on .holder {
  background: #292929;
}

#pageFooter .endBottom .language.on ul {
  display: block;
}

#pageFooter .endBottom .language.on .holder:after {
  top: 1.2rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#pageFooter .endBottom h4 {
  display: inline-block;
  width: 14rem;
  height: 3.1rem;
  font-size: 0;
  margin-top: 0.7rem;
  vertical-align: top;
  background-image: url("data:image/svg+xml,%3Csvg id='footerbi' data-name='footerbi' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 683.6 151.3'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23727171; %7D .cls-2 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M60.8,0H0V150.8a321.7,321.7,0,0,1,60.8-12.7Z'/%3E%3Cpath class='cls-1' d='M127.7,137.6V0H66.9V137.5c9.8-.9,19.7-1.3,29.8-1.3S117.5,136.7,127.7,137.6Z'/%3E%3Cpath class='cls-1' d='M194.7,0H133.9V138.3a323.9,323.9,0,0,1,60.8,13Z'/%3E%3Cg%3E%3Crect class='cls-2' x='43.3' y='57.4' width='7.5' height='48.66'/%3E%3Cpath class='cls-2' d='M28.7,58.5V70h-11V58.5H10.2V92.8h26V58.5Zm0,17.7V86.4h-11V76.2Z'/%3E%3C/g%3E%3Cg%3E%3Crect class='cls-2' x='175.7' y='57.4' width='7.5' height='29.68'/%3E%3Cpath class='cls-2' d='M171.8,99.7h12V93.8H170.6v-5h-7.7v5H149.7v5.9h12c-1.9,3.9-7.4,7.4-13.3,8.6V114c13-1.8,18.4-9.6,18.4-9.6s5.3,7.8,18.3,9.6v-5.7C179.2,107.1,173.7,103.6,171.8,99.7Z'/%3E%3Cg%3E%3Cpolygon class='cls-2' points='161.8 79.6 145.4 79.6 145.4 86 169.3 86 169.3 58 161.8 58 161.8 79.6'/%3E%3Cpolygon class='cls-2' points='158.9 64.2 152.9 64.2 152.9 58 145.4 58 145.4 64.2 139.4 64.2 139.4 70.5 145.4 70.5 145.4 76.7 152.9 76.7 152.9 70.5 158.9 70.5 158.9 64.2'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpolygon class='cls-2' points='109 75.8 112.6 75.8 112.6 94.7 119.5 94.7 119.5 57.4 112.6 57.4 112.6 69.4 109 69.4 109 57.4 102 57.4 102 94.7 109 94.7 109 75.8'/%3E%3Cpolygon class='cls-2' points='120.3 106.3 92.5 106.3 92.5 93.1 84.9 93.1 84.9 112.7 120.3 112.7 120.3 106.3'/%3E%3Cpath class='cls-2' d='M85.6,58c-7.7,0-13.8,6.4-13.8,14.4s5.6,14.5,13.8,14.5,13.7-6.5,13.7-14.5S93.2,58,85.6,58Zm0,22.1c-4.4,0-6.6-4-6.6-7.7s2.8-7.7,6.6-7.7,6.5,3.5,6.5,7.7S89.2,80.1,85.6,80.1Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M219.1,65h15a10.6,10.6,0,0,1,7.8,2.9,9.7,9.7,0,0,1,2.6,6.9c0,4-1.6,6.8-4.8,8.3,4.3,1.8,6.5,5,6.5,9.7a11,11,0,0,1-3.3,8.3c-2.2,2.1-5.2,3.1-9,3.1H219.1Zm5.3,16.6h8a8,8,0,0,0,5.1-1.4,6.2,6.2,0,0,0,1.7-4.8,5.7,5.7,0,0,0-1.7-4.6c-1.1-.9-2.9-1.3-5.3-1.3h-7.8Zm0,18.1H234c4.6,0,6.8-2.4,6.8-7.2s-2.5-6.6-7.6-6.6h-8.8Z'/%3E%3Cpath class='cls-1' d='M249.5,94.5q0-7.1,7.8-12a27.9,27.9,0,0,1-2.9-4.8,10,10,0,0,1-.8-3.8,8.4,8.4,0,0,1,8.6-8.8,7.5,7.5,0,0,1,6.1,2.7,8,8,0,0,1,1.8,5.2,10.4,10.4,0,0,1-2.1,6.6,27.6,27.6,0,0,1-4.1,3.7l5.8,8a32.8,32.8,0,0,0,1.1-5.5h4.7a28.4,28.4,0,0,1-2.8,10l6.1,8.4h-6l-2.9-4.1a11,11,0,0,1-4.1,3.6,12.7,12.7,0,0,1-5.8,1.4,10.2,10.2,0,0,1-7.6-2.8C250.5,100.5,249.5,97.9,249.5,94.5Zm5-.1a6.5,6.5,0,0,0,1.8,4.8,5.6,5.6,0,0,0,4,1.7c2.9,0,5.3-1.5,7-4.4L259.9,86Q254.5,89.4,254.5,94.4Zm4.6-18a28.1,28.1,0,0,0,2.4,3.6,20.5,20.5,0,0,0,2.6-2.6,7.5,7.5,0,0,0,1.4-4,4.4,4.4,0,0,0-1-3,2.7,2.7,0,0,0-2.4-1.3,3.4,3.4,0,0,0-2.8,1.4,4.9,4.9,0,0,0-.9,2.8A5.9,5.9,0,0,0,259.1,76.4Z'/%3E%3Cpath class='cls-1' d='M295.3,97.2,304.7,65h5.9L298,104.2h-5.5L280,65h5.9Z'/%3E%3Cpath class='cls-1' d='M314.7,65h5.4v39.2h-5.4Z'/%3E%3Cpath class='cls-1' d='M327.4,65h5.3v39.2h-5.3Z'/%3E%3Cpath class='cls-1' d='M365.1,65v4.8H353.6v34.4h-5.4V69.8H336.7V65Z'/%3E%3Cpath class='cls-1' d='M384.2,65h25.6v4.9H389.4V81.7h18.8v4.5H389.4V99.5h20.7v4.7H384.2Z'/%3E%3Cpath class='cls-1' d='M412.5,65h6L428,83.2,437.5,65h6.1L430.7,88.3v15.9h-5.3V88.3Z'/%3E%3Cpath class='cls-1' d='M447.3,65h25.6v4.9H452.5V81.7h18.8v4.5H452.5V99.5h20.7v4.7H447.3Z'/%3E%3Cpath class='cls-1' d='M492.5,84.2c0-5.8,1.3-10.5,4.1-14.2a14.3,14.3,0,0,1,12.1-6,13.9,13.9,0,0,1,10.7,4.4,13.4,13.4,0,0,1,3.7,8.4h-5.3a9.6,9.6,0,0,0-2.4-5.3,8.3,8.3,0,0,0-6.6-2.9,9.2,9.2,0,0,0-7.9,4.4c-2,2.9-3,6.9-3,12.1s.9,8.8,2.8,11.5a9.6,9.6,0,0,0,8,4,8.2,8.2,0,0,0,6.9-3.5,14.8,14.8,0,0,0,2.6-7.3h5.2a18.4,18.4,0,0,1-4.1,10.5,13.8,13.8,0,0,1-11.1,4.9c-5,0-8.8-1.8-11.6-5.5S492.5,90.9,492.5,84.2Z'/%3E%3Cpath class='cls-1' d='M528.4,65H554v4.9H533.7V81.7h18.7v4.5H533.7V99.5h20.6v4.7H528.4Z'/%3E%3Cpath class='cls-1' d='M582.5,95.6V65h5v39.2h-5.8L564.8,73.7v30.5h-5.1V65h6.2Z'/%3E%3Cpath class='cls-1' d='M619.7,65v4.8H608.2v34.4h-5.4V69.8H591.3V65Z'/%3E%3Cpath class='cls-1' d='M623.3,65h25.6v4.9H628.5V81.7h18.8v4.5H628.5V99.5h20.7v4.7H623.3Z'/%3E%3Cpath class='cls-1' d='M654.6,65h16.1c3.6,0,6.4.9,8.5,2.7s3.1,4.4,3.1,7.9-1.7,7.9-5,9.4c2.8,1.2,4.3,3.6,4.4,7.3l.2,5.3c.1,3,.6,5,1.7,5.8v.8h-6.3a15.5,15.5,0,0,1-.6-4.4l-.3-6.5a6.2,6.2,0,0,0-1.5-4.5,7.1,7.1,0,0,0-4.8-1.4H659.9v16.8h-5.3Zm5.3,18h10.3c4.5,0,6.7-2.3,6.7-6.9s-2-6.5-6.1-6.5H659.9Z'/%3E%3C/svg%3E%0A");
}

#pageFooter .endBottom p {
  display: inline-block;
  padding: 0.9rem 0 0 5.9rem;
  margin-top: 0.7rem;
  vertical-align: top;
  font-size: 1.1rem;
  font-weight: 600;
}

@media (max-width: 960px) {
  #wrap, .fixBar, .quickNav {
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transition: 0.6s;
    transition: 0.6s;
  }
  .naviFix {
    position: static;
    height: auto;
    min-height: 100%;
    overflow-y: hidden;
  }
  .naviFix #wrap, .naviFix .fixBar, .naviFix .quickNav {
    -webkit-transform: translateX(-15rem);
            transform: translateX(-15rem);
    -webkit-transition: 1s ease;
    transition: 1s ease;
  }
  .naviFix #wrap {
    position: fixed;
    width: 100%;
    min-height: 100%;
  }
  #pageHeader {
    height: 5.5rem;
  }
  #pageHeader h1 {
    top: 1.5rem;
    left: 1.5rem;
    position: absolute;
    width: 11.3rem;
    height: 2.5rem;
  }
  #pageHeader .navOpener {
    top: 0;
    right: 0;
    position: absolute;
    width: 5.8rem;
    height: 5.5rem;
  }
  #pageHeader .navOpener::before, #pageHeader .navOpener::after {
    top: 0;
    right: 1.5rem;
    position: absolute;
    height: 0.2rem;
  }
  #pageHeader .navOpener::before {
    top: 2.1rem;
    width: 3rem;
  }
  #pageHeader .navOpener::after {
    top: 3.1rem;
    width: 2.4rem;
  }
  .navigations .openNav {
    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: 26.5rem;
    height: 100vh;
    overflow: hidden;
    overflow-y: auto;
    padding: 9.2rem 0 0 5rem;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  .navigations .openNav ul {
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
  .navigations .openNav ul {
    height: 100%;
  }
  .navigations .openNav li {
    height: auto;
    padding: 0 0 2.3rem 0;
  }
  .navigations .openNav li a {
    font-size: 1.8rem;
    letter-spacing: 0;
  }
  .navigations .openNav li a:hover {
    color: #c1c1c1;
    font-weight: normal;
  }
  .navigations .navCloser {
    top: 1.65rem;
    right: 1.45rem;
    position: fixed;
    width: 3rem;
    height: 3rem;
  }
  .quickNav {
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 5;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #f2f2f2;
  }
  .quickNav li {
    float: left;
    width: 33.33%;
    padding-bottom: 0;
  }
  .quickNav li a {
    position: relative;
    display: block;
    height: auto;
    padding-top: 1.1rem;
    padding-bottom: calc(env(safe-area-inset-bottom));
    background-image: none;
    text-align: center;
  }
  .quickNav li a::before {
    display: inline-block;
    content: '';
    display: block;
    width: 2.3rem;
    height: 2.3rem;
    margin: 0 auto 0.3rem;
    background-image: url("../images/quick_mobile.png");
    background-repeat: no-repeat;
    background-size: 2.3rem auto;
  }
  .quickNav li a span {
    top: 0;
    right: 0;
    position: relative;
    font-size: 1.1rem;
    font-weight: 600;
    visibility: visible;
    opacity: 1;
    vertical-align: top;
    -webkit-transition: initial;
    transition: initial;
  }
  .quickNav li a:hover span {
    visibility: visible;
    opacity: 1;
  }
  .quickNav li:nth-child(1) {
    color: #999;
  }
  .quickNav li:nth-child(1) a:before {
    background-position: 0 0rem;
  }
  .quickNav li:nth-child(2) {
    color: #999;
  }
  .quickNav li:nth-child(2) a:before {
    background-position: 0 -2.3rem;
  }
  .quickNav li:nth-child(3) {
    color: #999;
  }
  .quickNav li:nth-child(3) a:before {
    background-position: 0 -4.6rem;
  }
  .main .quickNav {
    visibility: visible;
    opacity: 1;
  }
  #pageContainer [class^='page'] {
    padding-top: 1.5rem;
  }
  #pageContainer [class^='page'] .titleGroup h2 {
    padding-bottom: 1.2rem;
    font-size: 2.5rem;
    text-align: left;
    line-height: 1.2;
  }
  #pageContainer [class^='page'] .titleGroup h2 i {
    font-family: 'Open Sans';
    font-size: 2.5rem;
  }
  #pageContainer [class^='page'] .titleGroup .subCopy {
    padding-bottom: 2.2rem;
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.3;
  }
  #pageContainer [class^='page'] .titleGroup .subText {
    display: inline-block;
    padding-bottom: 3.8rem;
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  #pageContainer [class^='page'] .titleGroup h2 + .subText {
    padding-top: 0.8rem;
  }
  #pageContainer [class^='page'] .titleGroup ul {
    top: -1.3rem;
    margin: 0 0 -1.3rem 0;
  }
  #pageContainer [class^='page'] h3 {
    font-size: 2.5rem;
  }
  #pageContainer .titleArea {
    max-width: 120rem;
    margin: -1rem auto 0 auto;
  }
  #pageContainer .titleArea h2 {
    padding-bottom: 3.2rem;
    font-size: 3rem;
    text-align: left;
    letter-spacing: -0.1rem;
  }
  #pageContainer .titleArea h2 i {
    font-size: 3rem;
  }
  #pageContainer .titleArea h2 + p {
    padding-bottom: 4.2rem;
    margin: -2rem auto 0 auto;
    font-size: 1.6rem;
    text-align: left;
    color: #666;
    line-height: 1.3;
  }
  #pageContainer .titleArea h2 + p span {
    padding-top: 2.5rem;
  }
  #pageContainer h3 {
    padding-bottom: 2rem;
    font-size: 2.5rem;
    text-align: left;
  }
  #pageContainer h3 strong {
    font-weight: normal;
    font-family: "BebasNeuePro-ExpBd";
  }
  #pageContainer h3 strong i {
    font-weight: 600;
  }
  #pageContainer h3 i {
    font-family: 'Open Sans';
    font-size: 2.5rem;
  }
  .subNavigations {
    top: 5.5rem;
    height: 5.5rem;
    width: 100%;
    margin: 0;
  }
  .subNavigations + [class^='page'] {
    padding-top: 1rem !important;
  }
  .subNavigations + [class^='page'] > div:first-child {
    padding-top: 5.8rem;
  }
  .subNavigations .innerWrap {
    padding-top: 1.4rem !important;
  }
  .subNavigations nav {
    margin: 0 0 0 2rem;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }
  .subNavigations ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .subNavigations li {
    margin: 0 0 0 2rem;
  }
  .subNavigations li.swiper-slide:last-child {
    margin-right: 6rem;
  }
  .subNavigations a {
    font-size: 1.8rem;
  }
  .subNavigations .btnMediPrev, .subNavigations .btnMediNext {
    display: none;
  }
  #pageFooter {
    padding: 0 2rem 5rem;
  }
  #pageFooter .groupL, #pageFooter .groupR {
    float: none;
    width: 100%;
  }
  #pageFooter .groupL dl, #pageFooter .groupR dl {
    width: 100%;
    max-width: 100%;
    padding: 2.5rem 0 2.5rem 0;
  }
  #pageFooter .groupL dl dt, #pageFooter .groupR dl dt {
    font-size: 1.6rem;
  }
  #pageFooter .groupL dl dt i, #pageFooter .groupR dl dt i {
    font-family: 'Open Sans';
    font-size: 1.6rem;
  }
  #pageFooter .groupL dl dt span, #pageFooter .groupR dl dt span {
    display: block;
  }
  #pageFooter .groupL dl dd, #pageFooter .groupR dl dd {
    padding-bottom: 0.2rem;
    line-height: 1.5;
    font-size: 1.5rem;
  }
  #pageFooter .groupL {
    padding-top: 1rem;
    border-right: none;
  }
  #pageFooter .groupL dl {
    clear: both;
    position: relative;
    float: right;
  }
  #pageFooter .groupL dl:first-child::before {
    border-top: 0;
  }
  #pageFooter .groupL dl::before {
    display: inline-block;
    content: '';
    top: 0;
    right: 0;
    position: absolute;
    width: 500%;
    border-top: 1px solid #3d3d3d;
  }
  #pageFooter .groupL dt {
    width: 33.6%;
  }
  #pageFooter .groupL dd {
    width: 66.4%;
  }
  #pageFooter .groupL dd strong {
    width: 9.4rem;
  }
  #pageFooter .groupL dd.info {
    width: 100%;
    padding: 1.8rem 0 0 0;
  }
  #pageFooter .groupL dd.sns {
    padding: 0.5rem 0 0 0;
  }
  #pageFooter .groupL dd.sns a {
    height: 4.35rem;
    padding: 1.5rem 11.7%;
  }
  #pageFooter .groupL dd.sns a i {
    width: 1.95rem;
    height: 1.45rem;
    background-size: 1.95rem auto;
  }
  #pageFooter .groupL dd.sns .linkInstagram i {
    background-position: 0 -1.45rem;
  }
  #pageFooter .groupL dd.sns .linkFacebook i {
    background-position: 0 -2.85rem;
  }
  #pageFooter .groupR {
    padding: 0 0 3rem 0;
    border-top: 1px solid #3d3d3d;
  }
  #pageFooter .groupR dl dt {
    width: 33.6%;
  }
  #pageFooter .groupR dl dd {
    width: 66.4%;
    padding-bottom: 4.2rem;
  }
  #pageFooter .groupR dl dd.map {
    width: 100%;
    max-width: initial;
    height: 19.6rem;
    margin: 0 auto;
    background: url("../images/footer_map_m.gif") no-repeat top center;
    background-size: 33.5rem auto;
  }
  #pageFooter .endBottom {
    clear: both;
    border-top: 1px solid #3d3d3d;
  }
  #pageFooter .endBottom .innerbox {
    height: auto;
    padding-top: 2.9rem;
    padding-bottom: 4rem;
  }
  #pageFooter .endBottom .language {
    top: 0;
    right: 0;
    position: relative;
    width: 100%;
    height: 4rem;
  }
  #pageFooter .endBottom h4 {
    display: block;
    width: 14rem;
    height: 3.1rem;
    overflow: hidden;
    font-size: 0;
    margin: 3rem 0 1rem 0;
    vertical-align: top;
    background-image: url("data:image/svg+xml,%3Csvg id='footerbi' data-name='footerbi' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 683.6 151.3'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23727171; %7D .cls-2 %7B fill: %23fff; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M60.8,0H0V150.8a321.7,321.7,0,0,1,60.8-12.7Z'/%3E%3Cpath class='cls-1' d='M127.7,137.6V0H66.9V137.5c9.8-.9,19.7-1.3,29.8-1.3S117.5,136.7,127.7,137.6Z'/%3E%3Cpath class='cls-1' d='M194.7,0H133.9V138.3a323.9,323.9,0,0,1,60.8,13Z'/%3E%3Cg%3E%3Crect class='cls-2' x='43.3' y='57.4' width='7.5' height='48.66'/%3E%3Cpath class='cls-2' d='M28.7,58.5V70h-11V58.5H10.2V92.8h26V58.5Zm0,17.7V86.4h-11V76.2Z'/%3E%3C/g%3E%3Cg%3E%3Crect class='cls-2' x='175.7' y='57.4' width='7.5' height='29.68'/%3E%3Cpath class='cls-2' d='M171.8,99.7h12V93.8H170.6v-5h-7.7v5H149.7v5.9h12c-1.9,3.9-7.4,7.4-13.3,8.6V114c13-1.8,18.4-9.6,18.4-9.6s5.3,7.8,18.3,9.6v-5.7C179.2,107.1,173.7,103.6,171.8,99.7Z'/%3E%3Cg%3E%3Cpolygon class='cls-2' points='161.8 79.6 145.4 79.6 145.4 86 169.3 86 169.3 58 161.8 58 161.8 79.6'/%3E%3Cpolygon class='cls-2' points='158.9 64.2 152.9 64.2 152.9 58 145.4 58 145.4 64.2 139.4 64.2 139.4 70.5 145.4 70.5 145.4 76.7 152.9 76.7 152.9 70.5 158.9 70.5 158.9 64.2'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpolygon class='cls-2' points='109 75.8 112.6 75.8 112.6 94.7 119.5 94.7 119.5 57.4 112.6 57.4 112.6 69.4 109 69.4 109 57.4 102 57.4 102 94.7 109 94.7 109 75.8'/%3E%3Cpolygon class='cls-2' points='120.3 106.3 92.5 106.3 92.5 93.1 84.9 93.1 84.9 112.7 120.3 112.7 120.3 106.3'/%3E%3Cpath class='cls-2' d='M85.6,58c-7.7,0-13.8,6.4-13.8,14.4s5.6,14.5,13.8,14.5,13.7-6.5,13.7-14.5S93.2,58,85.6,58Zm0,22.1c-4.4,0-6.6-4-6.6-7.7s2.8-7.7,6.6-7.7,6.5,3.5,6.5,7.7S89.2,80.1,85.6,80.1Z'/%3E%3C/g%3E%3Cpath class='cls-1' d='M219.1,65h15a10.6,10.6,0,0,1,7.8,2.9,9.7,9.7,0,0,1,2.6,6.9c0,4-1.6,6.8-4.8,8.3,4.3,1.8,6.5,5,6.5,9.7a11,11,0,0,1-3.3,8.3c-2.2,2.1-5.2,3.1-9,3.1H219.1Zm5.3,16.6h8a8,8,0,0,0,5.1-1.4,6.2,6.2,0,0,0,1.7-4.8,5.7,5.7,0,0,0-1.7-4.6c-1.1-.9-2.9-1.3-5.3-1.3h-7.8Zm0,18.1H234c4.6,0,6.8-2.4,6.8-7.2s-2.5-6.6-7.6-6.6h-8.8Z'/%3E%3Cpath class='cls-1' d='M249.5,94.5q0-7.1,7.8-12a27.9,27.9,0,0,1-2.9-4.8,10,10,0,0,1-.8-3.8,8.4,8.4,0,0,1,8.6-8.8,7.5,7.5,0,0,1,6.1,2.7,8,8,0,0,1,1.8,5.2,10.4,10.4,0,0,1-2.1,6.6,27.6,27.6,0,0,1-4.1,3.7l5.8,8a32.8,32.8,0,0,0,1.1-5.5h4.7a28.4,28.4,0,0,1-2.8,10l6.1,8.4h-6l-2.9-4.1a11,11,0,0,1-4.1,3.6,12.7,12.7,0,0,1-5.8,1.4,10.2,10.2,0,0,1-7.6-2.8C250.5,100.5,249.5,97.9,249.5,94.5Zm5-.1a6.5,6.5,0,0,0,1.8,4.8,5.6,5.6,0,0,0,4,1.7c2.9,0,5.3-1.5,7-4.4L259.9,86Q254.5,89.4,254.5,94.4Zm4.6-18a28.1,28.1,0,0,0,2.4,3.6,20.5,20.5,0,0,0,2.6-2.6,7.5,7.5,0,0,0,1.4-4,4.4,4.4,0,0,0-1-3,2.7,2.7,0,0,0-2.4-1.3,3.4,3.4,0,0,0-2.8,1.4,4.9,4.9,0,0,0-.9,2.8A5.9,5.9,0,0,0,259.1,76.4Z'/%3E%3Cpath class='cls-1' d='M295.3,97.2,304.7,65h5.9L298,104.2h-5.5L280,65h5.9Z'/%3E%3Cpath class='cls-1' d='M314.7,65h5.4v39.2h-5.4Z'/%3E%3Cpath class='cls-1' d='M327.4,65h5.3v39.2h-5.3Z'/%3E%3Cpath class='cls-1' d='M365.1,65v4.8H353.6v34.4h-5.4V69.8H336.7V65Z'/%3E%3Cpath class='cls-1' d='M384.2,65h25.6v4.9H389.4V81.7h18.8v4.5H389.4V99.5h20.7v4.7H384.2Z'/%3E%3Cpath class='cls-1' d='M412.5,65h6L428,83.2,437.5,65h6.1L430.7,88.3v15.9h-5.3V88.3Z'/%3E%3Cpath class='cls-1' d='M447.3,65h25.6v4.9H452.5V81.7h18.8v4.5H452.5V99.5h20.7v4.7H447.3Z'/%3E%3Cpath class='cls-1' d='M492.5,84.2c0-5.8,1.3-10.5,4.1-14.2a14.3,14.3,0,0,1,12.1-6,13.9,13.9,0,0,1,10.7,4.4,13.4,13.4,0,0,1,3.7,8.4h-5.3a9.6,9.6,0,0,0-2.4-5.3,8.3,8.3,0,0,0-6.6-2.9,9.2,9.2,0,0,0-7.9,4.4c-2,2.9-3,6.9-3,12.1s.9,8.8,2.8,11.5a9.6,9.6,0,0,0,8,4,8.2,8.2,0,0,0,6.9-3.5,14.8,14.8,0,0,0,2.6-7.3h5.2a18.4,18.4,0,0,1-4.1,10.5,13.8,13.8,0,0,1-11.1,4.9c-5,0-8.8-1.8-11.6-5.5S492.5,90.9,492.5,84.2Z'/%3E%3Cpath class='cls-1' d='M528.4,65H554v4.9H533.7V81.7h18.7v4.5H533.7V99.5h20.6v4.7H528.4Z'/%3E%3Cpath class='cls-1' d='M582.5,95.6V65h5v39.2h-5.8L564.8,73.7v30.5h-5.1V65h6.2Z'/%3E%3Cpath class='cls-1' d='M619.7,65v4.8H608.2v34.4h-5.4V69.8H591.3V65Z'/%3E%3Cpath class='cls-1' d='M623.3,65h25.6v4.9H628.5V81.7h18.8v4.5H628.5V99.5h20.7v4.7H623.3Z'/%3E%3Cpath class='cls-1' d='M654.6,65h16.1c3.6,0,6.4.9,8.5,2.7s3.1,4.4,3.1,7.9-1.7,7.9-5,9.4c2.8,1.2,4.3,3.6,4.4,7.3l.2,5.3c.1,3,.6,5,1.7,5.8v.8h-6.3a15.5,15.5,0,0,1-.6-4.4l-.3-6.5a6.2,6.2,0,0,0-1.5-4.5,7.1,7.1,0,0,0-4.8-1.4H659.9v16.8h-5.3Zm5.3,18h10.3c4.5,0,6.7-2.3,6.7-6.9s-2-6.5-6.1-6.5H659.9Z'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
  }
  #pageFooter .endBottom p {
    display: block;
    padding: 0.9rem 0 0 0;
    margin: 0;
    vertical-align: top;
    font-size: 1.1rem;
    font-weight: 600;
  }
}

.mainVisual {
  position: relative;
  width: 100%;
  height: 90rem;
  max-height: 90rem;
  overflow: hidden;
  background-color: #000;
  background-repeat: no-repeat;
  background-position: top center;
}

.mainVisual .innerWrap {
  width: 100%;
  height: 90rem;
}

.mainVisual .title {
  top: 30%;
  position: absolute;
  z-index: 3;
  width: 100%;
  text-align: center;
}

.mainVisual .title h2 {
  display: inline-block;
  margin-top: 4.5rem;
  line-height: normal;
}

.mainVisual .title h2 strong {
  display: block;
  color: #fff;
  font-family: "BebasNeuePro-ExpRg";
  font-size: 74px;
  font-weight: 800;
}

@media (max-width: 1145px) {
  .mainVisual .title h2 strong {
    font-size: 5.96774vw;
  }
}

@media (max-width: 960px) {
  .mainVisual .title h2 strong {
    font-size: 55px;
  }
}

.mainVisual .title h2 span {
  display: block;
  color: #fff;
  font-weight: normal;
  font-family: "BebasNeuePro-ExpRg";
  font-size: 30px;
}

@media (max-width: 1145px) {
  .mainVisual .title h2 span {
    font-size: 2.41935vw;
  }
}

@media (max-width: 960px) {
  .mainVisual .title h2 span {
    font-size: 20px;
  }
}

.mainVisual .keyword {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 3;
  width: 100%;
  max-height: 18rem;
  height: 26%;
  text-align: center;
  font-size: 0;
  background-color: #20262d;
}

.mainVisual .keyword ul {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 3rem;
}

.mainVisual .keyword li {
  display: inline-block;
  position: relative;
  height: 9rem;
  text-align: center;
  vertical-align: top;
}

.mainVisual .keyword li:nth-child(1) {
  width: 17%;
}

.mainVisual .keyword li:nth-child(2) {
  width: 23.4%;
}

.mainVisual .keyword li:nth-child(3) {
  width: 20.2%;
}

.mainVisual .keyword li:nth-child(4) {
  width: 18.8%;
}

.mainVisual .keyword li:nth-child(5) {
  width: 20%;
}

.mainVisual .keyword li:after {
  display: inline-block;
  content: '';
  top: 10%;
  left: 0;
  position: absolute;
  width: 1px;
  height: 100%;
  background: #000;
}

.mainVisual .keyword li:first-child {
  padding-left: 0;
}

.mainVisual .keyword li:first-child:after {
  display: none;
}

.mainVisual .keyword li:last-child {
  padding-right: 0;
}

.mainVisual .keyword li strong {
  display: block;
  color: #fff;
  font-weight: 800;
  font-size: 48px;
  font-family: "BebasNeuePro-ExpBd";
}

@media (max-width: 1145px) {
  .mainVisual .keyword li strong {
    font-size: 3.70968vw;
  }
}

@media (max-width: 960px) {
  .mainVisual .keyword li strong {
    font-size: 42px;
  }
}

.mainVisual .keyword li span {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  font-weight: 300;
}

@media (max-width: 1145px) {
  .mainVisual .keyword li span {
    font-size: 1.45161vw;
  }
}

@media (max-width: 960px) {
  .mainVisual .keyword li span {
    font-size: 16px;
  }
}

.mainVisual .keyword li span em {
  display: block;
}

.mainVisual .keyword li.surgeries strong:after {
  content: " +";
}

.mainVisual .keyword .swiper-pagination {
  display: none;
}

.mainVisual .backgroundVisual {
  top: 50%;
  left: 50%;
  position: fixed;
  width: 100%;
  height: 90rem;
}

.mainVisual .backgroundVisual::before {
  display: inline-block;
  content: '';
  top: -60%;
  left: -50%;
  position: absolute;
  z-index: 2;
  width: 150%;
  height: 150%;
  background-color: #000;
  opacity: 0.3;
}

.mainVisual .backgroundVisual iframe {
  width: 130%;
  height: 130%;
  -webkit-transform: translate(-50%, -55%);
          transform: translate(-50%, -55%);
}

.mainVisual .backgroundVisual video {
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (min-width: 1921px) {
  .mainVisual {
    background-size: cover;
    background-position: top center;
  }
}

@media (max-width: 1145px) {
  .mainVisual {
    height: 70.5rem;
  }
  .mainVisual .title {
    top: 20%;
  }
  .mainVisual .backgroundVisual {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 70.5rem;
    overflow: hidden;
    background-color: #21272e;
    background-size: 120% auto;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    background-image: url("../images/main_visual.jpg");
  }
  .mainVisual .backgroundVisual::before {
    display: none;
  }
  .mainVisual .backgroundVisual iframe {
    display: none;
  }
}

#pageMain {
  display: block;
  position: relative;
  z-index: 2;
  width: 100%;
  overflow: hidden;
  background-color: #fff;
}

.mainNews, .mainService, .mainDoctors, .mainVirtualTour, .mainCenterTour, .mainWithBnviit, .mainOneday, .onlineConsult {
  position: relative;
  z-index: 2;
}

.mainNews .innerWrap, .mainService .innerWrap, .mainDoctors .innerWrap, .mainVirtualTour .innerWrap, .mainCenterTour .innerWrap, .mainWithBnviit .innerWrap, .mainOneday .innerWrap, .onlineConsult .innerWrap {
  max-width: 124.5rem;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.mainNews.mainService .innerWrap
.mainNews.mainVirtualTour .innerWrap,
.mainNews.mainCenterTour .innerWrap, .mainService.mainService .innerWrap
.mainNews.mainVirtualTour .innerWrap,
.mainService.mainCenterTour .innerWrap, .mainDoctors.mainService .innerWrap
.mainNews.mainVirtualTour .innerWrap,
.mainDoctors.mainCenterTour .innerWrap, .mainVirtualTour.mainService .innerWrap
.mainNews.mainVirtualTour .innerWrap,
.mainVirtualTour.mainCenterTour .innerWrap, .mainCenterTour.mainService .innerWrap
.mainNews.mainVirtualTour .innerWrap,
.mainCenterTour.mainCenterTour .innerWrap, .mainWithBnviit.mainService .innerWrap
.mainNews.mainVirtualTour .innerWrap,
.mainWithBnviit.mainCenterTour .innerWrap, .mainOneday.mainService .innerWrap
.mainNews.mainVirtualTour .innerWrap,
.mainOneday.mainCenterTour .innerWrap, .onlineConsult.mainService .innerWrap
.mainNews.mainVirtualTour .innerWrap,
.onlineConsult.mainCenterTour .innerWrap, .mainNews.mainService .innerWrap
.mainService.mainVirtualTour .innerWrap, .mainService.mainService .innerWrap
.mainService.mainVirtualTour .innerWrap, .mainDoctors.mainService .innerWrap
.mainService.mainVirtualTour .innerWrap, .mainVirtualTour.mainService .innerWrap
.mainService.mainVirtualTour .innerWrap, .mainCenterTour.mainService .innerWrap
.mainService.mainVirtualTour .innerWrap, .mainWithBnviit.mainService .innerWrap
.mainService.mainVirtualTour .innerWrap, .mainOneday.mainService .innerWrap
.mainService.mainVirtualTour .innerWrap, .onlineConsult.mainService .innerWrap
.mainService.mainVirtualTour .innerWrap, .mainNews.mainService .innerWrap
.mainDoctors.mainVirtualTour .innerWrap, .mainService.mainService .innerWrap
.mainDoctors.mainVirtualTour .innerWrap, .mainDoctors.mainService .innerWrap
.mainDoctors.mainVirtualTour .innerWrap, .mainVirtualTour.mainService .innerWrap
.mainDoctors.mainVirtualTour .innerWrap, .mainCenterTour.mainService .innerWrap
.mainDoctors.mainVirtualTour .innerWrap, .mainWithBnviit.mainService .innerWrap
.mainDoctors.mainVirtualTour .innerWrap, .mainOneday.mainService .innerWrap
.mainDoctors.mainVirtualTour .innerWrap, .onlineConsult.mainService .innerWrap
.mainDoctors.mainVirtualTour .innerWrap, .mainNews.mainService .innerWrap
.mainVirtualTour.mainVirtualTour .innerWrap, .mainService.mainService .innerWrap
.mainVirtualTour.mainVirtualTour .innerWrap, .mainDoctors.mainService .innerWrap
.mainVirtualTour.mainVirtualTour .innerWrap, .mainVirtualTour.mainService .innerWrap
.mainVirtualTour.mainVirtualTour .innerWrap, .mainCenterTour.mainService .innerWrap
.mainVirtualTour.mainVirtualTour .innerWrap, .mainWithBnviit.mainService .innerWrap
.mainVirtualTour.mainVirtualTour .innerWrap, .mainOneday.mainService .innerWrap
.mainVirtualTour.mainVirtualTour .innerWrap, .onlineConsult.mainService .innerWrap
.mainVirtualTour.mainVirtualTour .innerWrap, .mainNews.mainService .innerWrap
.mainCenterTour.mainVirtualTour .innerWrap, .mainService.mainService .innerWrap
.mainCenterTour.mainVirtualTour .innerWrap, .mainDoctors.mainService .innerWrap
.mainCenterTour.mainVirtualTour .innerWrap, .mainVirtualTour.mainService .innerWrap
.mainCenterTour.mainVirtualTour .innerWrap, .mainCenterTour.mainService .innerWrap
.mainCenterTour.mainVirtualTour .innerWrap, .mainWithBnviit.mainService .innerWrap
.mainCenterTour.mainVirtualTour .innerWrap, .mainOneday.mainService .innerWrap
.mainCenterTour.mainVirtualTour .innerWrap, .onlineConsult.mainService .innerWrap
.mainCenterTour.mainVirtualTour .innerWrap, .mainNews.mainService .innerWrap
.mainWithBnviit.mainVirtualTour .innerWrap, .mainService.mainService .innerWrap
.mainWithBnviit.mainVirtualTour .innerWrap, .mainDoctors.mainService .innerWrap
.mainWithBnviit.mainVirtualTour .innerWrap, .mainVirtualTour.mainService .innerWrap
.mainWithBnviit.mainVirtualTour .innerWrap, .mainCenterTour.mainService .innerWrap
.mainWithBnviit.mainVirtualTour .innerWrap, .mainWithBnviit.mainService .innerWrap
.mainWithBnviit.mainVirtualTour .innerWrap, .mainOneday.mainService .innerWrap
.mainWithBnviit.mainVirtualTour .innerWrap, .onlineConsult.mainService .innerWrap
.mainWithBnviit.mainVirtualTour .innerWrap, .mainNews.mainService .innerWrap
.mainOneday.mainVirtualTour .innerWrap, .mainService.mainService .innerWrap
.mainOneday.mainVirtualTour .innerWrap, .mainDoctors.mainService .innerWrap
.mainOneday.mainVirtualTour .innerWrap, .mainVirtualTour.mainService .innerWrap
.mainOneday.mainVirtualTour .innerWrap, .mainCenterTour.mainService .innerWrap
.mainOneday.mainVirtualTour .innerWrap, .mainWithBnviit.mainService .innerWrap
.mainOneday.mainVirtualTour .innerWrap, .mainOneday.mainService .innerWrap
.mainOneday.mainVirtualTour .innerWrap, .onlineConsult.mainService .innerWrap
.mainOneday.mainVirtualTour .innerWrap, .mainNews.mainService .innerWrap
.onlineConsult.mainVirtualTour .innerWrap, .mainService.mainService .innerWrap
.onlineConsult.mainVirtualTour .innerWrap, .mainDoctors.mainService .innerWrap
.onlineConsult.mainVirtualTour .innerWrap, .mainVirtualTour.mainService .innerWrap
.onlineConsult.mainVirtualTour .innerWrap, .mainCenterTour.mainService .innerWrap
.onlineConsult.mainVirtualTour .innerWrap, .mainWithBnviit.mainService .innerWrap
.onlineConsult.mainVirtualTour .innerWrap, .mainOneday.mainService .innerWrap
.onlineConsult.mainVirtualTour .innerWrap, .onlineConsult.mainService .innerWrap
.onlineConsult.mainVirtualTour .innerWrap {
  max-width: 100%;
  padding: 0;
}

.mainNews h3, .mainService h3, .mainDoctors h3, .mainVirtualTour h3, .mainCenterTour h3, .mainWithBnviit h3, .mainOneday h3, .onlineConsult h3 {
  margin: -1.1rem auto;
  font-family: "BebasNeuePro-ExpRg";
  font-size: 56px;
  color: #000;
  font-weight: 200;
  line-height: 1.2;
  opacity: 0;
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  -webkit-transition: 1.4s;
  transition: 1.4s;
}

@media (max-width: 1145px) {
  .mainNews h3, .mainService h3, .mainDoctors h3, .mainVirtualTour h3, .mainCenterTour h3, .mainWithBnviit h3, .mainOneday h3, .onlineConsult h3 {
    font-size: 4.51613vw;
  }
}

@media (max-width: 960px) {
  .mainNews h3, .mainService h3, .mainDoctors h3, .mainVirtualTour h3, .mainCenterTour h3, .mainWithBnviit h3, .mainOneday h3, .onlineConsult h3 {
    font-size: 34px;
  }
}

.mainNews h3 strong, .mainService h3 strong, .mainDoctors h3 strong, .mainVirtualTour h3 strong, .mainCenterTour h3 strong, .mainWithBnviit h3 strong, .mainOneday h3 strong, .onlineConsult h3 strong {
  font-weight: 800;
}

.mainNews h3 i, .mainService h3 i, .mainDoctors h3 i, .mainVirtualTour h3 i, .mainCenterTour h3 i, .mainWithBnviit h3 i, .mainOneday h3 i, .onlineConsult h3 i {
  font-family: 'Open Sans';
  font-size: 4.8rem;
  font-size: 48px;
  font-weight: 400;
}

@media (max-width: 1145px) {
  .mainNews h3 i, .mainService h3 i, .mainDoctors h3 i, .mainVirtualTour h3 i, .mainCenterTour h3 i, .mainWithBnviit h3 i, .mainOneday h3 i, .onlineConsult h3 i {
    font-size: 3.87097vw;
  }
}

@media (max-width: 960px) {
  .mainNews h3 i, .mainService h3 i, .mainDoctors h3 i, .mainVirtualTour h3 i, .mainCenterTour h3 i, .mainWithBnviit h3 i, .mainOneday h3 i, .onlineConsult h3 i {
    font-size: 30px;
  }
}

.mainNews.sectionActive h3, .mainService.sectionActive h3, .mainDoctors.sectionActive h3, .mainVirtualTour.sectionActive h3, .mainCenterTour.sectionActive h3, .mainWithBnviit.sectionActive h3, .mainOneday.sectionActive h3, .onlineConsult.sectionActive h3 {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.mainNews {
  padding: 12.9rem 0 0 2rem;
}

.mainNews .slider {
  position: relative;
  margin: 0 auto;
  padding: 13% 0 13.5% 63.7%;
}

.mainNews .slider::after {
  display: inline-block;
  content: '';
  top: 3rem;
  left: 40.9%;
  position: absolute;
  z-index: -1;
  width: 83rem;
  padding-top: 0;
  background-color: #f2f2f2;
  -webkit-transition: 1.6s;
  transition: 1.6s;
}

.mainNews.sectionActive .slider::after {
  padding-top: 47%;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.mainService {
  padding: 12.9rem 0 6rem 0;
  background-color: transparent;
}

.mainService h3 {
  color: #fff;
}

.mainService .medicalList {
  max-width: 120rem;
  overflow: hidden;
  margin: 7rem 0 0 0;
  padding-bottom: 7.3%;
  opacity: 0;
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  -webkit-transition: 1.6s;
  transition: 1.6s;
}

.mainService .medicalList ul {
  width: calc(100% + 2.7rem);
  overflow: hidden;
  display: block;
}

.mainService .medicalList li {
  position: relative;
  float: left;
  width: calc(100% / 4 - 2.675rem);
  margin: 0 2.675rem 2.7rem 0;
  padding-top: 30.155%;
  overflow: hidden;
  background-color: #fff;
}

.mainService .medicalList li a {
  top: 0;
  left: 0;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  /* background-repeat:no-repeat;
				background-size:100%;
				background-position:top center; */
  /* background:no-repeat top center/ 100% auto;
				transition:all 1s; */
}

.mainService .medicalList li a:before {
  display: inline-block;
  content: '';
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top center;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  -webkit-transform: scale(1) rotate(0.001deg);
          transform: scale(1) rotate(0.001deg);
}

.mainService .medicalList li a strong {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 16.2%;
  padding: 5% 0 0 5%;
  color: #222;
  font-family: "BebasNeuePro-ExpBd";
  font-size: 20px;
  background-color: rgba(255, 255, 255, 0.73);
  -webkit-transition: 1s;
  transition: 1s;
}

@media (max-width: 1145px) {
  .mainService .medicalList li a strong {
    font-size: 1.6129vw;
  }
}

@media (max-width: 960px) {
  .mainService .medicalList li a strong {
    font-size: 18px;
  }
}

.mainService .medicalList li a:hover {
  /* background-size:104%; */
}

.mainService .medicalList li a:hover::before {
  -webkit-transform: scale(1.04) rotate(0.001deg);
          transform: scale(1.04) rotate(0.001deg);
}

.mainService .medicalList li a:hover strong {
  height: 30%;
  padding: 17% 0 0 8%;
  border-radius: 0 80% 0 0;
  background-color: #ffffff;
}

.mainService .medicalList li:nth-child(1) a::before {
  background-image: url("../images/services_01.jpg");
}

.mainService .medicalList li:nth-child(2) a::before {
  background-image: url("../images/services_02.jpg");
}

.mainService .medicalList li:nth-child(3) a::before {
  background-image: url("../images/services_03.jpg");
}

.mainService .medicalList li:nth-child(4) a::before {
  background-image: url("../images/services_04.jpg");
}

.mainService .medicalList li:nth-child(5) a::before {
  background-image: url("../images/services_05.jpg");
}

.mainService .medicalList li:nth-child(6) a::before {
  background-image: url("../images/services_06.jpg");
}

.mainService .medicalList li:nth-child(7) a::before {
  background-image: url("../images/services_07.jpg");
}

.mainService .medicalList li:nth-child(8) a::before {
  background-image: url("../images/services_08.jpg");
}

.mainService.sectionActive .medicalList {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.mainDoctors {
  padding: 11.9rem 0 6rem 0;
  background: #fff;
}

.mainDoctors .doctorList {
  max-width: 120rem;
  overflow: hidden;
  margin: 7rem 0 0 0;
  padding-bottom: 7.3%;
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  opacity: 0;
  -webkit-transition: 1.6s;
  transition: 1.6s;
}

.mainDoctors .doctorList ul {
  width: calc(100% + 2.7rem);
  overflow: hidden;
  display: block;
}

.mainDoctors .doctorList li {
  position: relative;
  float: left;
  width: calc(100% / 4 - 1.674rem);
  margin: 0 1.3rem 1.3rem 0;
  padding-top: 23.635%;
  overflow: hidden;
  background-color: #ededed;
}

.mainDoctors .doctorList li a {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: 1s;
  transition: 1s;
}

.mainDoctors .doctorList li a::after {
  display: inline-block;
  content: '';
  bottom: -6.4rem;
  left: 0;
  position: absolute;
  width: 140%;
  height: calc(48% - 1rem);
  background-color: #58c5c6;
  opacity: 0.95;
  -webkit-transform: rotate(-6deg) translateY(100%);
          transform: rotate(-6deg) translateY(100%);
  -webkit-transition: 0.7s ease;
  transition: 0.7s ease;
}

.mainDoctors .doctorList li a:hover::after {
  -webkit-transform: rotate(-6deg) translateY(0);
          transform: rotate(-6deg) translateY(0);
}

.mainDoctors .doctorList li a:hover strong, .mainDoctors .doctorList li a:hover strong em {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition: 0.7s 0.2s;
  transition: 0.7s 0.2s;
}

.mainDoctors .doctorList li figure {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
}

.mainDoctors .doctorList li figure img {
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mainDoctors .doctorList li strong {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 21%;
  padding: 6% 6% 0 5%;
  text-align: right;
  line-height: 2.2rem;
  color: #fff;
  font-family: "BebasNeuePro-ExpBd";
  font-size: 22px;
  -webkit-transform: translateX(7rem);
          transform: translateX(7rem);
  opacity: 0;
  -webkit-transition: 0s 0s;
  transition: 0s 0s;
}

@media (max-width: 1145px) {
  .mainDoctors .doctorList li strong {
    font-size: 1.6129vw;
  }
}

@media (max-width: 960px) {
  .mainDoctors .doctorList li strong {
    font-size: 20px;
  }
}

.mainDoctors .doctorList li strong em {
  display: block;
  font-family: 'Open Sans';
  font-size: 1.4rem;
  font-size: 14px;
  font-weight: 600;
  color: #2c6263;
  opacity: 0;
  -webkit-transform: translateX(3rem);
          transform: translateX(3rem);
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

@media (max-width: 1145px) {
  .mainDoctors .doctorList li strong em {
    font-size: 1.12903vw;
  }
}

@media (max-width: 960px) {
  .mainDoctors .doctorList li strong em {
    font-size: 15px;
  }
}

.mainDoctors.sectionActive .doctorList {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.mainVirtualTour {
  height: 100vh;
  max-height: 85rem;
  overflow: hidden;
  background-color: #000;
}

.mainVirtualTour h3 {
  display: inline-block;
  position: relative;
  top: 40rem;
  z-index: 2;
  color: #fff;
  opacity: 1;
  -webkit-transition: initial;
  transition: initial;
}

.mainVirtualTour h3::before {
  display: inline-block;
  content: '';
  top: 3.8rem;
  right: -5.8rem;
  position: absolute;
  z-index: 2;
  width: 4.7rem;
  height: 0.1rem;
  background-color: #fff;
}

.mainVirtualTour h3 strong {
  display: block;
  padding-bottom: 1rem;
}

.mainVirtualTour h3 strong::before, .mainVirtualTour h3 strong::after {
  display: inline-block;
  content: '';
  top: 1.5rem;
  right: -8rem;
  position: absolute;
}

.mainVirtualTour h3 strong::before {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background-color: #55b6b5;
}

.mainVirtualTour h3 strong::after {
  top: 3.4rem;
  right: -5.7rem;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 0.4rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.mainVirtualTour h3 p {
  font-family: 'Open Sans';
  font-size: 1.6rem;
  color: #fff;
  opacity: 0.7;
  font-weight: 400;
}

.mainVirtualTour .vrbox {
  top: -20rem;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../images/main_vr_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.mainCenterTour {
  position: relative;
  overflow: hidden;
  height: 85rem;
  padding: 11rem 0 6rem 0;
  background-color: #fff;
}

.mainCenterTour h3 {
  max-width: 124.5rem;
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.mainCenterTour .tab {
  position: relative;
  max-width: 124.5rem;
  margin: 6.5rem auto 0 auto;
  padding-left: 2rem;
}

.mainCenterTour .tab::after {
  display: inline-block;
  content: '';
  bottom: 0;
  left: 2rem;
  position: absolute;
  width: 200%;
  border-top: 1px solid #e6e6e6;
}

.mainCenterTour .tab ul {
  width: 100%;
  overflow: hidden;
}

.mainCenterTour .tab li {
  float: left;
}

.mainCenterTour .tab li:nth-child(1) {
  width: 26rem;
}

.mainCenterTour .tab li:nth-child(2) {
  width: 27.5rem;
}

.mainCenterTour .tab li a {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding-bottom: 1rem;
  font-family: "BebasNeuePro-ExpRg";
  font-size: 2rem;
  color: #b3b3b3;
}

.mainCenterTour .tab li.on a {
  color: #58c5c6;
  border-bottom: 1px solid #58c5c6;
  font-family: "BebasNeuePro-ExpBd";
}

.mainCenterTour .tabContent {
  position: relative;
  z-index: 1;
  height: 37rem;
  width: 100%;
  overflow: hidden;
  margin-top: 3.8rem;
}

.mainCenterTour .centerGallery {
  top: 0;
  left: 0;
  position: absolute;
  z-index: 1;
  height: 37rem;
  width: 100%;
  background-color: #fff;
}

.mainCenterTour .centerGallery.on {
  z-index: 2;
}

.mainCenterTour .tab, .mainCenterTour .tabContent {
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  opacity: 0;
  -webkit-transition: 1.6s;
  transition: 1.6s;
}

.mainCenterTour.sectionActive .tab, .mainCenterTour.sectionActive .tabContent {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.mainWithBnviit {
  position: relative;
  overflow: hidden;
  height: 85rem;
  padding: 12rem 0 6rem 0;
  background-color: #f7f7f7;
}

.mainWithBnviit h3 strong i {
  font-weight: 600;
}

.mainWithBnviit .grid {
  position: relative;
  width: 100%;
  max-height: 49rem;
  margin-top: 7rem;
  padding: 40.665% 0 0 49.2%;
}

.mainWithBnviit .grid .btnMore {
  top: -10rem;
  right: 0;
  position: absolute;
  width: 14.8rem;
  height: 4.6rem;
  font-family: "BebasNeuePro-ExpBd";
  font-size: 2rem;
  color: #222;
}

.mainWithBnviit .grid .btnMore i::after, .mainWithBnviit .grid .btnMore i::before {
  display: inline-block;
  content: '';
  position: absolute;
}

.mainWithBnviit .grid .btnMore i::before {
  top: 1.6rem;
  right: 2rem;
  z-index: 2;
  width: 3.5rem;
  border-top: 1px solid #000;
}

.mainWithBnviit .grid .btnMore i::after {
  top: 1.2rem;
  right: 2rem;
  z-index: 2;
  border: solid #000;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 0.4rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.mainWithBnviit .grid .btnMore::after {
  display: inline-block;
  content: '';
  top: -0.6rem;
  right: 0;
  position: absolute;
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  background-color: #87d4d5;
}

.mainWithBnviit .RSAmembers {
  overflow: hidden;
  top: 0;
  left: 0;
  position: absolute;
  width: 48.3%;
  max-height: 100%;
}

.mainWithBnviit .RSAmembers a {
  position: relative;
  display: block;
  overflow: hidden;
}

.mainWithBnviit .RSAmembers span {
  position: relative;
  width: 100%;
  display: block;
  padding-top: 62.4%;
  overflow: hidden;
}

.mainWithBnviit .RSAmembers span img {
  top: 0;
  left: 50%;
  position: absolute;
  width: 107%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.mainWithBnviit .RSAmembers strong {
  display: block;
  z-index: 2;
  width: 100%;
  height: 6.4em;
  padding: 1.5rem 10% 3.8% 7.3%;
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  background-color: #58c5c6;
}

@media (max-width: 1145px) {
  .mainWithBnviit .RSAmembers strong {
    font-size: 1.6129vw;
  }
}

@media (max-width: 960px) {
  .mainWithBnviit .RSAmembers strong {
    font-size: 16px;
  }
}

.mainWithBnviit .RSAmembers strong p {
  display: block;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

@media (max-width: 1145px) {
  .mainWithBnviit .RSAmembers strong p {
    max-height: 7.5rem;
  }
}

.mainWithBnviit .celebrities {
  top: 0;
  right: 0;
  position: absolute;
  width: 50.8%;
  max-width: 61rem;
  max-height: 24rem;
  overflow: hidden;
}

.mainWithBnviit .celebrities a {
  position: relative;
  float: left;
  width: calc(50% - 0.5rem);
  max-width: 30rem;
  padding-top: 37.575%;
  overflow: hidden;
  margin-left: 1rem;
}

.mainWithBnviit .celebrities a:first-child {
  margin-left: 0;
}

.mainWithBnviit .celebrities span {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
}

.mainWithBnviit .celebrities span img {
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mainWithBnviit .celebrities strong {
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 21.74%;
  padding: 3% 10% 3.2% 7.3%;
  overflow: hidden;
  color: #fff;
  font-family: "BebasNeuePro-ExpRg";
  font-size: 20px;
  font-weight: normal;
  background-color: rgba(0, 0, 0, 0.5);
}

@media (max-width: 1145px) {
  .mainWithBnviit .celebrities strong {
    font-size: 1.6129vw;
  }
}

@media (max-width: 960px) {
  .mainWithBnviit .celebrities strong {
    font-size: 16px;
  }
}

.mainWithBnviit .clients {
  right: 0;
  bottom: 0;
  position: absolute;
  width: 50.8%;
  max-width: 61rem;
  height: 51%;
  background-color: #fff;
}

.mainWithBnviit .clients a {
  position: relative;
  display: block;
  height: calc(50% - 0.1rem);
}

.mainWithBnviit .clients a:first-child {
  border-bottom: 1px solid #e6e6e6;
}

.mainWithBnviit .clients a:first-child span {
  background-color: #f3c9ce;
}

.mainWithBnviit .clients span {
  top: 13.6%;
  left: 4.8%;
  position: absolute;
  width: 14.8%;
  height: 72%;
  overflow: hidden;
  border-radius: 50%;
  line-height: 5;
  font-family: "BebasNeuePro-ExpBd";
  font-size: 18px;
  color: #333;
  text-align: center;
  background-color: #d5e6ee;
}

@media (max-width: 1145px) {
  .mainWithBnviit .clients span {
    font-size: 1.45161vw;
  }
}

@media (max-width: 960px) {
  .mainWithBnviit .clients span {
    font-size: 16px;
  }
}

.mainWithBnviit .clients span img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.mainWithBnviit .clients strong {
  display: block;
  overflow: hidden;
  height: 7em;
  padding: 1.3em 8% 3.2% 25.2%;
  font-size: 16px;
}

@media (max-width: 1145px) {
  .mainWithBnviit .clients strong {
    font-size: 1.29032vw;
  }
}

@media (max-width: 960px) {
  .mainWithBnviit .clients strong {
    font-size: 15px;
  }
}

.mainWithBnviit .clients strong p {
  overflow: hidden;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color: #808080;
  font-weight: 400;
}

.mainWithBnviit .grid {
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  opacity: 0;
  -webkit-transition: 1.6s;
  transition: 1.6s;
}

.mainWithBnviit.sectionActive .grid {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.mainOneday {
  padding: 12.2rem 0 10rem;
  background: #222;
}

.mainOneday h3 {
  padding-bottom: 4rem;
  color: #fff;
  font-family: "BebasNeuePro-ExpBd";
}

.mainOneday .subTxt {
  color: #fff;
  opacity: 0.7;
}

.mainOneday .videobox {
  width: 100%;
  max-width: 124rem;
  height: 69.8rem;
  margin: 7rem auto 0;
}

.mainOneday .videobox iframe {
  width: 100%;
  height: 100%;
}

.mainOneday .subTxt, .mainOneday .videobox {
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  opacity: 0;
  -webkit-transition: 1.6s;
  transition: 1.6s;
}

.mainOneday.sectionActive .subTxt, .mainOneday.sectionActive .videobox {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.mainOneday.sectionActive .subTxt.subTxt, .mainOneday.sectionActive .videobox.subTxt {
  opacity: 0.7;
}

.onlineConsult {
  padding: 12rem 0 12rem 0;
  background-color: #fff;
}

.onlineConsult h3 {
  font-family: "BebasNeuePro-ExpBd";
}

.onlineConsult fieldset {
  max-width: 124rem;
  margin: 0 auto;
  padding-top: 40px;
}

.onlineConsult fieldset ul {
  width: 100%;
  overflow: hidden;
}

.onlineConsult fieldset li {
  float: left;
  width: 50%;
  overflow: hidden;
  font-weight: 400;
  font-size: 1.8rem;
  font-family: 'Open Sans', sans-serif;
}

.onlineConsult fieldset li:nth-child(odd) {
  width: 50%;
  padding-left: 1rem;
  padding-right: 2rem;
}

.onlineConsult fieldset li:last-child {
  width: 100%;
  padding: 0;
}

.onlineConsult fieldset li .formLable {
  display: block;
  padding-bottom: 1.1rem;
  color: #333;
  font-family: "BebasNeuePro-ExpBd";
  font-size: 2rem;
}

.onlineConsult fieldset li > input {
  width: 100%;
  padding: 1.7rem 2rem;
  font-size: 1.8rem;
  border: 1px solid #ccc;
}

.onlineConsult fieldset li .radioForm {
  display: inline-block;
  width: calc(50% - 1rem);
  margin-right: 2rem;
  overflow: hidden;
  border: 1px solid #ccc;
  color: #333;
  font-size: 1.8rem;
  font-weight: 400;
}

.onlineConsult fieldset li .radioForm:last-child {
  margin-right: 0;
}

.onlineConsult fieldset li .radioForm label {
  position: relative;
  display: block;
  padding: 1.6rem 0 1.6rem 2.5rem;
  cursor: pointer;
}

.onlineConsult fieldset li .radioForm label:before, .onlineConsult fieldset li .radioForm label:after {
  display: inline-block;
  content: '';
  top: 2.2rem;
  right: 1.8rem;
  position: absolute;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
}

.onlineConsult fieldset li .radioForm label:before {
  border: 1px solid #acacac;
}

.onlineConsult fieldset li .radioForm label:after {
  width: 1.2rem;
  height: 1.2rem;
  top: 2.7rem;
  right: 2.3rem;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.onlineConsult fieldset li .radioForm input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.onlineConsult fieldset li .radioForm input:checked + label:before {
  border: 1px solid #58c5c6;
}

.onlineConsult fieldset li .radioForm input:checked + label:after {
  -webkit-transform: scale(1);
          transform: scale(1);
  background-color: #58c5c6;
}

.onlineConsult fieldset li .selectbox {
  position: relative;
  display: block;
}

.onlineConsult fieldset li .selectbox:after {
  display: inline-block;
  content: '';
  top: 2.4rem;
  right: 3.2rem;
  position: absolute;
  width: 1.2rem;
  height: 1.2rem;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  -webkit-transform: rotate(136deg);
          transform: rotate(136deg);
}

.onlineConsult fieldset li .selectbox select {
  width: 100%;
  padding: 1.7rem 2rem 1.8rem;
  font-size: 1.8rem;
  border: 1px solid #ccc;
  cursor: pointer;
}

.onlineConsult fieldset li .textarea {
  display: block;
  text-align: center;
}

.onlineConsult fieldset li .textarea textarea {
  width: 100%;
  min-height: 24.8rem;
  padding: 2.3rem 2rem;
  font-size: 1.8rem;
  border: 1px solid #ccc;
}

.onlineConsult fieldset li .textarea p {
  position: relative;
  display: inline-block;
  padding: 3rem 0 4.8rem 1.3rem;
  color: #999;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
}

.onlineConsult fieldset li .textarea p:before {
  content: '*';
  top: 2.9rem;
  left: 0;
  position: absolute;
}

.onlineConsult fieldset .btn-consult-send {
  display: block;
  width: 22rem;
  height: 6rem;
  margin: 0 auto;
  padding: 1.3rem 0;
  color: #fff;
  font-family: "BebasNeuePro-ExpRg";
  font-size: 2.2rem;
  text-align: center;
  background-color: #58c5c6;
}

.onlineConsult fieldset {
  -webkit-transform: translateY(150px);
          transform: translateY(150px);
  opacity: 0;
  -webkit-transition: 1.6s;
  transition: 1.6s;
}

.onlineConsult.sectionActive fieldset {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-wrapper .swiper-slide {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.newsImages {
  top: 13.2%;
  left: -16rem;
  position: absolute;
  max-width: 57.3%;
  overflow: hidden;
}

.newsImages .slick-list {
  font-size: 0;
}

.newsImages .swiper-slide {
  width: 100%;
}

.newsImages .swiper-slide img {
  width: 100%;
}

.newsCont {
  position: relative;
  width: 100%;
  right: -16rem;
  overflow: hidden;
}

.newsCont .swiper-slide {
  padding: 0 2rem 0 0;
  margin-right: 0.5rem;
  word-break: keep-all;
}

.newsCont .swiper-slide strong {
  display: block;
  padding-bottom: 2rem;
  color: #333;
  line-height: 1.1;
  font-size: 3.4rem;
  font-size: 34px;
  font-family: "BebasNeuePro-ExpBd";
}

@media (max-width: 1145px) {
  .newsCont .swiper-slide strong {
    font-size: 2.74194vw;
  }
}

@media (max-width: 960px) {
  .newsCont .swiper-slide strong {
    font-size: 25px;
  }
}

.newsCont .swiper-slide strong i {
  font-family: 'Open Sans';
  font-size: inherit;
  font-weight: 600;
}

.newsCont .swiper-slide p {
  color: #666;
  font-size: 1.8rem;
  font-size: 18px;
}

@media (max-width: 1145px) {
  .newsCont .swiper-slide p {
    font-size: 1.45161vw;
  }
}

@media (max-width: 960px) {
  .newsCont .swiper-slide p {
    font-size: 16px;
  }
}

.newsCont .pagination {
  padding: 10% 0 0 0;
}

.newsCont .pagination button {
  position: relative;
  display: inline-block;
  padding: 1rem;
  vertical-align: 0.2rem;
  font-size: 0;
}

.newsCont .pagination button::before {
  display: inline-block;
  content: '';
  display: inline-block;
  border: solid #a1a1a1;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 0.4rem;
}

.newsCont .pagination button.btnPrev::before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.newsCont .pagination button.btnNext::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.newsCont .pagination .current {
  display: inline-block;
  padding: 0 1rem;
  color: #999;
  font-size: 1.8rem;
  font-weight: 100;
}

.newsCont .pagination .current .swiper-pagination-current {
  color: #58c5c6;
  font-weight: 400;
}

.newsCont .pagination .current em {
  font-weight: 400;
}

@media (max-width: 960px) {
  .newsImages {
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
    max-width: 100%;
  }
  .newsCont {
    width: calc(100% + 4rem);
    height: auto;
    margin: 0 -2rem;
    right: 0;
  }
  .newsCont .swiper-slide {
    padding: 2.8rem 2rem 0 2rem;
  }
  .newsCont .swiper-slide strong {
    padding-bottom: 1.3rem;
    line-height: 1.2;
  }
  .newsCont .pagination {
    padding: 2rem 0 0 2rem;
  }
  .newsCont .pagination button {
    padding: 0.2rem;
    vertical-align: 0.2rem;
  }
  .newsCont .pagination .current {
    padding: 0 1rem;
    font-size: 1.6rem;
  }
}

@media (max-width: 960px) {
  .mainService .medicalList ul {
    width: calc(100% - 4rem);
    padding: 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    overflow: visible;
  }
  .mainService .medicalList li {
    width: 100%;
    max-width: 22rem;
    height: 27.8rem;
    margin: 0 2rem 2.7rem 0;
    padding-top: 0;
    overflow: hidden;
    background-color: #fff;
    -webkit-transform: initial;
            transform: initial;
    opacity: 1;
  }
}

@media (max-width: 960px) {
  .mainDoctors .doctorList ul {
    width: 100%;
    padding: 0 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    overflow: visible;
  }
  .mainDoctors .doctorList li {
    width: 100%;
    max-width: 21.7rem;
    height: 29.6rem;
    margin: 0 1rem 0 0;
    padding-top: 0;
    overflow: hidden;
    -webkit-transform: initial;
            transform: initial;
    opacity: 1;
    background-color: transparent;
  }
  .mainDoctors .doctorList li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .mainDoctors .doctorList li a figure {
    display: block;
    top: 0;
    left: 0;
    position: relative;
    height: 21.7rem;
    background-color: #ededed;
    -webkit-transform: initial;
            transform: initial;
  }
  .mainDoctors .doctorList li a figure img {
    -webkit-transform: inherit;
            transform: inherit;
  }
  .mainDoctors .doctorList li a strong {
    display: block;
    top: 0;
    left: 0;
    position: relative;
    padding: 1.6rem 0 1rem 1rem;
    -webkit-transform: initial;
            transform: initial;
    opacity: 1;
    color: #333;
    text-align: left;
  }
  .mainDoctors .doctorList li a strong em {
    opacity: 1;
    -webkit-transform: initial;
            transform: initial;
    color: #999;
  }
  .mainDoctors .doctorList li a:hover::after {
    display: none;
  }
  .mainDoctors .doctorList li a:hover strong, .mainDoctors .doctorList li a:hover strong em {
    -webkit-transform: initial;
            transform: initial;
    opacity: 1;
  }
}

.centerGallery ul {
  width: calc(100% - 4rem);
  padding: 0 2rem;
}

.centerGallery li {
  width: 100%;
  max-width: calc(57rem + 0.5rem);
  height: 37rem;
  padding: 0 1rem 0 0;
  overflow: hidden;
  text-align: center;
}

.centerGallery li img {
  width: 100%;
}

@media (max-width: 960px) {
  .centerGallery li {
    max-width: calc(28.5rem + 0.5rem);
    padding: 0 0.5rem 0 0;
  }
}

.pageDoctors {
  padding-top: 9rem;
}

.pageDoctors .fullPicture {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  max-height: 65rem;
  background-color: #f7f7f7;
}

.pageDoctors .fullPicture figure {
  display: block;
  max-width: 120rem;
  margin: 0 auto;
}

.pageDoctors .fullPicture figure img {
  max-width: 100%;
}

.doctorDetails {
  max-width: 120rem;
  margin: 0 auto;
  padding: 5rem 0 12rem 0;
}

.doctorDetails > ul {
  width: 100%;
  overflow: hidden;
}

.doctorDetails > ul > li {
  width: 100%;
  overflow: hidden;
  margin-top: 8rem;
}

.doctorDetails figure {
  position: relative;
  float: left;
  width: 36.3%;
  max-width: 43.6rem;
  padding: 36.334% 0 0 0;
  overflow: hidden;
  background-color: #ededed;
}

.doctorDetails figure span {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
}

.doctorDetails figure span img {
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.doctorDetails dl {
  float: left;
  width: calc(63.7% - 8rem);
  margin-left: 8rem;
}

.doctorDetails dl dt {
  padding: 2.8rem 0 0.3rem;
  font-family: "BebasNeuePro-ExpBd";
  font-size: 3rem;
  color: #333;
  border-bottom: 1px solid #333;
}

.doctorDetails dl dd {
  padding: 3.4rem 0 2.4rem 0;
  font-size: 1.6rem;
  color: #808080;
  font-weight: 400;
}

.doctorDetails dl dd .btnHistoryMore {
  display: none;
}

.doctorDetails dl dd.briefHistory {
  padding: 0 0 0 0;
}

.doctorDetails dl dd.briefHistory li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
}

.doctorDetails dl dd.briefHistory li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  .doctorDetails dl dd.briefHistory li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

@media (max-width: 1145px) {
  .doctorDetails dl dt {
    padding-top: 0;
  }
  .doctorDetails dl dd {
    padding: 2.4rem 0 1.4rem 0;
  }
}

.accreditations {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 20rem;
  background-color: #f7f7f7;
  padding-bottom: 11.7rem;
}

.accreditations .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.accreditations .titleGroup h2 {
  text-align: left !important;
}

.accreditations .image {
  width: 100%;
  margin-top: 3rem;
}

.accreditations .image::after {
  content: '';
  clear: both;
  display: block;
  overflow: hidden;
}

.accreditations .image li {
  float: left;
  width: calc(100% / 4 - 1.1%);
  max-width: 29rem;
  margin-left: 1.1%;
}

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

.accreditations .image li img {
  width: 100%;
}

.accreditations .desc {
  padding: 3.5rem 0;
}

.accreditations .desc li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
  font-size: 1.6rem;
}

.accreditations .desc li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  .accreditations .desc li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

.pageSmile .smileView {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  background-color: #f7f7f7;
  padding-bottom: 9rem;
}

.pageSmile .smileView .innerWrap {
  max-width: calc(96rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pageSmile .smileView .youtube {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  max-width: 96rem;
  margin: 0 auto;
}

.pageSmile .smileView .youtube iframe {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 101%;
  height: 101%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
  .pageSmile .smileView .youtube {
    margin: 0 -2rem;
    padding-top: 63%;
  }
}

.pageSmile .smileView .txt {
  text-align: center;
}

.pageSmile .smileView .txt ul {
  display: inline-block;
  padding: 5.5rem 0 0 0;
}

.pageSmile .smileView .txt ul li {
  padding-bottom: 0.8rem;
  text-align: left;
}

.pageSmile .smileView .txt ul + p {
  padding-top: 10rem;
}

.pageSmile .smileView .txt ul + p span {
  display: inline-block;
  max-width: 69.3rem;
  text-align: left;
}

.pageSmile .smileView .txt p {
  padding: 5.5rem 0 0 0;
  max-width: 66rem;
  margin: 0 auto;
  text-align: left;
}

.pageSmile .smileView .txt h4 {
  padding: 0 0 1rem 0;
  color: #333;
  font-size: 2.2rem;
  text-align: left;
  font-family: "BebasNeuePro-ExpBd";
}

.pageSmile .smileView .txt h4 + span {
  display: block;
  padding-bottom: 5rem;
}

.pageSmile .smileView .txt h4 + ul {
  padding: 0;
}

@media (max-width: 960px) {
  .pageSmile .smileView .txt ul {
    padding: 2.5rem 0 0 0;
  }
  .pageSmile .smileView .txt ul li {
    padding-left: 1.3rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
    text-indent: -1.6rem;
  }
  .pageSmile .smileView .txt ul + p {
    padding-top: 8rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pageSmile .smileView .txt p {
    padding: 2.5rem 0 0 0;
    line-height: 1.3;
  }
  .pageSmile .smileView .txt h4 {
    padding: 0 0 1rem 0;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .pageSmile .smileView .txt h4 + span {
    line-height: 1.4;
    padding-bottom: 3rem;
  }
}

.pageSmile .smileAtBnviit {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 18.5rem;
  padding-bottom: 19rem;
}

.pageSmile .smileAtBnviit .imageView {
  margin-top: 4.7rem;
}

.pageSmile .smileAtBnviit .imageView li {
  width: calc(92.5% / 3);
  max-width: 37rem;
  margin-left: 3.8%;
}

.pageSmile .smileAtBnviit .imageView li:first-child {
  margin-left: 0;
}

.pageSmile .smileAtBnviit .imageView figure {
  display: block;
  max-width: 37rem;
}

.pageSmile .smileAtBnviit .imageView figure img {
  width: 100%;
}

.pageSmile .smileAtBnviit .imageView p {
  display: block;
  padding: 3.7rem 1rem 0 1rem;
}

.pageSmile .smilelasik1 {
  margin-bottom: 18.3rem;
}

.pageSmile .smilelasik1 .info {
  display: table;
  max-width: 120rem;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 5.4rem;
}

.pageSmile .smilelasik1 .info figure {
  display: table-cell;
  width: 52.5%;
  padding-top: 31.365%;
  margin-right: 7.9rem;
  background: #f9f9f9 url("../images/medi_smile_low1.png") no-repeat center;
  background-size: 72% auto;
}

.pageSmile .smilelasik1 .info figcaption {
  display: table-cell;
  width: calc(47.5% - 7.8rem);
  padding-left: 7.8rem;
  vertical-align: top;
}

.pageSmile .smilelasik1 .info figcaption ul {
  padding: 5rem 0 0 0;
}

@media (max-width: 1145px) {
  .pageSmile .smilelasik1 .info figcaption ul {
    padding: 0;
  }
}

.pageSmile .smilelasik1 .info figcaption ul li {
  position: relative;
  padding-left: 0.7rem;
  padding-bottom: 0.3rem;
  color: #333;
  font-size: 2.2rem;
  font-family: "BebasNeuePro-ExpBd";
  position: relative;
}

.pageSmile .smilelasik1 .info figcaption ul li::before {
  display: inline-block;
  content: '';
  top: 1.7rem;
  left: 0;
  position: absolute;
  width: 0.3rem;
  height: 0.3rem;
  border-radius: 50%;
  background-color: #333;
}

@media (max-width: 960px) {
  .pageSmile .smilelasik1 .info figcaption ul li::before {
    top: 1.3rem;
    width: 0.2rem;
    height: 0.2rem;
  }
}

.pageSmile .smilelasik1 .info figcaption p {
  padding-top: 3rem;
}

.pageSmile .smilelasik2 {
  max-width: 120rem;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 1.8rem;
}

.pageSmile .smilelasik2 .info {
  display: table;
  width: 100%;
  vertical-align: top;
}

.pageSmile .smilelasik2 figcaption {
  display: table-cell;
  width: 39.2%;
  padding-top: 4.4rem;
  vertical-align: top;
}

@media (max-width: 1145px) {
  .pageSmile .smilelasik2 figcaption {
    padding-top: 2rem;
  }
}

.pageSmile .smilelasik2 figcaption h3 {
  padding-bottom: 3rem;
  line-height: 1.3;
}

.pageSmile .smilelasik2 figcaption h3 span {
  display: block;
}

.pageSmile .smilelasik2 figcaption p {
  max-width: 34rem;
}

.pageSmile .smilelasik2 figure {
  display: table-cell;
  width: 60.85%;
  padding-top: 29.365%;
  vertical-align: top;
  background: url("../images/medi_smile_low2.jpg") no-repeat center;
  background-size: 100% auto;
}

.compareTreatments {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 20rem;
  padding-bottom: 15rem;
}

.compareTreatments .fixedColumn {
  width: 100%;
  overflow: hidden;
  margin-top: 5.4rem;
}

.compareTreatments .fixedColumn table {
  width: calc(100% - 0.1rem);
  border-top: 1px solid #d9d9d9;
}

.compareTreatments .fixedColumn table tr:first-child th {
  padding: 2.4rem 1.9rem;
  text-align: left;
  vertical-align: top;
  background-color: #fff;
  border-right: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}

.compareTreatments .fixedColumn table tr:first-child th:first-child {
  border-right: 0;
}

.compareTreatments .fixedColumn table tr:first-child th strong {
  display: block;
  padding-bottom: 0.8rem;
  font-size: 2rem;
  font-weight: 900;
  color: #333;
}

.compareTreatments .fixedColumn table tr:first-child th p {
  color: #54bfc2;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.3;
}

.compareTreatments .fixedColumn table tr th:first-child {
  width: 15%;
  padding-left: 3rem;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  background-color: #54bfc2;
}

.compareTreatments .fixedColumn table tr th, .compareTreatments .fixedColumn table tr td {
  border-bottom: 1px solid #d9d9d9;
}

.compareTreatments .fixedColumn table tr td {
  width: calc(85%/ 4);
  padding: 2.4rem 2.9rem;
  vertical-align: top;
  color: #666;
  font-size: 1.6rem;
  background-color: #f7f7f7;
  border-right: 1px solid #d9d9d9;
}

.compareTreatments .fixedColumn table tr td ul li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
  word-break: break-all;
}

.compareTreatments .fixedColumn table tr td ul li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  .compareTreatments .fixedColumn table tr td ul li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

.compareTreatments .fixedColumnMobile {
  display: none;
}

.compareTreatments p.info {
  display: block;
  text-align: center;
  padding: 4rem 0;
}

.compareTreatments p.info::before {
  content: '※';
  display: inline-block;
  padding: 0 0.3rem 0 0;
}

.pageLasik .lasikView {
  max-width: 96rem;
  margin: 0 auto;
  padding-bottom: 11.6rem;
}

.pageLasik .lasikView .youtube {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  max-width: 96rem;
  margin: 0 auto;
}

.pageLasik .lasikView .youtube iframe {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 101%;
  height: 101%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
  .pageLasik .lasikView .youtube {
    margin: 0 -2rem;
    padding-top: 63%;
  }
}

.pageLasik .lasikView .txt {
  text-align: center;
  padding-bottom: 5.8rem;
}

.pageLasik .lasikView .txt ul {
  display: inline-block;
  padding: 5.5rem 0 0 0;
}

.pageLasik .lasikView .txt ul li {
  padding-bottom: 0.8rem;
  text-align: left;
}

.pageLasik .lasikView .txt ul + p {
  padding-top: 10rem;
}

.pageLasik .lasikView .txt ul + p span {
  display: inline-block;
  max-width: 69.3rem;
  text-align: left;
}

.pageLasik .lasikView .txt p {
  padding: 5.5rem 0 0 0;
  max-width: 66rem;
  margin: 0 auto;
  text-align: left;
}

.pageLasik .lasikView .txt h4 {
  padding: 0 0 1rem 0;
  color: #333;
  font-size: 2.2rem;
  text-align: left;
  font-family: "BebasNeuePro-ExpBd";
}

.pageLasik .lasikView .txt h4 + span {
  display: block;
  padding-bottom: 5rem;
}

.pageLasik .lasikView .txt h4 + ul {
  padding: 0;
}

@media (max-width: 960px) {
  .pageLasik .lasikView .txt ul {
    padding: 2.5rem 0 0 0;
  }
  .pageLasik .lasikView .txt ul li {
    padding-left: 1.3rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
    text-indent: -1.6rem;
  }
  .pageLasik .lasikView .txt ul + p {
    padding-top: 8rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pageLasik .lasikView .txt p {
    padding: 2.5rem 0 0 0;
    line-height: 1.3;
  }
  .pageLasik .lasikView .txt h4 {
    padding: 0 0 1rem 0;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .pageLasik .lasikView .txt h4 + span {
    line-height: 1.4;
    padding-bottom: 3rem;
  }
}

.pageLasik .lasikView .movieColumn {
  width: 100%;
  overflow: hidden;
}

.pageLasik .lasikView .movieColumn article {
  float: left;
  width: calc(50% - 1rem);
  margin-left: 2rem;
}

.pageLasik .lasikView .movieColumn article h4 {
  padding: 3.5rem 0 0.5rem 1rem;
  color: #333;
  font-size: 2.2rem;
  font-family: "BebasNeuePro-ExpBd";
}

.pageLasik .lasikView .movieColumn article ul {
  padding-left: 1rem;
}

.pageLasik .lasikView .movieColumn article ul li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
}

.pageLasik .lasikView .movieColumn article ul li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  .pageLasik .lasikView .movieColumn article ul li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

.pageLasik .lasikView .movieColumn article p {
  padding-left: 1rem;
}

@media (max-width: 960px) {
  .pageLasik .lasikView .movieColumn article {
    width: 100%;
    margin-left: 0;
  }
  .pageLasik .lasikView .movieColumn article h4 {
    padding: 2.4rem 0 1.5rem 0;
    font-size: 1.8rem;
  }
  .pageLasik .lasikView .movieColumn article ul li {
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pageLasik .lasikView .movieColumn article p {
    padding-left: 0;
    padding-bottom: 6.1rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}

.pageLasik .lasikView .movieColumn article:first-child {
  margin-left: 0;
}

.pageLasik .laserLASIK {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 20rem;
  background-color: #f7f7f7;
  padding-bottom: 11.7rem;
}

.pageLasik .laserLASIK .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pageLasik .laserLASIK .visuMaxImage {
  width: 100%;
  padding-top: 40%;
  background: url("../images/medi_lasik_img1.jpg") no-repeat;
  background-size: 100% auto;
}

.pageLasik .laserLASIK .boxColumn {
  position: relative;
  display: table;
  border-spacing: 2rem;
  margin: -2rem -2rem 1rem -2rem;
}

.pageLasik .laserLASIK .boxColumn article {
  display: table-cell;
  vertical-align: top;
  padding: 0.2rem 8rem 3.5rem 10rem;
  background-color: #fff;
  width: calc(50% - 1rem);
  margin-left: 2rem;
  width: 59rem;
}

.pageLasik .laserLASIK .boxColumn article:first-child {
  margin-left: 0;
}

.pageLasik .laserLASIK .boxColumn article h4 {
  padding: 3.5rem 0 0.5rem 1rem;
  color: #333;
  font-size: 2.2rem;
  font-family: "BebasNeuePro-ExpBd";
}

.pageLasik .laserLASIK .boxColumn article ul {
  padding-left: 1rem;
}

.pageLasik .laserLASIK .boxColumn article ul li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
}

.pageLasik .laserLASIK .boxColumn article ul li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  .pageLasik .laserLASIK .boxColumn article ul li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

.pageLasik .laserLASIK .boxColumn article p {
  padding-left: 1rem;
}

@media (max-width: 960px) {
  .pageLasik .laserLASIK .boxColumn article {
    width: 100%;
    margin-left: 0;
  }
  .pageLasik .laserLASIK .boxColumn article h4 {
    padding: 2.4rem 0 1.5rem 0;
    font-size: 1.8rem;
  }
  .pageLasik .laserLASIK .boxColumn article ul li {
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pageLasik .laserLASIK .boxColumn article p {
    padding-left: 0;
    padding-bottom: 6.1rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}

.pageLasik .laserLASIK .visuMaxDesc {
  padding: 7rem 5rem 0;
  text-align: center;
}

.pageLasik .laserLASIK .visuMaxDesc h4 {
  padding-bottom: 1.3rem;
  color: #54bfc2;
  font-size: 2.8rem;
  font-family: "BebasNeuePro-ExpBd";
}

.pagePRK .prkView {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  background-color: #f7f7f7;
  padding-bottom: 11rem;
}

.pagePRK .prkView .innerWrap {
  max-width: calc(96rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pagePRK .prkView .youtube {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  max-width: 96rem;
  margin: 0 auto;
}

.pagePRK .prkView .youtube iframe {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 101%;
  height: 101%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
  .pagePRK .prkView .youtube {
    margin: 0 -2rem;
    padding-top: 63%;
  }
}

.pagePRK .prkView .txt {
  text-align: center;
}

.pagePRK .prkView .txt ul {
  display: inline-block;
  padding: 5.5rem 0 0 0;
}

.pagePRK .prkView .txt ul li {
  padding-bottom: 0.8rem;
  text-align: left;
}

.pagePRK .prkView .txt ul + p {
  padding-top: 10rem;
}

.pagePRK .prkView .txt ul + p span {
  display: inline-block;
  max-width: 69.3rem;
  text-align: left;
}

.pagePRK .prkView .txt p {
  padding: 5.5rem 0 0 0;
  max-width: 66rem;
  margin: 0 auto;
  text-align: left;
}

.pagePRK .prkView .txt h4 {
  padding: 0 0 1rem 0;
  color: #333;
  font-size: 2.2rem;
  text-align: left;
  font-family: "BebasNeuePro-ExpBd";
}

.pagePRK .prkView .txt h4 + span {
  display: block;
  padding-bottom: 5rem;
}

.pagePRK .prkView .txt h4 + ul {
  padding: 0;
}

@media (max-width: 960px) {
  .pagePRK .prkView .txt ul {
    padding: 2.5rem 0 0 0;
  }
  .pagePRK .prkView .txt ul li {
    padding-left: 1.3rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
    text-indent: -1.6rem;
  }
  .pagePRK .prkView .txt ul + p {
    padding-top: 8rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pagePRK .prkView .txt p {
    padding: 2.5rem 0 0 0;
    line-height: 1.3;
  }
  .pagePRK .prkView .txt h4 {
    padding: 0 0 1rem 0;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .pagePRK .prkView .txt h4 + span {
    line-height: 1.4;
    padding-bottom: 3rem;
  }
}

.pagePRK .introLasek {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 18.5rem;
  padding-bottom: 11.6rem;
}

.pagePRK .introLasek .imgColumn {
  max-width: 96rem;
  margin: 0 auto;
  overflow: hidden;
}

.pagePRK .introLasek .imgColumn article {
  float: left;
  width: calc(50% - 1rem);
  margin-left: 2rem;
}

.pagePRK .introLasek .imgColumn article:first-child {
  margin-left: 0;
}

.pagePRK .introLasek .imgColumn article figure img {
  width: 100%;
}

.pagePRK .introLasek .imgColumn article h4 {
  padding: 3.5rem 0 0.5rem 1rem;
  color: #333;
  font-size: 2.2rem;
  font-family: "BebasNeuePro-ExpBd";
}

.pagePRK .introLasek .imgColumn article ul {
  padding-left: 1rem;
}

.pagePRK .introLasek .imgColumn article ul li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
}

.pagePRK .introLasek .imgColumn article ul li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  .pagePRK .introLasek .imgColumn article ul li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

.pagePRK .introLasek .imgColumn article p {
  padding-left: 1rem;
}

@media (max-width: 960px) {
  .pagePRK .introLasek .imgColumn article {
    width: 100%;
    margin-left: 0;
  }
  .pagePRK .introLasek .imgColumn article h4 {
    padding: 2.4rem 0 1.5rem 0;
    font-size: 1.8rem;
  }
  .pagePRK .introLasek .imgColumn article ul li {
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pagePRK .introLasek .imgColumn article p {
    padding-left: 0;
    padding-bottom: 6.1rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}

.pagePRK .laserLasek {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 20rem;
  background-color: #f7f7f7;
  padding-bottom: 11.6rem;
}

.pagePRK .laserLasek .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pagePRK .laserLasek .boxColumn {
  position: relative;
  display: table;
  border-spacing: 2rem;
  margin: -2rem -2rem 1rem -2rem;
}

.pagePRK .laserLasek .boxColumn article {
  display: table-cell;
  vertical-align: top;
  padding: 0.2rem 8rem 3.5rem 10rem;
  background-color: #fff;
  width: calc(50% - 1rem);
  margin-left: 2rem;
  width: 59rem;
}

.pagePRK .laserLasek .boxColumn article:first-child {
  margin-left: 0;
}

.pagePRK .laserLasek .boxColumn article h4 {
  padding: 3.5rem 0 0.5rem 1rem;
  color: #333;
  font-size: 2.2rem;
  font-family: "BebasNeuePro-ExpBd";
}

.pagePRK .laserLasek .boxColumn article ul {
  padding-left: 1rem;
}

.pagePRK .laserLasek .boxColumn article ul li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
}

.pagePRK .laserLasek .boxColumn article ul li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  .pagePRK .laserLasek .boxColumn article ul li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

.pagePRK .laserLasek .boxColumn article p {
  padding-left: 1rem;
}

@media (max-width: 960px) {
  .pagePRK .laserLasek .boxColumn article {
    width: 100%;
    margin-left: 0;
  }
  .pagePRK .laserLasek .boxColumn article h4 {
    padding: 2.4rem 0 1.5rem 0;
    font-size: 1.8rem;
  }
  .pagePRK .laserLasek .boxColumn article ul li {
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pagePRK .laserLasek .boxColumn article p {
    padding-left: 0;
    padding-bottom: 6.1rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
}

.pagePRK .laserLasek .Desc {
  padding: 7rem 5rem 0;
  text-align: center;
}

.pagePRK .laserLasek .Desc h4 {
  padding-bottom: 1.3rem;
  color: #54bfc2;
  font-size: 2.8rem;
  font-family: "BebasNeuePro-ExpBd";
}

.pagePRK .laserLasek .Desc span {
  display: block;
}

.pagePiol .piolView {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  background-color: #f7f7f7;
  padding-bottom: 11rem;
}

.pagePiol .piolView .innerWrap {
  max-width: calc(96rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pagePiol .piolView .youtube {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  max-width: 96rem;
  margin: 0 auto;
}

.pagePiol .piolView .youtube iframe {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 101%;
  height: 101%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
  .pagePiol .piolView .youtube {
    margin: 0 -2rem;
    padding-top: 63%;
  }
}

.pagePiol .piolView .txt {
  text-align: center;
}

.pagePiol .piolView .txt ul {
  display: inline-block;
  padding: 5.5rem 0 0 0;
}

.pagePiol .piolView .txt ul li {
  padding-bottom: 0.8rem;
  text-align: left;
}

.pagePiol .piolView .txt ul + p {
  padding-top: 10rem;
}

.pagePiol .piolView .txt ul + p span {
  display: inline-block;
  max-width: 69.3rem;
  text-align: left;
}

.pagePiol .piolView .txt p {
  padding: 5.5rem 0 0 0;
  max-width: 66rem;
  margin: 0 auto;
  text-align: left;
}

.pagePiol .piolView .txt h4 {
  padding: 0 0 1rem 0;
  color: #333;
  font-size: 2.2rem;
  text-align: left;
  font-family: "BebasNeuePro-ExpBd";
}

.pagePiol .piolView .txt h4 + span {
  display: block;
  padding-bottom: 5rem;
}

.pagePiol .piolView .txt h4 + ul {
  padding: 0;
}

@media (max-width: 960px) {
  .pagePiol .piolView .txt ul {
    padding: 2.5rem 0 0 0;
  }
  .pagePiol .piolView .txt ul li {
    padding-left: 1.3rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
    text-indent: -1.6rem;
  }
  .pagePiol .piolView .txt ul + p {
    padding-top: 8rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pagePiol .piolView .txt p {
    padding: 2.5rem 0 0 0;
    line-height: 1.3;
  }
  .pagePiol .piolView .txt h4 {
    padding: 0 0 1rem 0;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .pagePiol .piolView .txt h4 + span {
    line-height: 1.4;
    padding-bottom: 3rem;
  }
}

.pagePiol .evoIcl {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 18.5rem;
}

.pagePiol .evoIcl .evoIclImage {
  width: 100%;
  max-width: 96rem;
  margin: 0 auto;
  padding-top: 35.334%;
  background: url("../images/medi_piol_img1.jpg") no-repeat;
  background-size: 100% auto;
}

.pagePiol .correction {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 18.5rem;
}

.pagePiol .correction .titleGroup ul {
  max-width: 66rem;
  margin: 0 auto;
}

.pageCustomizing .infoMs {
  padding: 11rem 0 3rem 0 !important;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
}

.pageCustomizing .contouraVision {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 9rem;
  background-color: #f7f7f7;
  padding-bottom: 11.5rem;
}

.pageCustomizing .contouraVision .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pageCustomizing .contouraVision figure {
  max-width: 92rem;
  margin: 0 auto;
}

.pageCustomizing .contouraVision figure img {
  width: 100%;
}

.pageCustomizing .contouraVision .txt {
  text-align: center;
}

.pageCustomizing .contouraVision .txt ul {
  display: inline-block;
  padding: 5.5rem 0 0 0;
}

.pageCustomizing .contouraVision .txt ul li {
  padding-bottom: 0.8rem;
  text-align: left;
}

.pageCustomizing .contouraVision .txt ul + p {
  padding-top: 10rem;
}

.pageCustomizing .contouraVision .txt ul + p span {
  display: inline-block;
  max-width: 69.3rem;
  text-align: left;
}

.pageCustomizing .contouraVision .txt p {
  padding: 5.5rem 0 0 0;
  max-width: 66rem;
  margin: 0 auto;
  text-align: left;
}

.pageCustomizing .contouraVision .txt h4 {
  padding: 0 0 1rem 0;
  color: #333;
  font-size: 2.2rem;
  text-align: left;
  font-family: "BebasNeuePro-ExpBd";
}

.pageCustomizing .contouraVision .txt h4 + span {
  display: block;
  padding-bottom: 5rem;
}

.pageCustomizing .contouraVision .txt h4 + ul {
  padding: 0;
}

@media (max-width: 960px) {
  .pageCustomizing .contouraVision .txt ul {
    padding: 2.5rem 0 0 0;
  }
  .pageCustomizing .contouraVision .txt ul li {
    padding-left: 1.3rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
    text-indent: -1.6rem;
  }
  .pageCustomizing .contouraVision .txt ul + p {
    padding-top: 8rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pageCustomizing .contouraVision .txt p {
    padding: 2.5rem 0 0 0;
    line-height: 1.3;
  }
  .pageCustomizing .contouraVision .txt h4 {
    padding: 0 0 1rem 0;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .pageCustomizing .contouraVision .txt h4 + span {
    line-height: 1.4;
    padding-bottom: 3rem;
  }
}

.pageCustomizing .contouraVision .txt p {
  max-width: 100%;
  padding-top: 5rem;
  text-align: center;
}

.pageCustomizing .waveVision {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 20rem;
  padding-bottom: 7rem;
}

.pageCustomizing .waveVision .titleGroup .subText {
  max-width: 82rem !important;
}

.pageCustomizing .waveVision figure img {
  width: 100%;
}

.pageCustomizing .waveVision .txt {
  text-align: center;
  max-width: 84rem;
  margin: 0 auto;
  text-align: left;
  padding: 5rem 0 0 0;
}

.pageCustomizing .waveVision .txt ul {
  display: inline-block;
  padding: 5.5rem 0 0 0;
}

.pageCustomizing .waveVision .txt ul li {
  padding-bottom: 0.8rem;
  text-align: left;
}

.pageCustomizing .waveVision .txt ul + p {
  padding-top: 10rem;
}

.pageCustomizing .waveVision .txt ul + p span {
  display: inline-block;
  max-width: 69.3rem;
  text-align: left;
}

.pageCustomizing .waveVision .txt p {
  padding: 5.5rem 0 0 0;
  max-width: 66rem;
  margin: 0 auto;
  text-align: left;
}

.pageCustomizing .waveVision .txt h4 {
  padding: 0 0 1rem 0;
  color: #333;
  font-size: 2.2rem;
  text-align: left;
  font-family: "BebasNeuePro-ExpBd";
}

.pageCustomizing .waveVision .txt h4 + span {
  display: block;
  padding-bottom: 5rem;
}

.pageCustomizing .waveVision .txt h4 + ul {
  padding: 0;
}

@media (max-width: 960px) {
  .pageCustomizing .waveVision .txt ul {
    padding: 2.5rem 0 0 0;
  }
  .pageCustomizing .waveVision .txt ul li {
    padding-left: 1.3rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
    text-indent: -1.6rem;
  }
  .pageCustomizing .waveVision .txt ul + p {
    padding-top: 8rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pageCustomizing .waveVision .txt p {
    padding: 2.5rem 0 0 0;
    line-height: 1.3;
  }
  .pageCustomizing .waveVision .txt h4 {
    padding: 0 0 1rem 0;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .pageCustomizing .waveVision .txt h4 + span {
    line-height: 1.4;
    padding-bottom: 3rem;
  }
}

.pageCustomizing .xtraVision {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 20rem;
  background-color: #f7f7f7;
  padding-bottom: 10.5rem;
}

.pageCustomizing .xtraVision .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pageCustomizing .xtraVision figure img {
  width: 100%;
}

.pageCustomizing .xtraVision .txt {
  text-align: center;
  max-width: 68rem;
  margin: 0 auto;
  padding-top: 5rem;
  text-align: left;
}

.pageCustomizing .xtraVision .txt ul {
  display: inline-block;
  padding: 5.5rem 0 0 0;
}

.pageCustomizing .xtraVision .txt ul li {
  padding-bottom: 0.8rem;
  text-align: left;
}

.pageCustomizing .xtraVision .txt ul + p {
  padding-top: 10rem;
}

.pageCustomizing .xtraVision .txt ul + p span {
  display: inline-block;
  max-width: 69.3rem;
  text-align: left;
}

.pageCustomizing .xtraVision .txt p {
  padding: 5.5rem 0 0 0;
  max-width: 66rem;
  margin: 0 auto;
  text-align: left;
}

.pageCustomizing .xtraVision .txt h4 {
  padding: 0 0 1rem 0;
  color: #333;
  font-size: 2.2rem;
  text-align: left;
  font-family: "BebasNeuePro-ExpBd";
}

.pageCustomizing .xtraVision .txt h4 + span {
  display: block;
  padding-bottom: 5rem;
}

.pageCustomizing .xtraVision .txt h4 + ul {
  padding: 0;
}

@media (max-width: 960px) {
  .pageCustomizing .xtraVision .txt ul {
    padding: 2.5rem 0 0 0;
  }
  .pageCustomizing .xtraVision .txt ul li {
    padding-left: 1.3rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
    text-indent: -1.6rem;
  }
  .pageCustomizing .xtraVision .txt ul + p {
    padding-top: 8rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pageCustomizing .xtraVision .txt p {
    padding: 2.5rem 0 0 0;
    line-height: 1.3;
  }
  .pageCustomizing .xtraVision .txt h4 {
    padding: 0 0 1rem 0;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .pageCustomizing .xtraVision .txt h4 + span {
    line-height: 1.4;
    padding-bottom: 3rem;
  }
}

.pageCustomizing .xtraVision .txt li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
  padding-bottom: 0.5rem !important;
}

.pageCustomizing .xtraVision .txt li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  .pageCustomizing .xtraVision .txt li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

.pageCustomizing .eyeDrops {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 20rem;
  padding-bottom: 20rem;
  overflow: hidden;
}

.pageCustomizing .eyeDrops .titleGroup .subText {
  max-width: 82rem !important;
}

.pageCustomizing .eyeDrops figure {
  float: left;
  width: 55.8%;
}

.pageCustomizing .eyeDrops figure img {
  width: 100%;
  max-width: 67rem;
}

.pageCustomizing .eyeDrops .txt {
  float: right;
  width: 44.2%;
  text-align: center;
  padding: 8rem 0 0 5.8rem;
  text-align: left;
}

.pageCustomizing .eyeDrops .txt ul {
  display: inline-block;
  padding: 5.5rem 0 0 0;
}

.pageCustomizing .eyeDrops .txt ul li {
  padding-bottom: 0.8rem;
  text-align: left;
}

.pageCustomizing .eyeDrops .txt ul + p {
  padding-top: 10rem;
}

.pageCustomizing .eyeDrops .txt ul + p span {
  display: inline-block;
  max-width: 69.3rem;
  text-align: left;
}

.pageCustomizing .eyeDrops .txt p {
  padding: 5.5rem 0 0 0;
  max-width: 66rem;
  margin: 0 auto;
  text-align: left;
}

.pageCustomizing .eyeDrops .txt h4 {
  padding: 0 0 1rem 0;
  color: #333;
  font-size: 2.2rem;
  text-align: left;
  font-family: "BebasNeuePro-ExpBd";
}

.pageCustomizing .eyeDrops .txt h4 + span {
  display: block;
  padding-bottom: 5rem;
}

.pageCustomizing .eyeDrops .txt h4 + ul {
  padding: 0;
}

@media (max-width: 960px) {
  .pageCustomizing .eyeDrops .txt ul {
    padding: 2.5rem 0 0 0;
  }
  .pageCustomizing .eyeDrops .txt ul li {
    padding-left: 1.3rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
    text-indent: -1.6rem;
  }
  .pageCustomizing .eyeDrops .txt ul + p {
    padding-top: 8rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pageCustomizing .eyeDrops .txt p {
    padding: 2.5rem 0 0 0;
    line-height: 1.3;
  }
  .pageCustomizing .eyeDrops .txt h4 {
    padding: 0 0 1rem 0;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .pageCustomizing .eyeDrops .txt h4 + span {
    line-height: 1.4;
    padding-bottom: 3rem;
  }
}

.pageCustomizing .eyeDrops .txt li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
  padding-bottom: 0.5rem !important;
}

.pageCustomizing .eyeDrops .txt li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  .pageCustomizing .eyeDrops .txt li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

@media (max-width: 1145px) {
  .pageCustomizing .eyeDrops .txt {
    padding: 3rem 0 0 5.8rem;
  }
}

.pageCataracts .crsView {
  max-width: 120rem;
  margin: 0 auto;
  padding-bottom: 12rem;
}

.pageCataracts .crsView .subText {
  max-width: 83rem !important;
}

.pageCataracts .crsView .imageView {
  width: 100%;
  overflow: hidden;
}

.pageCataracts .crsView .imageView figure {
  float: left;
  width: calc(33.33% - 2rem);
  margin-left: 3rem;
}

.pageCataracts .crsView .imageView figure:first-child {
  margin-left: 0;
}

.pageCataracts .crsView .imageView figure img {
  width: 100%;
}

.pageCataracts .crsView .imageView figure figcaption {
  padding-top: 3.4rem;
  text-align: center;
  color: #333;
  font-size: 2.2rem;
  font-family: "BebasNeuePro-ExpBd";
}

.pageCataracts .cataractView {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 20rem;
  background-color: #f7f7f7;
  padding-bottom: 12rem;
}

.pageCataracts .cataractView .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pageCataracts .cataractView .subText {
  max-width: 95rem !important;
  text-align: center !important;
  white-space: pre-line;
}

.pageCataracts .cataractView .youtube {
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
  max-width: 96rem;
  margin: 0 auto;
  padding-top: 45.25%;
}

.pageCataracts .cataractView .youtube iframe {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 101%;
  height: 101%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media (max-width: 960px) {
  .pageCataracts .cataractView .youtube {
    margin: 0 -2rem;
    padding-top: 63%;
  }
}

.pageCataracts .cataractView .imgColumn {
  padding: 0 1rem;
  margin: 10rem 0 -5.5rem -6.5rem;
  font-size: 0;
  letter-spacing: 0;
}

.pageCataracts .cataractView .imgColumn article {
  position: relative;
  display: inline-block;
  width: calc(33.33% - 6.5rem);
  max-width: 35rem;
  margin: 0 0 5.5rem 6.5rem;
  vertical-align: top;
}

.pageCataracts .cataractView .imgColumn article:before {
  display: inline-block;
  content: '';
  top: 10.6rem;
  left: -4rem;
  position: absolute;
  padding: 0.6rem;
  border: solid #aaa;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.pageCataracts .cataractView .imgColumn article:nth-child(1):before, .pageCataracts .cataractView .imgColumn article:nth-child(4):before {
  display: none;
}

.pageCataracts .cataractView .imgColumn article figure {
  padding-bottom: 3rem;
}

.pageCataracts .cataractView .imgColumn article figure img {
  width: 100%;
}

.pageCataracts .cataractView .imgColumn article span {
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
}

.pageCataracts .cataractView .imgColumn article h4 {
  line-height: 2.8rem;
  font-size: 2.4rem;
  font-family: "BebasNeuePro-ExpBd";
  color: #333;
}

.pageCataracts .compareLenses {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 20rem;
  padding-bottom: 12rem;
}

.pageCataracts .compareLenses .subText {
  max-width: 82rem !important;
  text-align: center !important;
}

.pageCataracts .compareLenses .tab {
  display: none;
}

.pageCataracts .compareLenses .compareView {
  padding: 0 1rem;
}

.pageCataracts .compareLenses .compareView .imgColumn {
  width: calc(100%);
  margin-left: -1rem;
  font-size: 0;
  letter-spacing: 0;
}

.pageCataracts .compareLenses .compareView .imgColumn figure {
  display: inline-block;
  width: calc(100% / 2 - 1rem);
  margin: 0 0 0 1rem;
  vertical-align: top;
}

.pageCataracts .compareLenses .compareView .imgColumn figure img {
  width: 100%;
}

.pageCataracts .compareLenses .compareView dl {
  padding-top: 6.4rem;
}

.pageCataracts .compareLenses .compareView dl .monoLens {
  width: 38.3333%;
  text-align: right;
}

.pageCataracts .compareLenses .compareView dl .multiLens {
  width: 38.3333%;
  text-align: left;
}

.pageCataracts .compareLenses .compareView dl .compareTitle {
  width: 21.6666%;
  text-align: center;
}

.pageCataracts .compareLenses .compareView dl dt {
  padding-bottom: 3.5rem;
}

.pageCataracts .compareLenses .compareView dl dt em {
  display: inline-block;
  vertical-align: middle;
  font-size: 3.2rem;
  font-family: "BebasNeuePro-ExpBd";
  color: #333;
}

@media (max-width: 1145px) {
  .pageCataracts .compareLenses .compareView dl dt em {
    line-height: 3.4rem;
  }
  .pageCataracts .compareLenses .compareView dl dt em span {
    display: inline-block;
  }
}

.pageCataracts .compareLenses .compareView dl dt span {
  font-family: "BebasNeuePro-ExpRg";
  font-size: 1.8rem;
}

.pageCataracts .compareLenses .compareView dl dt strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 5rem;
  font-weight: 500;
  color: #c1c1c1;
}

.pageCataracts .compareLenses .compareView dl dd {
  position: relative;
  display: table;
  width: 100%;
}

.pageCataracts .compareLenses .compareView dl dd:first-of-type p {
  border-top: 1px solid #333;
}

.pageCataracts .compareLenses .compareView dl dd:last-of-type p {
  border-bottom: 1px solid #333;
}

.pageCataracts .compareLenses .compareView dl dd p {
  display: table-cell;
  height: 10rem;
  vertical-align: middle;
  border-top: 1px solid #eaeaea;
}

.pageCataracts .compareLenses .compareView dl dd p:not(.compareTitle) {
  font-size: 2rem;
  color: #333;
}

.pageCataracts .compareLenses .compareView dl dd p.monoLens {
  padding-left: 7rem;
}

.pageCataracts .compareLenses .compareView dl dd p.compareTitle {
  padding-top: 4.5rem;
  border: 0;
  background-repeat: no-repeat;
  background-position: 50% 1.7rem;
}

.pageCataracts .compareLenses .compareView dl dd:nth-child(2) .compareTitle {
  background-image: url("../images/icon_cataracts_1.png");
}

.pageCataracts .compareLenses .compareView dl dd:nth-child(3) .compareTitle {
  background-image: url("../images/icon_cataracts_2.png");
}

.pageCataracts .compareLenses .compareView dl dd:nth-child(4) .compareTitle {
  background-image: url("../images/icon_cataracts_3.png");
}

.pageCataracts .compareLenses .compareView dl dd:nth-child(5) .compareTitle {
  background-image: url("../images/icon_cataracts_4.png");
}

.pageCataracts .chooseReason {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 20rem;
  background-color: #f7f7f7;
  padding-bottom: 12rem;
}

.pageCataracts .chooseReason .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pageCataracts .chooseReason .imageView {
  margin-top: 4.7rem;
}

.pageCataracts .chooseReason .imageView li {
  width: calc(92.5% / 3);
  max-width: 37rem;
  margin-left: 3.8%;
}

.pageCataracts .chooseReason .imageView li:first-child {
  margin-left: 0;
}

.pageCataracts .chooseReason .imageView figure {
  display: block;
  max-width: 37rem;
}

.pageCataracts .chooseReason .imageView figure img {
  width: 100%;
}

.pageCataracts .chooseReason .imageView strong {
  display: block;
  padding: 4rem 1rem 0 1rem;
  line-height: 2.4rem;
  color: #333;
  font-weight: 600;
}

.pageCataracts .chooseReason .imageView p {
  line-height: 2.4rem;
  padding: 2rem 1rem 0 1rem;
}

.pageLens .lensView {
  max-width: 81rem;
  margin: 0 auto;
  padding-bottom: 12rem;
}

.pageLens .lensView .titleGroup .subText {
  max-width: 75rem;
}

.pageLens .lensView .txt {
  padding-top: 12rem;
  text-align: center;
}

.pageLens .lensView .txt strong {
  display: block;
  padding-bottom: 2rem;
  font-weight: 600;
  color: #333;
  font-size: 1.8rem;
}

.pageLens .lensView .txt p {
  max-width: 75rem;
  padding-bottom: 6rem;
  margin: 0 auto;
  line-height: 1.45;
}

.pageLens .lensView .txt + figure {
  width: 100%;
  margin: 0;
}

.pageLens .lensView figure img {
  width: 100%;
}

.pageLens .safeOption {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 20rem;
  background-color: #f7f7f7;
  padding-bottom: 12rem;
}

.pageLens .safeOption .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pageLens .safeOption .titleGroup h2 {
  padding-bottom: 2.5rem !important;
}

.pageLens .safeOption .titleGroup .subText {
  max-width: 94rem !important;
  padding-bottom: 6.5rem !important;
}

.pageLens .safeOption .iconView li {
  width: 33.33%;
  max-width: 40rem;
  padding: 18rem 0 7.5rem;
  border: 1px solid #ddd;
  border-left: 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 50% 8rem;
  text-align: center;
}

.pageLens .safeOption .iconView li:nth-child(1) {
  border-left: 1px solid #ddd;
  background-image: url("../images/icon_lens_1.png");
}

.pageLens .safeOption .iconView li:nth-child(2) {
  background-image: url("../images/icon_lens_2.png");
}

.pageLens .safeOption .iconView li:nth-child(3) {
  background-image: url("../images/icon_lens_3.png");
}

.pageLens .safeOption .iconView li h4 {
  padding-bottom: 2.5rem;
  font-size: 2.8rem;
  font-family: "BebasNeuePro-ExpBd";
  color: #333;
}

.pageLens .safeOption .iconView li p {
  max-width: 27rem;
  margin: 0 auto;
  line-height: 2.4rem;
  color: #333;
}

.pageLens .lensReasons {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 19.5rem;
  padding-bottom: 20rem;
  font-size: 0;
}

.pageLens .lensReasons .titleGroup h2 {
  padding-bottom: 6rem !important;
}

.pageLens .lensReasons .reasonView {
  margin: 0 -1rem -1rem 0;
}

.pageLens .lensReasons .reasonView dl {
  display: inline-block;
  width: calc(100% / 2 - 1rem);
  height: 31.3rem;
  padding: 6rem 5rem;
  margin: 0 1rem 1rem 0;
  background-color: #efefef;
  background-repeat: no-repeat;
  background-position: 104% 100%;
  vertical-align: top;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

@media (max-width: 1145px) {
  .pageLens .lensReasons .reasonView dl {
    height: 47.3rem;
  }
}

.pageLens .lensReasons .reasonView dl:nth-child(1) {
  background-image: url("../images/bg_lens_reason1.png");
}

.pageLens .lensReasons .reasonView dl:nth-child(2) {
  background-image: url("../images/bg_lens_reason2.png");
}

.pageLens .lensReasons .reasonView dl:nth-child(3) {
  background-image: url("../images/bg_lens_reason3.png");
}

.pageLens .lensReasons .reasonView dl:nth-child(4) {
  background-image: url("../images/bg_lens_reason4.png");
}

.pageLens .lensReasons .reasonView dl dt {
  padding-bottom: 3.8rem;
  font-family: "BebasNeuePro-ExpBd";
  color: #333;
}

.pageLens .lensReasons .reasonView dl dt span {
  display: block;
  padding-bottom: 1rem;
  font-size: 1.6rem;
}

.pageLens .lensReasons .reasonView dl dt strong {
  line-height: 3.2rem;
  font-size: 2.8rem;
}

.pageLens .lensReasons .reasonView dl dd {
  max-width: 24.5rem;
  font-size: 1.6rem;
  color: #333;
}

.pagePrecautions .innerWrap .txt {
  background-color: #fff;
}

.pagePrecautions .titleGroup h2 {
  padding-bottom: 6.5rem !important;
}

.pagePrecautions .titleGroup h2 em {
  color: #54bfc2;
}

.pagePrecautions .boxColumn .columnList {
  padding: 4rem 0 4rem 16.5rem;
  border: 1px solid #ddd;
}

.pagePrecautions .boxColumn .columnList h4 {
  line-height: 1.4;
  font-weight: normal;
  font-family: "BebasNeuePro-ExpBd";
  color: #333;
  font-size: 2.2rem;
}

.pagePrecautions .boxColumn .columnList ul {
  padding-right: 14rem;
  margin-top: 2rem;
}

.pagePrecautions .boxColumn .columnList ul li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
}

.pagePrecautions .boxColumn .columnList ul li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  .pagePrecautions .boxColumn .columnList ul li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

.pagePrecautions .boxColumn .columnList:not(:first-child) {
  padding: 5rem 0 5rem 16.5rem;
  background-position-y: 6rem;
}

.pagePrecautions .boxColumn .columnList:not(:last-child) {
  border-bottom: 0;
}

.pagePrecautions .descText {
  max-width: 96rem;
  margin: 0 auto;
}

.pagePrecautions .descText p {
  padding-bottom: 3rem;
  white-space: pre-line;
  word-break: break-word;
}

.pagePrecautions .txt {
  padding: 2rem 13.5rem 6rem 12rem;
  background-color: #f7f7f7;
}

.pagePrecautions .txt h4 {
  padding-top: 2.6rem;
  font-size: 2.2rem;
  font-weight: normal;
  font-family: "BebasNeuePro-ExpBd";
  color: #333;
}

.pagePrecautions .txt ul {
  max-width: 96rem;
  padding-top: 1.5rem;
  margin: 0 auto;
  font-weight: 500;
}

.pagePrecautions .txt ul li {
  position: relative;
  padding: 0 0 0.4rem 0.8rem;
}

.pagePrecautions .txt ul li::before {
  display: inline-block;
  content: '';
  top: 1.1rem;
  left: 0;
  position: absolute;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #808080;
}

@media (max-width: 960px) {
  .pagePrecautions .txt ul li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

.pagePrecautions .examination {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  background-color: #f7f7f7;
  padding-top: 18rem;
  padding-bottom: 12rem;
}

.pagePrecautions .examination .innerWrap {
  margin: 0 auto !important;
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pagePrecautions .examination .boxColumn {
  background-color: #fff;
}

.pagePrecautions .examination .boxColumn .columnList.list01 {
  background: url("../images/icon_precautions_01.png") no-repeat;
  background-position: 6rem 6rem;
}

.pagePrecautions .examination .boxColumn .columnList.list02 {
  background: url("../images/icon_precautions_02.png") no-repeat;
  background-position: 6rem 6rem;
}

.pagePrecautions .examination .boxColumn .columnList.list03 {
  background: url("../images/icon_precautions_03.png") no-repeat;
  background-position: 6rem 6rem;
}

.pagePrecautions .examination .boxColumn .columnList.list04 {
  background: url("../images/icon_precautions_04.png") no-repeat;
  background-position: 6rem 6rem;
}

.pagePrecautions .examination .descText {
  padding-top: 4rem;
}

.pagePrecautions .examination .descText p {
  padding-bottom: 0;
  line-height: 1.5;
  font-size: 1.6rem;
  color: #999;
}

.pagePrecautions .beforeSurgery {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 13rem;
  padding-bottom: 10.6rem;
}

.pagePrecautions .beforeSurgery .titleGroup h2 {
  padding-bottom: 7.6rem !important;
}

.pagePrecautions .beforeSurgery .boxColumn {
  margin-bottom: 5rem;
  background-color: #fff;
}

.pagePrecautions .beforeSurgery .boxColumn .columnList:first-child {
  background: url("../images/icon_precautions_01.png") no-repeat 6rem 5rem;
}

.pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(2) {
  background: url("../images/icon_precautions_02_01.png") no-repeat 6rem 6rem;
}

.pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(3) {
  background: url("../images/icon_precautions_02_02.png") no-repeat 6rem 6rem;
}

.pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(4) {
  background: url("../images/icon_precautions_02_03.png") no-repeat 6rem 6rem;
}

.pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(5) {
  background: url("../images/icon_precautions_02_04.png") no-repeat 6rem 6rem;
}

.pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(3) {
  padding-bottom: 10rem;
}

.pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(3) ul li:last-child::before, .pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(5) ul li:last-child::before {
  display: none;
}

.pagePrecautions .smileSurgery {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 11.6rem;
  background-color: #f7f7f7;
  padding-bottom: 11.3rem;
}

.pagePrecautions .smileSurgery .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pagePrecautions .lasikSurgery {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 11.1rem;
  padding-bottom: 11.9rem;
}

.pagePrecautions .prkSurgery {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 12rem;
  background-color: #f7f7f7;
  padding-bottom: 10.8rem;
}

.pagePrecautions .prkSurgery .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pagePrecautions .piolSurgery {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 12rem;
  padding-bottom: 10.5rem;
}

.pagePrecautions .cataractSurgery {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  padding-top: 12rem;
  background-color: #f7f7f7;
  padding-bottom: 9.5rem;
}

.pagePrecautions .cataractSurgery .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
  margin: 0 auto !important;
}

.pageRSA .rsaView {
  width: calc(100% + 4rem);
  margin-left: -2rem;
  margin-right: -2rem;
  background-color: #f7f7f7;
  padding-bottom: 11.7rem;
}

.pageRSA .rsaView .innerWrap {
  max-width: calc(120rem + 4rem);
  margin: 0 auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.pageRSA .rsaView .titleGroup .subText {
  max-width: 73rem !important;
}

.pageRSA .rsaView .showcaseImage {
  width: 100%;
}

.pageRSA .rsaView .showcaseImage img {
  width: 100%;
}

.pageRSA .memberList {
  max-width: 120rem;
  margin: 0 auto;
  padding-top: 12rem;
  padding-bottom: 9.8rem;
}

.pageRSA .memberList ul {
  width: 100%;
  overflow: hidden;
}

.pageRSA .memberList li {
  float: left;
  width: calc(50% - 1.6%);
  max-width: 58rem;
  padding-bottom: 9.4rem;
}

.pageRSA .memberList li:nth-child(even) {
  margin-left: 1.6%;
}

.pageRSA .memberList li:nth-child(odd) {
  clear: both;
  margin-right: 1.6%;
}

.pageRSA .memberList figure {
  position: relative;
  padding-top: 58.621%;
  overflow: hidden;
}

.pageRSA .memberList figure img {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 101%;
}

.pageRSA .memberList strong {
  display: block;
  padding: 4.3rem 1rem 1.6rem 2rem;
  font-weight: normal;
  font-size: 1.8rem;
  color: #333;
}

.pageRSA .memberList span {
  display: block;
  padding: 0 1rem 0 2rem;
}

.pageRSA .showcaseMovie {
  max-width: 96rem;
  margin: 0 auto;
  padding-bottom: 19.5rem;
}

.pageRSA .showcaseMovie .youtube {
  position: relative;
  padding-top: 56.3%;
  overflow: hidden;
  margin-bottom: 6rem;
}

.pageRSA .showcaseMovie .youtube iframe {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 102%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pageRSA .showcaseMovie h3 {
  text-align: center;
}

.pageCelebrities .celebritiesView {
  max-width: 120rem;
  margin: 0 auto;
  padding-bottom: 20rem;
}

.pageCelebrities .celebritiesView .titleGroup .subText {
  max-width: 85rem !important;
}

.pageCelebrities .celebritiesView .imageList {
  width: 100%;
  overflow: hidden;
  padding-bottom: 3rem;
}

.pageCelebrities .celebritiesView .imageList ul {
  width: calc(100% + 2.7rem);
  overflow: hidden;
  display: block;
}

.pageCelebrities .celebritiesView .imageList li {
  position: relative;
  float: left;
  width: calc(100% / 4 - 1.674rem);
  margin: 0 1.3rem 5.3rem 0;
  overflow: hidden;
}

.pageCelebrities .celebritiesView .imageList li figure {
  position: relative;
  padding-top: 77.245%;
  overflow: hidden;
}

.pageCelebrities .celebritiesView .imageList li figure span {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
}

.pageCelebrities .celebritiesView .imageList li figure img {
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.pageCelebrities .celebritiesView .imageList li strong {
  display: block;
  width: 100%;
  padding: 2.5rem 0 0 1.9rem;
  line-height: 2.2rem;
  color: #333;
  font-weight: normal;
  font-family: "BebasNeuePro-ExpBd";
  font-size: 20px;
}

@media (max-width: 1145px) {
  .pageCelebrities .celebritiesView .imageList li strong {
    font-size: 1.6129vw;
  }
}

@media (max-width: 960px) {
  .pageCelebrities .celebritiesView .imageList li strong {
    font-size: 20px;
  }
}

.pageCelebrities .celebritiesView .imageList li em {
  display: block;
  padding: 1rem 0 0 1.9rem;
  font-size: 16px;
  color: #666;
}

@media (max-width: 1145px) {
  .pageCelebrities .celebritiesView .imageList li em {
    font-size: 1.29032vw;
  }
}

@media (max-width: 960px) {
  .pageCelebrities .celebritiesView .imageList li em {
    font-size: 14px;
  }
}

.pageCelebrities .celebritiesView .buttonArea {
  height: 4.7rem;
  text-align: center;
}

.pageCelebrities .celebritiesView .buttonArea .btbMore {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 17rem;
  max-height: 5.3rem;
  margin: 0 auto;
  font-family: "BebasNeuePro-ExpBd";
  font-size: 2rem;
  color: #333;
  text-align: left;
  padding: 0.8rem 0 0 2rem;
}

.pageCelebrities .celebritiesView .buttonArea .btbMore::before, .pageCelebrities .celebritiesView .buttonArea .btbMore::after {
  display: inline-block;
  content: '';
  top: 0.5rem;
  right: 1.2rem;
  position: absolute;
}

.pageCelebrities .celebritiesView .buttonArea .btbMore::before {
  z-index: 2;
  top: 2rem;
  right: 3rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 0.3rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.pageCelebrities .celebritiesView .buttonArea .btbMore::after {
  width: 4.2rem;
  height: 4.2rem;
  background-color: #87d4d5;
  border-radius: 50%;
}

@media (max-width: 960px) {
  .pageCelebrities .celebritiesView .buttonArea {
    height: 4rem;
    text-align: center;
  }
  .pageCelebrities .celebritiesView .buttonArea .btbMore {
    max-width: 15rem;
    max-height: 4.2rem;
    font-size: 1.6rem;
  }
  .pageCelebrities .celebritiesView .buttonArea .btbMore::before, .pageCelebrities .celebritiesView .buttonArea .btbMore::after {
    top: 0.3rem;
    right: 1.2rem;
    position: absolute;
  }
  .pageCelebrities .celebritiesView .buttonArea .btbMore::before {
    z-index: 2;
    top: 1.5rem;
    right: 2.6rem;
    border-width: 0 1px 1px 0;
    padding: 0.3rem;
  }
  .pageCelebrities .celebritiesView .buttonArea .btbMore::after {
    width: 3.5rem;
    height: 3.5rem;
  }
}

.pageClient .clientView {
  max-width: 120rem;
  margin: 0 auto;
  padding-bottom: 20rem;
}

.pageClient .clientView .titleGroup .subText {
  max-width: 85rem !important;
}

.pageClient .clientView .list {
  width: 100%;
  padding-bottom: 4rem;
}

.pageClient .clientView .list li {
  width: 100%;
  padding: 0 3rem;
  margin-bottom: 1rem;
  background-color: #f7f7f7;
}

.pageClient .clientView .list li:nth-child(odd) dd.circle {
  background-color: #f3c9ce;
}

.pageClient .clientView .list dl {
  position: relative;
  max-width: 94rem;
  margin: 0 auto;
  padding: 3.4rem 0 3.6rem 12rem;
}

.pageClient .clientView .list dl dt {
  font-family: "BebasNeuePro-ExpBd";
  color: #333;
  font-size: 2.2rem;
}

.pageClient .clientView .list dl dd.circle {
  top: 50%;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 9rem;
  height: 9rem;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
  line-height: 5.5;
  font-family: "BebasNeuePro-ExpBd";
  color: #333;
  background-color: #cce0ed;
}

.pageClient .clientView .list dl dd.circle img {
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}

.pageClient .clientView .buttonArea {
  height: 4.7rem;
  text-align: center;
}

.pageClient .clientView .buttonArea .btbMore {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 17rem;
  max-height: 5.3rem;
  margin: 0 auto;
  font-family: "BebasNeuePro-ExpBd";
  font-size: 2rem;
  color: #333;
  text-align: left;
  padding: 0.8rem 0 0 2rem;
}

.pageClient .clientView .buttonArea .btbMore::before, .pageClient .clientView .buttonArea .btbMore::after {
  display: inline-block;
  content: '';
  top: 0.5rem;
  right: 1.2rem;
  position: absolute;
}

.pageClient .clientView .buttonArea .btbMore::before {
  z-index: 2;
  top: 2rem;
  right: 3rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 0.3rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.pageClient .clientView .buttonArea .btbMore::after {
  width: 4.2rem;
  height: 4.2rem;
  background-color: #87d4d5;
  border-radius: 50%;
}

@media (max-width: 960px) {
  .pageClient .clientView .buttonArea {
    height: 4rem;
    text-align: center;
  }
  .pageClient .clientView .buttonArea .btbMore {
    max-width: 15rem;
    max-height: 4.2rem;
    font-size: 1.6rem;
  }
  .pageClient .clientView .buttonArea .btbMore::before, .pageClient .clientView .buttonArea .btbMore::after {
    top: 0.3rem;
    right: 1.2rem;
    position: absolute;
  }
  .pageClient .clientView .buttonArea .btbMore::before {
    z-index: 2;
    top: 1.5rem;
    right: 2.6rem;
    border-width: 0 1px 1px 0;
    padding: 0.3rem;
  }
  .pageClient .clientView .buttonArea .btbMore::after {
    width: 3.5rem;
    height: 3.5rem;
  }
}

@media (max-width: 960px) {
  .mainVisual {
    height: 68.4rem;
    padding: 0;
  }
  .mainVisual .title {
    top: 20rem;
  }
  .mainVisual .title h2 {
    margin-top: 1.6rem;
  }
  .mainVisual .title h2 strong {
    padding-bottom: 0.8rem;
  }
  .mainVisual .title h2 strong em {
    display: block;
  }
  .mainVisual .keyword {
    height: 14.5rem;
  }
  .mainVisual .keyword ul {
    padding-top: 1.3rem;
  }
  .mainVisual .keyword li span em {
    display: inline-block;
  }
  .mainVisual .keyword li::after {
    display: none;
  }
  .mainVisual .keyword .swiper-pagination {
    display: block;
    bottom: 2rem;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .mainVisual .keyword .swiper-pagination span {
    display: inline-block;
    width: 0.3rem;
    height: 0.3rem;
    margin: 0 0.4rem 0;
    vertical-align: top;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.2;
    -webkit-transition: 0.6s;
    transition: 0.6s;
  }
  .mainVisual .keyword .swiper-pagination span.swiper-pagination-bullet-active {
    -webkit-transform: scale(1.6);
            transform: scale(1.6);
    opacity: 0.7;
  }
  .mainVisual .backgroundVisual {
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 68.4rem;
    overflow: hidden;
    background-color: #21272e;
    background-size: auto 84%;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: scroll;
    background-image: url("../images/main_visual.jpg");
  }
  .mainVisual .backgroundVisual::before {
    display: none;
  }
  .mainVisual .backgroundVisual iframe {
    display: none;
  }
  .mainNews {
    height: auto;
    padding: 6.9rem 0 6rem 0;
  }
  .mainNews .slider {
    padding: 4.5rem 0 0 0;
  }
  .mainNews .slider::after {
    display: none;
  }
  .mainNews .newsImages, .mainNews .newsCont {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
    opacity: 0;
    -webkit-transition: 1.6s;
    transition: 1.6s;
  }
  .mainNews.sectionActive .newsImages, .mainNews.sectionActive .newsCont {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .mainNews.sectionActive .newsCont {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .mainService {
    padding: 4rem 0 1.5rem 0;
  }
  .mainService h3 {
    padding: 0 2rem;
  }
  .mainService .innerWrap {
    padding: 0;
  }
  .mainService .medicalList {
    margin: 4rem 0 0 0;
    padding-bottom: 7.3%;
  }
  .mainService .medicalList li a:hover {
    background-size: 125.5% auto;
  }
  .mainService .medicalList li a:hover strong {
    height: 16.2%;
    padding: 5% 0 0 5%;
    border-radius: 0;
    background-color: #ffffffb9;
  }
  .mainDoctors {
    padding: 7.5rem 0 3.5rem 0;
  }
  .mainDoctors .innerWrap {
    max-width: 100%;
    padding: 0;
  }
  .mainDoctors h3 {
    padding: 0 2rem;
  }
  .mainDoctors .doctorList {
    margin: 4rem 0 0 0;
    padding-bottom: 7.3%;
  }
  .mainDoctors .doctorList li a::after {
    display: none;
  }
  .mainDoctors .doctorList li a strong {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .mainVirtualTour {
    max-height: 28rem;
  }
  .mainVirtualTour h3 {
    top: 10rem;
    -webkit-transform: initial;
            transform: initial;
  }
  .mainVirtualTour h3::before {
    top: 2.3rem;
    right: -4.3rem;
    position: absolute;
    width: 3.5rem;
    height: 0.1rem;
  }
  .mainVirtualTour h3 strong::before, .mainVirtualTour h3 strong::after {
    top: 0.5rem;
    right: -6rem;
    position: absolute;
  }
  .mainVirtualTour h3 strong::before {
    width: 3.8rem;
    height: 3.8rem;
    background-color: #55b6b5;
  }
  .mainVirtualTour h3 strong::after {
    top: 2rem;
    right: -4.3rem;
    padding: 0.3rem;
  }
  .mainVirtualTour h3 p {
    font-family: 'Open Sans';
    font-size: 1.5rem;
    color: #fff;
    opacity: 0.7;
    font-weight: 400;
  }
  .mainVirtualTour h3 p span {
    display: block;
  }
  .mainVirtualTour .vrbox {
    top: -10rem;
    left: 0;
    position: absolute;
    height: 130%;
    background-image: url("../images/main_vr_bg_m.jpg");
  }
  .mainCenterTour {
    height: 47.5rem;
    padding: 6.5rem 0 6rem 0;
  }
  .mainCenterTour .tab {
    margin: 2.5rem auto 0 auto;
    padding-left: 2rem;
  }
  .mainCenterTour .tab::after {
    border-top: 2px solid #e6e6e6;
  }
  .mainCenterTour .tab li {
    width: 33.33% !important;
    padding-right: 0;
  }
  .mainCenterTour .tab li a {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding-bottom: 1.5rem;
    font-family: "BebasNeuePro-ExpRg";
    font-size: 1.8rem;
    color: #b3b3b3;
    line-height: 2rem;
  }
  .mainCenterTour .tab li a em {
    display: block;
  }
  .mainCenterTour .tab li a i {
    display: none;
  }
  .mainCenterTour .tab li.on a {
    border-bottom: 2px solid #58c5c6;
  }
  .mainCenterTour .tabContent {
    height: 18.5rem;
    margin-top: 2.7rem;
  }
  .mainWithBnviit {
    height: auto;
    padding: 8rem 0 3rem 0;
  }
  .mainWithBnviit .grid {
    max-height: 100%;
    margin-top: 4.1rem;
    padding: 0 0 8rem 0;
  }
  .mainWithBnviit .grid .btnMore {
    top: inherit;
    bottom: 1rem;
    width: 13.8rem;
    height: 3.6rem;
  }
  .mainWithBnviit .grid .btnMore i::after, .mainWithBnviit .grid .btnMore i::before {
    display: inline-block;
    content: '';
    position: absolute;
  }
  .mainWithBnviit .grid .btnMore i::before {
    top: 1.7rem;
    right: 1.8rem;
    width: 2.6rem;
  }
  .mainWithBnviit .grid .btnMore i::after {
    top: 1.5rem;
    right: 1.7rem;
    padding: 0.2rem;
  }
  .mainWithBnviit .grid .btnMore::after {
    top: -0.1rem;
    width: 3.5rem;
    height: 3.5rem;
  }
  .mainWithBnviit .RSAmembers {
    top: 0;
    left: 0;
    position: relative;
    width: 100%;
  }
  .mainWithBnviit .RSAmembers strong {
    height: auto;
    max-height: 9.7rem;
    line-height: 2rem;
    padding: 1.7rem 2rem 1.7rem 2.5rem;
  }
  .mainWithBnviit .RSAmembers strong p {
    max-height: 4rem;
  }
  .mainWithBnviit .celebrities {
    top: 0;
    right: 0;
    position: relative;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin-top: 1.5rem;
  }
  .mainWithBnviit .celebrities a {
    width: calc(50% - 0.75rem);
    max-width: 100%;
    padding-top: 36.72%;
    margin-left: 0;
  }
  .mainWithBnviit .celebrities a:first-child {
    margin-right: 1.5rem;
  }
  .mainWithBnviit .celebrities strong {
    height: 3.3rem;
    padding: 0.5rem 0 0 1.5rem;
  }
  .mainWithBnviit .clients {
    top: 0;
    right: 0;
    position: relative;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 1.5rem;
  }
  .mainWithBnviit .clients a {
    height: auto;
  }
  .mainWithBnviit .clients span {
    top: 50%;
    left: 2rem;
    position: absolute;
    width: 6.6rem;
    height: 6.6rem;
    line-height: 4;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .mainWithBnviit .clients strong {
    height: auto;
    padding: 2.4rem 2rem 2.4rem 9.9rem;
  }
  .mainWithBnviit .clients strong p {
    max-height: 6.6rem;
  }
  .mainOneday {
    padding: 8.2rem 0 0;
  }
  .mainOneday h3 {
    padding-bottom: 3rem;
    color: #fff;
    font-family: "BebasNeuePro-ExpBd";
  }
  .mainOneday .subTxt {
    color: #fff;
    opacity: 0.7;
  }
  .mainOneday .videobox {
    width: calc(100% + 4rem);
    max-width: 124rem;
    height: auto;
    padding-top: 63%;
    margin: 5rem -2rem 0 -2rem;
  }
  .mainOneday .videobox span {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .mainOneday .videobox iframe {
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .mainOneday .subTxt, .mainOneday .videobox {
    -webkit-transform: translateY(150px);
            transform: translateY(150px);
    opacity: 0;
    -webkit-transition: 1.6s;
    transition: 1.6s;
  }
  .mainOneday.sectionActive .subTxt, .mainOneday.sectionActive .videobox {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  .mainOneday.sectionActive .subTxt.subTxt, .mainOneday.sectionActive .videobox.subTxt {
    opacity: 0.7;
  }
  .onlineConsult {
    padding: 7.8rem 0 7rem 0;
  }
  .onlineConsult h4 {
    margin-bottom: 2.3rem;
  }
  .onlineConsult fieldset {
    padding-top: 3rem;
  }
  .onlineConsult fieldset li {
    width: 100%;
    min-height: auto;
    padding: 0 0 2.4rem 0;
  }
  .onlineConsult fieldset li:nth-child(odd) {
    width: 100%;
    padding: 0 0 2.4rem 0;
  }
  .onlineConsult fieldset li .formLable {
    padding-bottom: 1.2rem;
    font-size: 1.6rem;
  }
  .onlineConsult fieldset li > input {
    padding: 1.1rem 1.3rem 1.3rem;
    font-size: 1.5rem;
  }
  .onlineConsult fieldset li .radioForm {
    display: inline-block;
    width: calc(50% - 0.5rem);
    margin-right: 1rem;
    overflow: hidden;
    border: 1px solid #ccc;
    color: #333;
    font-size: 1.8rem;
    font-weight: 400;
  }
  .onlineConsult fieldset li .radioForm label {
    padding: 1.2rem 0 1.2rem 2.5rem;
    font-size: 1.5rem;
  }
  .onlineConsult fieldset li .radioForm label:before, .onlineConsult fieldset li .radioForm label:after {
    right: 1.8rem;
    top: 1.2rem;
    width: 1.8rem;
    height: 1.8rem;
  }
  .onlineConsult fieldset li .radioForm label:after {
    width: 0.8rem;
    height: 0.8rem;
    top: 1.7rem;
    right: 2.3rem;
  }
  .onlineConsult fieldset li .selectbox:after {
    top: 1.4rem;
    right: 1.4rem;
    width: 1.2rem;
    height: 1.2rem;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(136deg);
            transform: rotate(136deg);
  }
  .onlineConsult fieldset li .selectbox select {
    padding: 1.3rem;
    font-size: 1.6rem;
  }
  .onlineConsult fieldset li .textarea textarea {
    min-height: 20rem;
    padding: 1.3rem;
    font-size: 1.5rem;
  }
  .onlineConsult fieldset li .textarea p {
    position: relative;
    padding: 1.4rem 0 1rem 1.3rem;
    text-align: left;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .onlineConsult fieldset li .textarea p:before {
    content: '*';
    top: 1.8rem;
    left: 0;
    position: absolute;
  }
  .onlineConsult fieldset .btn-consult-send {
    width: 100%;
    height: 5.5rem;
    padding: 1.2rem 0;
    font-size: 2rem;
  }
}

@media (max-width: 960px) {
  .doctorDetails {
    padding: 6rem 0 3.5rem;
  }
  .doctorDetails > ul > li {
    position: relative;
    margin-top: 0;
  }
  .doctorDetails figure {
    top: 0;
    left: 0;
    position: absolute;
    float: none;
    width: 13.5rem;
    height: 17.5rem;
    max-width: 43.6rem;
    padding: 0 0 0 0;
  }
  .doctorDetails figure span img {
    width: 144%;
  }
  .doctorDetails dl {
    width: 100%;
    margin-left: 0;
  }
  .doctorDetails dl dt {
    padding: 0 0 0 15.9rem;
    font-size: 2rem;
    border-bottom: 0;
  }
  .doctorDetails dl dd {
    position: relative;
    min-height: 17rem;
    padding: 0.4rem 0 0.4rem 15.9rem;
    font-size: 1.5rem;
  }
  .doctorDetails dl dd > span {
    position: absolute;
    right: 0;
    bottom: 2rem;
    display: block;
    padding-top: 1rem;
    text-align: right;
  }
  .doctorDetails dl dd .btnHistoryMore {
    position: relative;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 0;
    background-color: #54bfc2;
    -webkit-transition: 1s;
    transition: 1s;
  }
  .doctorDetails dl dd .btnHistoryMore::before, .doctorDetails dl dd .btnHistoryMore::after {
    display: inline-block;
    content: '';
    top: 50%;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1.6rem;
    height: 2px;
    background: #fff;
    -webkit-transition: 0.7s;
    transition: 0.7s;
  }
  .doctorDetails dl dd .btnHistoryMore::before {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
            transform: translate(-50%, -50%) rotate(90deg);
  }
  .doctorDetails dl dd .btnHistoryMore.on {
    background-color: #808080;
  }
  .doctorDetails dl dd .btnHistoryMore.on::before {
    -webkit-transform: translate(-50%, -50%) rotate(0);
            transform: translate(-50%, -50%) rotate(0);
  }
  .doctorDetails dl dd.briefHistory {
    clear: both;
    min-height: inherit;
    max-height: 0;
    overflow: hidden;
    margin-bottom: 2.5rem;
    padding: 0;
    background-color: #f7f7f7;
    -webkit-transition: 1s;
    transition: 1s;
    border-bottom: 1px solid #ededed;
  }
  .doctorDetails dl dd.briefHistory ul {
    padding: 2.5rem 1.5rem 2rem 1.5rem;
  }
  .doctorDetails dl dd.briefHistory li {
    padding: 0 0 0.8rem 0.8rem;
  }
  .doctorDetails dl dd.briefHistory.on {
    height: auto;
    max-height: 500px;
  }
  .accreditations {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 5rem;
    background-color: #f7f7f7;
    padding-bottom: 7rem;
  }
  .accreditations .titleGroup h2 {
    padding-bottom: 2.4rem !important;
    font-size: 2.5rem;
  }
  .accreditations .image {
    margin-top: 1rem;
  }
  .accreditations .image li {
    width: calc(100% / 2 - 1.5%);
    max-width: 50%;
    margin-left: 3%;
    margin-bottom: 3%;
  }
  .accreditations .image li:nth-child(odd) {
    margin-left: 0;
  }
  .accreditations .image li img {
    width: 100%;
  }
  .accreditations .desc {
    padding: 1.5rem 0;
  }
  .accreditations .desc li {
    padding-bottom: 1.3rem;
    font-size: 1.5rem;
  }
}

@media (max-width: 960px) {
  .pageSmile .smileView {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    background-color: #f7f7f7;
    padding-bottom: 4.5rem;
  }
  .pageSmile .smileAtBnviit {
    padding-top: 9.2rem;
    padding-bottom: 9rem;
  }
  .pageSmile .smileAtBnviit h2 strong {
    display: block;
  }
  .pageSmile .smileAtBnviit .imageView {
    margin-top: 2rem;
  }
  .pageSmile .smileAtBnviit .imageView li {
    width: 100%;
    max-width: 29.6rem;
    margin-left: 2rem;
  }
  .pageSmile .smileAtBnviit .imageView p {
    padding: 1.7rem 1rem 0 1rem;
    font-size: 1.5rem;
    line-height: 1.35;
  }
  .pageSmile .smilelasik1 {
    margin-bottom: 5.5rem;
  }
  .pageSmile .smilelasik1 h2 strong {
    display: block;
  }
  .pageSmile .smilelasik1 .info {
    overflow: visible;
    margin-top: 2rem;
  }
  .pageSmile .smilelasik1 .info figure {
    display: block;
    width: calc(100% + 4rem);
    padding-top: 74.365%;
    margin-left: -2rem;
    margin-right: -2rem;
    background-size: 100% auto;
  }
  .pageSmile .smilelasik1 .info figcaption {
    display: block;
    width: 100%;
    padding-left: 0;
    vertical-align: top;
  }
  .pageSmile .smilelasik1 .info figcaption ul {
    padding: 2rem 0 0 0;
  }
  .pageSmile .smilelasik1 .info figcaption ul li {
    position: relative;
    padding-left: 0.7rem;
    padding-bottom: 0;
    color: #333;
    font-size: 1.8rem;
    line-height: 1.4;
    position: relative;
  }
  .pageSmile .smilelasik1 .info figcaption ul li::before {
    display: inline-block;
    content: '';
    top: 1.7rem;
    left: 0;
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    background-color: #333;
  }
}

@media (max-width: 960px) and (max-width: 960px) {
  .pageSmile .smilelasik1 .info figcaption ul li::before {
    top: 1.3rem;
    width: 0.2rem;
    height: 0.2rem;
  }
}

@media (max-width: 960px) {
  .pageSmile .smilelasik1 .info figcaption p {
    padding-top: 1.7rem;
    font-size: 1.5rem;
  }
  .pageSmile .smilelasik2 {
    overflow: visible;
    margin-top: 2rem;
  }
  .pageSmile .smilelasik2 .info {
    display: block;
  }
  .pageSmile .smilelasik2 figcaption {
    display: block;
    width: 100%;
    padding-top: 1.7rem;
  }
  .pageSmile .smilelasik2 figcaption h3 {
    text-align: left !important;
    line-height: 1.4;
  }
  .pageSmile .smilelasik2 figcaption h3 span {
    display: inline;
  }
  .pageSmile .smilelasik2 figcaption p {
    max-width: 34rem;
    font-size: 1.5;
    line-height: 1.4;
  }
  .pageSmile .smilelasik2 figure {
    display: block;
    width: calc(100% + 4rem);
    margin: 3.8rem -2rem 0;
    padding-top: 54.365%;
    background: url("../images/medi_smile_low2_m.jpg") no-repeat center;
    background-size: 100% auto;
  }
  .compareTreatments {
    padding-top: 9rem;
    padding-bottom: 6rem;
  }
  .compareTreatments .titleGroup h2 {
    padding-bottom: 4.5rem !important;
    line-height: 1.1 !important;
  }
  .compareTreatments .fixedColumn {
    display: none;
  }
  .compareTreatments .fixedColumnMobile {
    display: block;
    padding: 0;
  }
  .compareTreatments .fixedColumnMobile .selectGroup {
    padding: 0 0.5rem 5rem;
  }
  .compareTreatments .fixedColumnMobile .customSelect {
    position: relative;
    float: left;
    width: calc(50% - 0.25rem);
    margin-left: 0.5rem;
  }
  .compareTreatments .fixedColumnMobile .customSelect::before {
    display: inline-block;
    content: '';
    top: 1.4rem;
    right: 1.4rem;
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    -webkit-transform: rotate(136deg);
            transform: rotate(136deg);
  }
  .compareTreatments .fixedColumnMobile .customSelect:first-child {
    margin-left: 0;
  }
  .compareTreatments .fixedColumnMobile .customSelect > a {
    display: block;
    padding: 1rem;
    border: 1px solid #ccc;
    color: #333;
    font-size: 1.6rem;
    font-weight: 600;
  }
  .compareTreatments .fixedColumnMobile .customSelect ul {
    display: none;
    top: 4.5rem;
    left: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    border: 1px solid #ccc;
    background-color: #fff;
  }
  .compareTreatments .fixedColumnMobile .customSelect ul li a {
    display: block;
    padding: 0.8rem;
    font-size: 1.5rem;
  }
  .compareTreatments .fixedColumnMobile .customSelect ul li a.on {
    background-color: #f7f7f7;
  }
  .compareTreatments .fixedColumnMobile .customSelect.show ul {
    display: block;
  }
  .compareTreatments .fixedColumnMobile dl {
    width: 100%;
    overflow: hidden;
  }
  .compareTreatments .fixedColumnMobile dl dt {
    padding: 1.7rem 0 0.8rem 1.3rem;
    color: #54bfc2;
    font-weight: 600;
    font-size: 1.5rem;
  }
  .compareTreatments .fixedColumnMobile dl dd {
    display: table;
    width: 100%;
    border-spacing: 0.5rem;
  }
  .compareTreatments .fixedColumnMobile dl dd span {
    display: table-cell;
    width: 50%;
    padding: 1.7rem 1rem;
    line-height: 1.2;
    font-size: 1.5rem;
    background-color: #f7f7f7;
  }
  .compareTreatments .fixedColumnMobile dl dd span ul li {
    position: relative;
    padding: 0 0 0.4rem 0.8rem;
    line-height: 1.2 !important;
  }
  .compareTreatments .fixedColumnMobile dl dd span ul li::before {
    display: inline-block;
    content: '';
    top: 1.1rem;
    left: 0;
    position: absolute;
    width: 0.2rem;
    height: 0.2rem;
    border-radius: 50%;
    background-color: #808080;
  }
}

@media (max-width: 960px) and (max-width: 960px) {
  .compareTreatments .fixedColumnMobile dl dd span ul li {
    padding: 0 0 1.4rem 0.8rem !important;
    line-height: 1.4;
    text-indent: 0 !important;
  }
}

@media (max-width: 960px) {
  .compareTreatments p.info {
    position: relative;
    text-align: left;
    padding: 0 0 4rem 2.5rem;
    margin-top: 2rem;
    font-size: 1.5rem;
    line-height: 1.4;
    color: #999;
  }
  .compareTreatments p.info::before {
    top: 0;
    left: 0.5rem;
    position: absolute;
  }
}

@media (max-width: 960px) {
  .pageLasik .lasikView {
    padding-bottom: 1.5rem;
  }
  .pageLasik .lasikView .txt {
    text-align: center;
    padding-bottom: 4rem;
  }
  .pageLasik .lasikView .txt ul {
    display: inline-block;
    padding: 5.5rem 0 0 0;
  }
  .pageLasik .lasikView .txt ul li {
    padding-bottom: 0.8rem;
    text-align: left;
  }
  .pageLasik .lasikView .txt ul + p {
    padding-top: 10rem;
  }
  .pageLasik .lasikView .txt ul + p span {
    display: inline-block;
    max-width: 69.3rem;
    text-align: left;
  }
  .pageLasik .lasikView .txt p {
    padding: 5.5rem 0 0 0;
    max-width: 66rem;
    margin: 0 auto;
    text-align: left;
  }
  .pageLasik .lasikView .txt h4 {
    padding: 0 0 1rem 0;
    color: #333;
    font-size: 2.2rem;
    text-align: left;
    font-family: "BebasNeuePro-ExpBd";
  }
  .pageLasik .lasikView .txt h4 + span {
    display: block;
    padding-bottom: 5rem;
  }
  .pageLasik .lasikView .txt h4 + ul {
    padding: 0;
  }
}

@media (max-width: 960px) and (max-width: 960px) {
  .pageLasik .lasikView .txt ul {
    padding: 2.5rem 0 0 0;
  }
  .pageLasik .lasikView .txt ul li {
    padding-left: 1.3rem;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 1.4;
    text-indent: -1.6rem;
  }
  .pageLasik .lasikView .txt ul + p {
    padding-top: 8rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pageLasik .lasikView .txt p {
    padding: 2.5rem 0 0 0;
    line-height: 1.3;
  }
  .pageLasik .lasikView .txt h4 {
    padding: 0 0 1rem 0;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .pageLasik .lasikView .txt h4 + span {
    line-height: 1.4;
    padding-bottom: 3rem;
  }
}

@media (max-width: 960px) {
  .pageLasik .lasikView .movieColumn {
    width: 100%;
    overflow: visible;
  }
  .pageLasik .lasikView .movieColumn article {
    float: none;
    margin-left: 0;
    padding-bottom: 5rem;
  }
  .pageLasik .laserLASIK {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 9.3rem;
    background-color: #f7f7f7;
    padding-bottom: 5.2rem;
  }
  .pageLasik .laserLASIK .visuMaxImage {
    width: calc(100% + 4rem);
    margin: 4rem -2rem 0;
    padding-top: 71.645%;
    background-position: top center;
    background-size: auto 100%;
  }
  .pageLasik .laserLASIK .boxColumn {
    display: block;
    margin: 0;
  }
  .pageLasik .laserLASIK .boxColumn article {
    display: block;
    padding: 0.2rem 1rem 2.5rem 1.5rem;
    margin-bottom: 2rem;
  }
  .pageLasik .laserLASIK .boxColumn article:first-child {
    margin-left: 0;
  }
  .pageLasik .laserLASIK .visuMaxDesc {
    padding: 2rem 0 0;
    text-align: left;
  }
  .pageLasik .laserLASIK .visuMaxDesc h4 {
    padding-bottom: 1.3rem;
    color: #54bfc2;
    font-size: 2rem;
  }
  .pageLasik .laserLASIK .visuMaxDesc p {
    font-size: 1.5rem;
    line-height: 1.4;
  }
}

@media (max-width: 960px) {
  .pagePRK .prkView {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    background-color: #f7f7f7;
    padding-bottom: 4.5rem;
  }
  .pagePRK .introLasek {
    padding-top: 8.5rem;
    padding-bottom: 0;
  }
  .pagePRK .laserLasek {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 9.3rem;
    background-color: #f7f7f7;
    padding-bottom: 5.2rem;
  }
  .pagePRK .laserLasek .boxColumn {
    display: block;
    margin: 0;
  }
  .pagePRK .laserLasek .boxColumn article {
    display: block;
    padding: 0.2rem 1rem 2.5rem 1.5rem;
    margin-bottom: 2rem;
  }
  .pagePRK .laserLasek .boxColumn article:first-child {
    margin-left: 0;
  }
  .pagePRK .laserLasek .boxColumn article h4 {
    padding-left: 1rem;
  }
  .pagePRK .laserLasek .Desc {
    padding: 2rem 0 0;
    text-align: left;
  }
  .pagePRK .laserLasek .Desc h4 {
    padding-bottom: 1.3rem;
    color: #54bfc2;
    font-size: 2rem;
  }
  .pagePRK .laserLasek .Desc p {
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pagePRK .laserLasek .Desc span {
    padding-bottom: 1rem;
    font-size: 1.5rem;
  }
}

@media (max-width: 960px) {
  .pagePiol .piolView {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    background-color: #f7f7f7;
    padding-bottom: 4.5rem;
  }
  .pagePiol .evoIcl {
    padding-top: 8.5rem;
    padding-bottom: 0;
  }
  .pagePiol .evoIcl .evoIclImage {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 63.885%;
    background: url("../images/medi_piol_img1_m.jpg") no-repeat;
    background-size: 100% auto;
  }
  .pagePiol .correction {
    padding-top: 9.3rem;
  }
  .pagePiol .correction .titleGroup .subText {
    max-width: 66rem !important;
  }
  .pagePiol .correction .titleGroup ul {
    max-width: 66rem;
    margin: 0 auto;
  }
}

@media (max-width: 960px) {
  .pageCustomizing .infoMs {
    padding: 2rem 0 3rem 0 !important;
    text-align: left;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.4;
  }
  .pageCustomizing .contouraVision {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 5.8rem;
    background-color: #f7f7f7;
    padding-bottom: 5.8rem;
  }
  .pageCustomizing .contouraVision .txt p {
    padding-top: 4rem;
    text-align: left;
    font-size: 1.5rem;
  }
  .pageCustomizing .waveVision {
    max-width: 120rem;
    margin: 0 auto;
    padding-top: 9.3rem;
    padding-bottom: 5rem;
  }
  .pageCustomizing .waveVision .txt {
    padding: 3rem 0 0 0;
  }
  .pageCustomizing .xtraVision {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 9.3rem;
    background-color: #f7f7f7;
    padding-bottom: 5.8rem;
  }
  .pageCustomizing .eyeDrops {
    max-width: 120rem;
    margin: 0 auto;
    padding-top: 9.3rem;
    padding-bottom: 8.8rem;
    overflow: hidden;
  }
  .pageCustomizing .eyeDrops figure {
    float: none;
    width: 100%;
  }
  .pageCustomizing .eyeDrops .txt {
    float: none;
    width: 100%;
    padding: 3.5rem 0 0 0;
    text-align: left;
  }
}

@media (max-width: 960px) {
  .pageCataracts .crsView {
    padding: 0 0.5rem 4rem 0.5rem;
  }
  .pageCataracts .crsView .imageView figure {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .pageCataracts .crsView .imageView figure figcaption {
    padding: 1.4rem 0 5.1rem;
    text-align: left;
    color: #333;
    font-size: 1.8rem;
  }
  .pageCataracts .cataractView {
    padding-top: 10rem;
    padding-bottom: 6rem;
  }
  .pageCataracts .cataractView .titleGroup {
    padding: 0 0.5rem;
  }
  .pageCataracts .cataractView .titleGroup .subText {
    text-align: left !important;
  }
  .pageCataracts .cataractView .imgColumn {
    padding: 2.7rem 0.5rem 0 0.5rem;
    margin: 0 0 -4rem 0;
  }
  .pageCataracts .cataractView .imgColumn article {
    width: 100%;
    max-width: 100%;
    margin: 0 0 4rem 0;
  }
  .pageCataracts .cataractView .imgColumn article:before {
    display: none;
  }
  .pageCataracts .cataractView .imgColumn article figure {
    padding-bottom: 2rem;
  }
  .pageCataracts .cataractView .imgColumn article span {
    font-family: "BebasNeuePro-ExpBd";
    font-size: 1.4rem;
  }
  .pageCataracts .cataractView .imgColumn article h4 {
    line-height: 2.2rem;
    font-size: 1.7rem;
  }
  .pageCataracts .cataractView .imgColumn article h4 br {
    display: none;
  }
  .pageCataracts .compareLenses {
    padding: 10rem 0.5rem 6rem 0.5rem;
  }
  .pageCataracts .compareLenses .subText {
    text-align: left !important;
  }
  .pageCataracts .compareLenses .tab {
    display: block;
    padding: 0 0.5rem;
  }
  .pageCataracts .compareLenses .tab ul {
    border-bottom: 1px solid #eaeaea;
    text-align: center;
    font-size: 0;
  }
  .pageCataracts .compareLenses .tab ul li {
    display: inline-block;
    margin-left: 3rem;
    vertical-align: top;
  }
  .pageCataracts .compareLenses .tab ul li:first-child {
    margin-left: 0;
  }
  .pageCataracts .compareLenses .tab ul li a {
    display: inline-block;
    padding-bottom: 1.7rem;
    font-family: "BebasNeuePro-ExpBd";
    font-size: 1.7rem;
    color: #999;
  }
  .pageCataracts .compareLenses .tab ul li.on a {
    border-bottom: 1px solid #58c5c6;
    color: #58c5c6;
  }
  .pageCataracts .compareLenses .compareView {
    padding: 0 0.5rem;
  }
  .pageCataracts .compareLenses .compareView .imgColumn {
    padding-top: 2.5rem;
    margin-left: 0;
  }
  .pageCataracts .compareLenses .compareView .imgColumn.mono .monoLens {
    display: block;
  }
  .pageCataracts .compareLenses .compareView .imgColumn.mono .multiLens {
    display: none;
  }
  .pageCataracts .compareLenses .compareView .imgColumn.multi .monoLens {
    display: none;
  }
  .pageCataracts .compareLenses .compareView .imgColumn.multi .multiLens {
    display: block;
  }
  .pageCataracts .compareLenses .compareView .imgColumn figure {
    width: 100%;
    margin: 0;
  }
  .pageCataracts .compareLenses .compareView .imgColumn figure.multiLens {
    display: none;
  }
  .pageCataracts .compareLenses .compareView dl {
    padding-top: 3rem;
  }
  .pageCataracts .compareLenses .compareView dl.mono .monoLens {
    display: block;
  }
  .pageCataracts .compareLenses .compareView dl.mono .multiLens {
    display: none;
  }
  .pageCataracts .compareLenses .compareView dl.multi .monoLens {
    display: none;
  }
  .pageCataracts .compareLenses .compareView dl.multi .multiLens {
    display: block;
  }
  .pageCataracts .compareLenses .compareView dl .monoLens, .pageCataracts .compareLenses .compareView dl .multiLens {
    width: 100%;
    text-align: left;
  }
  .pageCataracts .compareLenses .compareView dl .compareTitle {
    width: 33.13%;
  }
  .pageCataracts .compareLenses .compareView dl dt {
    padding-bottom: 2.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #eaeaea;
  }
  .pageCataracts .compareLenses .compareView dl dt em {
    line-height: 2.2rem;
    font-size: 2rem;
  }
  .pageCataracts .compareLenses .compareView dl dt strong {
    display: none;
  }
  .pageCataracts .compareLenses .compareView dl dt .monoLens {
    width: 100%;
  }
  .pageCataracts .compareLenses .compareView dl dd:first-of-type p, .pageCataracts .compareLenses .compareView dl dd:last-of-type p {
    border: none;
  }
  .pageCataracts .compareLenses .compareView dl dd:last-of-type {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #eaeaea;
  }
  .pageCataracts .compareLenses .compareView dl dd p {
    height: auto;
    border-top: 0;
  }
  .pageCataracts .compareLenses .compareView dl dd p:not(.compareTitle) {
    line-height: 2rem;
    font-size: 1.5rem;
    color: inherit;
  }
  .pageCataracts .compareLenses .compareView dl dd p.monoLens, .pageCataracts .compareLenses .compareView dl dd p.multiLens {
    padding: 1.3rem 0 1.2rem 38%;
  }
  .pageCataracts .compareLenses .compareView dl dd p.compareTitle {
    top: 1.3rem;
    left: 0;
    position: absolute;
    padding: 0.6rem 1rem;
    border-radius: 2.8rem;
    background-color: #434343;
    font-size: 1.3rem;
    color: #fff;
  }
  .pageCataracts .compareLenses .compareView dl dd p br {
    display: none;
  }
  .pageCataracts .compareLenses .compareView dl dd:nth-child(2) .compareTitle {
    background-image: none;
  }
  .pageCataracts .compareLenses .compareView dl dd:nth-child(3) .compareTitle {
    background-image: none;
  }
  .pageCataracts .compareLenses .compareView dl dd:nth-child(4) .compareTitle {
    background-image: none;
  }
  .pageCataracts .compareLenses .compareView dl dd:nth-child(5) .compareTitle {
    background-image: none;
  }
  .pageCataracts .chooseReason {
    padding-top: 10rem;
    padding-bottom: 6rem;
  }
  .pageCataracts .chooseReason .imageView {
    padding: 0 0.5rem;
    margin-top: 2rem;
  }
  .pageCataracts .chooseReason .imageView li {
    width: 100%;
    max-width: 29.6rem;
    margin-left: 2rem;
  }
  .pageCataracts .chooseReason .imageView strong {
    padding: 2.5rem 0.3rem 0 0.8rem;
    font-size: 1.5rem;
  }
  .pageCataracts .chooseReason .imageView p {
    padding: 1.5rem 0.3rem 0 0.8rem;
    font-size: 1.5rem;
    line-height: 1.35;
    font-size: 1.5rem;
  }
}

@media (max-width: 960px) {
  .pageLens .titleGroup h2 {
    padding-bottom: 3rem !important;
  }
  .pageLens .lensView {
    padding-bottom: 6rem;
  }
  .pageLens .lensView .txt {
    padding-top: 9rem;
    text-align: left;
  }
  .pageLens .lensView .txt strong {
    padding-bottom: 2.2rem;
    font-size: 1.6rem;
  }
  .pageLens .lensView .txt p {
    padding-bottom: 3.8rem;
    font-size: 1.5rem;
    line-height: 1.4;
  }
  .pageLens .lensView figure {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
  }
  .pageLens .lensView figure img {
    width: 100%;
  }
  .pageLens .safeOption {
    padding-top: 10rem;
    padding-bottom: 6rem;
  }
  .pageLens .safeOption .titleGroup .subText {
    padding-bottom: 4rem !important;
  }
  .pageLens .safeOption .iconView {
    margin-top: 0;
  }
  .pageLens .safeOption .iconView li {
    width: 100%;
    max-width: auto;
    max-width: 30.5rem;
    margin-left: 0.5rem;
    padding: 10rem 0 3rem;
    border: 0;
    background-position: 50% 3.3rem;
    background-size: 4.8rem auto;
  }
  .pageLens .safeOption .iconView li:nth-child(1) {
    margin-left: 0;
    border-left: 0;
    background-image: url("../images/icon_lens_m1.png");
  }
  .pageLens .safeOption .iconView li:nth-child(2) {
    background-image: url("../images/icon_lens_m2.png");
  }
  .pageLens .safeOption .iconView li:nth-child(3) {
    background-image: url("../images/icon_lens_m3.png");
  }
  .pageLens .safeOption .iconView li h4 {
    padding-bottom: 1.4rem;
    font-size: 2rem;
  }
  .pageLens .safeOption .iconView li p {
    max-width: 15rem;
    line-height: 1.8rem;
    font-size: 1.5rem;
  }
  .pageLens .lensReasons {
    padding-top: 9.8rem;
    padding-bottom: 9.8rem;
  }
  .pageLens .lensReasons .titleGroup h2 {
    padding-bottom: 4rem !important;
  }
  .pageLens .lensReasons .reasonView {
    margin: 0;
  }
  .pageLens .lensReasons .reasonView dl {
    width: 100%;
    height: 39rem;
    padding: 0 2.5rem;
    margin: 0;
    background-position: 50% 100%;
    background-size: 24.25rem auto;
  }
  .pageLens .lensReasons .reasonView dl:nth-child(1) {
    background-image: url("../images/bg_lens_reason_m1.png");
  }
  .pageLens .lensReasons .reasonView dl:nth-child(1) dt {
    border-top: 0;
  }
  .pageLens .lensReasons .reasonView dl:nth-child(2) {
    background-image: url("../images/bg_lens_reason_m2.png");
  }
  .pageLens .lensReasons .reasonView dl:nth-child(3) {
    background-image: url("../images/bg_lens_reason_m3.png");
  }
  .pageLens .lensReasons .reasonView dl:nth-child(4) {
    height: 43rem;
    background-position: 50% 87%;
    background-image: url("../images/bg_lens_reason_m4.png");
  }
  .pageLens .lensReasons .reasonView dl dt {
    padding-bottom: 2rem;
    border-top: 1px solid #e5e5e5;
  }
  .pageLens .lensReasons .reasonView dl dt span {
    padding-top: 4rem;
    font-size: 1.5rem;
  }
  .pageLens .lensReasons .reasonView dl dt strong {
    line-height: 2.3rem;
    font-size: 2rem;
  }
  .pageLens .lensReasons .reasonView dl dd {
    max-width: 28rem;
    line-height: 2rem;
    font-size: 1.5rem;
  }
}

@media (max-width: 960px) {
  .pagePrecautions .titleGroup h2 {
    padding-bottom: 4rem !important;
  }
  .pagePrecautions .boxColumn {
    display: block;
    padding: 0;
  }
  .pagePrecautions .boxColumn .columnList {
    padding: 4rem 0 4rem 9.15rem;
    border: none;
  }
  .pagePrecautions .boxColumn .columnList h4 {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 3rem;
    margin-bottom: 2rem;
    line-height: 1.2;
    font-size: 1.8rem;
  }
  .pagePrecautions .boxColumn .columnList ul {
    display: block;
    width: 100%;
    padding: 0;
  }
  .pagePrecautions .boxColumn .columnList ul li {
    font-size: 1.5rem;
    padding-bottom: 0 !important;
    padding-right: 3rem !important;
  }
  .pagePrecautions .boxColumn .columnList:not(:first-child) {
    padding: 4rem 0 4rem 9.15rem !important;
  }
  .pagePrecautions .boxColumn .columnList:not(:last-child) {
    border-bottom: 1px solid #ddd;
  }
  .pagePrecautions .boxColumn .columnList:nth-child(3) h4, .pagePrecautions .boxColumn .columnList:nth-child(4) h4 {
    padding-right: 8rem;
  }
  .pagePrecautions .txt {
    padding: 0 2.5rem 2.5rem 2.4rem;
  }
  .pagePrecautions .txt h4 {
    padding-top: 4rem;
    line-height: 1.3;
    font-size: 1.8rem;
  }
  .pagePrecautions .descText p {
    padding-bottom: 2rem;
    line-height: 1.3;
    font-size: 1.5rem;
  }
  .pagePrecautions .examination {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    background-color: #f7f7f7;
    padding-top: 6.5rem !important;
    padding-bottom: 6rem;
  }
  .pagePrecautions .examination .boxColumn .columnList.list01 {
    background-size: 4.5rem 4.5rem;
    background-position: 2.5rem 4.5rem;
  }
  .pagePrecautions .examination .boxColumn .columnList.list02 {
    background-size: 4.5rem 4.5rem;
    background-position: 2.5rem 4.5rem;
  }
  .pagePrecautions .examination .boxColumn .columnList.list03 {
    background-size: 4.5rem 4.5rem;
    background-position: 2.5rem 4.5rem;
  }
  .pagePrecautions .examination .boxColumn .columnList.list04 {
    background-size: 4.5rem 4.5rem;
    background-position: 2.5rem 4.5rem;
  }
  .pagePrecautions .examination .descText {
    padding-top: 3rem;
    line-height: 1.3;
    font-size: 1.5rem;
  }
  .pagePrecautions .beforeSurgery {
    padding-top: 10rem;
    padding-bottom: 6rem;
  }
  .pagePrecautions .beforeSurgery .titleGroup h2 {
    padding-bottom: 3rem !important;
  }
  .pagePrecautions .beforeSurgery .titleGroup .subCopy {
    padding-bottom: 4rem !important;
    color: #666 !important;
  }
  .pagePrecautions .beforeSurgery .boxColumn {
    margin-bottom: 0;
  }
  .pagePrecautions .beforeSurgery .boxColumn .columnList:first-child {
    background-color: #f7f7f7;
    background-size: 4.5rem 4.5rem;
    background-position: 2.5rem 4.5rem;
  }
  .pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(2) {
    background-color: #f7f7f7;
    background-size: 4.5rem 4.5rem;
    background-position: 2.5rem 4.5rem;
  }
  .pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(3) {
    background-color: #f7f7f7;
    background-size: 4.5rem 4.5rem;
    background-position: 2.5rem 4.5rem;
  }
  .pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(4) {
    background-color: #f7f7f7;
    background-size: 4.5rem 4.5rem;
    background-position: 2.5rem 4.5rem;
  }
  .pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(5) {
    background-color: #f7f7f7;
    background-size: 4.5rem 4.5rem;
    background-position: 2.5rem 4.5rem;
  }
  .pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(3) {
    background-size: 4.5rem 11.5rem;
  }
  .pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(3) ul li:nth-child(1) {
    margin-bottom: 1rem;
  }
  .pagePrecautions .beforeSurgery .boxColumn .columnList:nth-child(5) ul li:nth-child(1) {
    margin-bottom: 1rem;
  }
  .pagePrecautions .smileSurgery {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 10rem;
    background-color: #f7f7f7;
    padding-bottom: 6rem;
  }
  .pagePrecautions .lasikSurgery {
    padding-top: 10rem;
    padding-bottom: 6rem;
  }
  .pagePrecautions .prkSurgery {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 10rem;
    background-color: #f7f7f7;
    padding-bottom: 6rem;
  }
  .pagePrecautions .piolSurgery {
    padding-top: 10rem;
    padding-bottom: 6rem;
  }
  .pagePrecautions .cataractSurgery {
    padding-top: 10rem;
    padding-bottom: 6rem;
  }
  .pagePrecautions .cataractSurgery .innerWrap {
    margin-top: 0;
  }
}



/* 12.05 add */
#stepContainer {
  padding-top: 120px;/*padding-top: 80px;*/
}

#stepContainer .ui-datepicker-title {text-align:center}
#stepContainer .ui-datepicker-title select {height:30px; width:106px; padding:0 30px 0 10px; background-color:#fcfcfc; color:#555; background-position:100% 0px}
#stepContainer .ui-datepicker-title select:last-child {margin-left:5px}

#stepContainer .stepView .titleGroup h2 {
  color: #222;
  font-size: 3.8rem;
  font-weight: normal;
  text-align: center;
  line-height: 100%;
  font-family: "BebasNeuePro-ExpRg";
}

#stepContainer .stepView .titleGroup h2 strong {
  font-weight: 900;
  font-family: "BebasNeuePro-ExpBd";
}

#stepContainer .stepView .titleGroup h2 strong i {
  font-weight: 600;
}

#stepContainer .stepView .titleGroup h2 i {
  font-family: 'Open Sans';
  font-size: 3.8rem;
}

#stepContainer .stepView .titleGroup .subCopy {
  display: block;
  padding-bottom: 5.2rem;
  color: #333;
  text-align: center;
  font-weight: 600;
  font-size: 1.8rem;
}

#stepContainer .stepView .titleGroup .subText {
  display: block;
  max-width: 85rem;
  padding-bottom: 40px; margin: 0 auto; color: #666; text-align: center;font-size: 1.6rem;line-height: 1.45;}

#stepContainer .stepView .titleGroup .subText strong {color: #54bfc2;font-weight: 600; letter-spacing: 0; }

#stepContainer .stepView .titleGroup h2 + .subText {padding-top: 40px;}

#stepContainer .stepView .titleGroup .subText + .subText {margin-top: -2.7rem;}
#stepContainer .stepView .titleGroup .stepText{font-family: "BebasNeuePro-ExpBd"; font-size: 1.875rem;  font-weight: 800; color: #666; text-align: center;}
#stepContainer .stepView .section .content {background-color: #f7f7f7; width: 100%; margin: 50px 0;}
#stepContainer .stepView .section .formArea{max-width: 120rem; margin: 0 auto; overflow: hidden; padding: 60px 0 30px 0;}
#stepContainer .stepView .formArea .formTtitle{font-family: 'Open Sans'; font-size: 20px; font-weight: 600; color:#333; line-height:1.4; padding-bottom: 40px;}
#stepContainer .stepView .formArea .formSection .acceptBox{display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #000; border-bottom: 1px solid #000; padding:20px;}
#stepContainer .stepView .formArea .formSection .acceptBox .step{  font-family: "BebasNeuePro-ExpRg"; letter-spacing: 1px; font-size: 23px; font-weight: 700; color: #222;}
#stepContainer .stepView input[type="checkbox"] {display:inline-block; overflow:hidden; position:absolute; width:0; height:0; border:0; clip:rect(0,0,0,0); border:0}
#stepContainer .stepView input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:33px; color:#333; font-size:20px; font-weight: 400; cursor:pointer;}
#stepContainer .stepView input[type="checkbox"] + label:before {content:""; display:inline-block; position:absolute; top:50%; left:0; width:18px; height:18px; margin-top:-9px; background-image:url('../images/icon_checkbox_off.png'); background-repeat:no-repeat; background-position:50%}
#stepContainer .stepView .checkbox.green input[type="checkbox"] + label:before {background-image:url('../../images/icon_checkbox_off.png')}
#stepContainer .stepView .checkbox.green input[type="checkbox"]:checked + label:before {background-image:url('../../images/icon_checkbox_green_on.png')}
#stepContainer .stepView .formSection .disc{ padding: 2.8rem .9375rem; line-height: 2.5rem;}
#stepContainer .stepView .formSection .disc .dot{display: inline-block; font-size: 1.5625rem; position: relative; padding-left: 15px;}
#stepContainer .stepView .formSection .disc .dot::before{ position: absolute; left: 0px; top: 0px; content: "•"; font-size:15px; font-weight: bold;}
#stepContainer .stepView .formSection .disc .dash{display: inline-block; font-size: 1.5625rem; position: relative; padding-left: 25px;}
#stepContainer .stepView .formSection .disc .dash::before{ position: absolute; left: 15px; top: 0px; content: "-"; font-size:15px; font-weight: bold;}
#stepContainer .stepView .formSection .disc .dash2{display: inline-block; font-size: 1.5625rem; position: relative; padding-left: 15px;}
#stepContainer .stepView .formSection .disc .dash2::before{ position: absolute; left: 0px; top: 0px; content: "-"; font-size:15px; font-weight: bold;}
#stepContainer .stepView .linkBox{display: flex; align-items: center; justify-content: center; width: 100%; gap: 1.25rem; padding-bottom: 9.375rem;}
#stepContainer .stepView  .btn-consult-send {display: inline-block; width: 35.375rem; height: 6rem; padding: 1.3rem 0; color: #fff; font-weight:900; font-family: "BebasNeuePro-ExpBd"; font-size: 21px; text-align: center; background-color: #58C5C6; letter-spacing: 0;}
#stepContainer .stepView  .btn-view {display: inline-block; width: 35.375rem; height: 6rem; padding: 1.3rem 0; color: #000; font-weight:900; font-family: "BebasNeuePro-ExpBd"; font-weight:bold; font-size: 21px;  text-align: center; background-color: #fff; border: 1px solid #999; letter-spacing: 0;}
#stepContainer .stepView .innerWrap .onlineConsult{padding: 0 0 60px 0;}

#stepContainer .stepView .onlineConsult{padding:12.3rem 0 12rem 0;}
#stepContainer .stepView .onlineConsult fieldset{max-width:124rem;margin:0 auto;}
#stepContainer .stepView .onlineConsult fieldset .infoBox{overflow:hidden;display: flex; align-items: center; justify-content: center; flex-wrap: nowrap; width: 100%; gap: 20px;}
#stepContainer .stepView .onlineConsult fieldset .infoBox .addressArea{flex-wrap: wrap;}
#stepContainer .stepView .onlineConsult fieldset .infoBox .addressArea .inputBox{}
#stepContainer .stepView .onlineConsult fieldset .addressArea .inputBox .addressTop{display: flex; width: 100%; gap: 20px;}
#stepContainer .stepView .onlineConsult fieldset .addressArea .inputBox .addressTop > input{width: 100%;padding: 1.7rem 2rem;font-size: 1.8rem;border: 1px solid #ccc;}
#stepContainer .stepView .onlineConsult fieldset .addressArea, .emailArea, .formLable, .phoneNumberArea{font-family: "BebasNeuePro-ExpBd"; font-weight: 900; display:block; padding-bottom:1.5rem; color:#333; font-size: 20px;}
#stepContainer fieldset .formLable_NBM{font-family: "BebasNeuePro-ExpBd"; display:block; color:#333; font-size: 20px;}
#stepContainer fieldset .phoneNumberArea{font-family: "BebasNeuePro-ExpBd"; display:block; padding-bottom:4rem;  color:#333; font-size: 20px;}
#stepContainer .stepView .onlineConsult fieldset .addressArea .inputBox{display: flex; flex-wrap: wrap; gap: 20px 20px; background-color: #fff; padding-top: 1.5rem;}
#stepContainer .stepView .onlineConsult fieldset .emailArea .inputBox input{display: block; height: 60px;}
#stepContainer .stepView .onlineConsult fieldset .emailArea .inputBox button{ display: block; height: 60px; background-color: #929292; color: #fff; font-size: 20px;}
#stepContainer .stepView .onlineConsult fieldset .emailArea .inputBox{display: flex; gap: 10px; background-color: #fff; margin-bottom: 20px;}
#stepContainer .stepView .onlineConsult fieldset .inputBox{float:left;width:100%;overflow:hidden; font-family:'noto'; font-weight:600;font-size: 0;}
#stepContainer .stepView .onlineConsult fieldset .emptyLabel{ padding-top: 43px;}
#stepContainer .stepView .onlineConsult fieldset .inputBox .formLable{font-family: "BebasNeuePro-ExpBd"; display:block;padding-bottom:1.5rem;color:#333;font-size:20px;}
#stepContainer .stepView .onlineConsult fieldset .inputBox > input{width:100%;padding:1.7rem 2rem;font-size:1.8rem;border:1px solid #ccc;}
#stepContainer .stepView .onlineConsult fieldset .selectbox {width: 100%; position:relative;display:block;}
#stepContainer .stepView .onlineConsult fieldset .selectbox select{width:100%;padding:1.7rem 2rem;font-size:1.8rem;border:1px solid #ccc;cursor: pointer;}
#stepContainer .stepView .onlineConsult fieldset .selectbox:after{content:"";position: absolute;top:2.4rem;right:3.2rem;width:1.2rem;height:1.2rem;border-top:2px solid #666;border-right:2px solid #666;transform: rotate(136deg);}
#stepContainer .stepView .onlineConsult fieldset .textarea textarea{width:100%;min-height:24.8rem;padding:2.3rem 2rem;font-size:1.8rem;border:1px solid #ccc;}
#stepContainer .stepView .onlineConsult fieldset .textarea p{display:block;padding:3.6rem 0 6.8rem 0; color:#999; font-size:1.9rem; font-weight:200; text-align:center; letter-spacing:-0.1rem;}
#stepContainer .stepView .onlineConsult fieldset .buttonArea{width: 100%; display: flex; align-items: baseline; justify-content: center; border-top: 1px solid #eaeaea; padding-top: 60px; margin-top: 60px;}
#stepContainer .stepView .onlineConsult fieldset .nextBtn{font-family: 'BebasNeuePro-ExpBd'; font-weight: 900; display: inline-block; width: 43.75rem; min-height:6rem; padding:1.7rem 0;color:#fff;font-size:21px;text-align:center;background-color:#58c5c6; letter-spacing: 0;}
#stepContainer .stepView .onlineConsult fieldset li .radioForm{display:inline-block;width:calc(50% - 1rem);margin-right:2rem;overflow:hidden;border:1px solid #ccc;color:#333;font-size:1.8rem;font-weight:400;}
#stepContainer .stepView .onlineConsult fieldset li .radioForm:last-child{margin-right:0;}
#stepContainer .stepView .onlineConsult fieldset li .radioForm label{position:relative;display:block;padding:2.1rem 0 2rem 2.5rem;cursor: pointer;}
#stepContainer .stepView .onlineConsult fieldset li .radioForm label:before,
#stepContainer .stepView .onlineConsult fieldset li .radioForm label:after{position:absolute;right:1.8rem;top:2.2rem;width:2.2rem;height:2.2rem;border-radius:50%;}
#stepContainer .stepView .onlineConsult fieldset li .radioForm label:before{content:'';border:1px solid #acacac;}
#stepContainer .stepView .onlineConsult fieldset li .radioForm label:after{content:'';width:1.2rem;height:1.2rem;top: 2.8rem;right: 2.4rem;transform:scale(0);transition:0.3s;}
#stepContainer .stepView .onlineConsult fieldset li .radioForm input{position:absolute;width:0;height:0;overflow:hidden;clip:rect(0,0,0,0);}
#stepContainer .stepView .onlineConsult fieldset li .radioForm input:checked + label:before{border:1px solid #58c5c6;}
#stepContainer .stepView .onlineConsult fieldset li .radioForm input:checked + label:after{transform:scale(1);background-color:#58c5c6;}



#stepContainer .stepView .operationbox .ref-txt {position:absolute; top:0; right:0; color:#666; font-size:16px}
#stepContainer .stepView .operationbox ul.info-insert > li.full .wrap {border:1px solid #eaeaea; }
#stepContainer .stepView .operationbox ul.info-insert > li.full .wrap:after {content:""; display:block; clear:both; overflow:hidden}
#stepContainer .stepView .operationbox ul.info-insert > li.full .wrap > div {float:left; width:50%;}
#stepContainer .stepView .operationbox ul.info-insert > li.full .wrap > div:last-child{border-left: 1px solid #eaeaea;}
#stepContainer .stepView .operationbox .datepic-calendar .ui-datepicker {width:80%; box-shadow:none; border:1px solid #999;}
#stepContainer .stepView .operationbox ul.info-insert > li.full .wrap .leftBox{display: flex;align-items: center; justify-content: center; padding: 30px 0;}
#stepContainer .stepView .operationbox .datepic-calendar .ui-widget-header {position: relative; width:200px; padding:0; margin:0 auto}
#stepContainer .stepView .operationbox .datepic-calendar .ui-widget-header .ui-datepicker-title {height:40px; line-height:40px; text-align: center;}
#stepContainer .stepView .operationbox .datepic-calendar .ui-widget-header .ui-datepicker-title span {color:#333; font-size:24px; font-family:'roboto'}
#stepContainer .stepView .operationbox .datepic-calendar .ui-widget-header .ui-widget-header a {display: inline-block; top:18px}
#stepContainer .stepView .operationbox .datepic-calendar .ui-widget-header .ui-datepicker-prev {width: 20px; height: 20px; display: inline-block;  position: absolute; top: 14px; left:0px; background:url('../images/btn_right_b.png') no-repeat 50%; transform:rotate(180deg)}
#stepContainer .stepView .operationbox .datepic-calendar .ui-widget-header .ui-datepicker-next {width: 20px; height: 20px; display: inline-block; position: absolute;  top: 14px; right:0px;background:url('../images/btn_right_b.png') no-repeat 50%;}
#stepContainer .stepView .operationbox .datepic-calendar .ui-datepicker-calendar {margin:5px auto; text-align: center; border-top:none}
#stepContainer .stepView .operationbox .datepic-calendar .ui-datepicker-calendar th {background:#fff; color:#666; font-size:16px; font-weight:200}
#stepContainer .stepView .operationbox .datepic-calendar .ui-datepicker-calendar td {width:55px; height:45px; border:none; line-height:45px; color:#666; font-size:16px; font-family:'roboto'}
#stepContainer .stepView .operationbox .datepic-calendar .ui-datepicker-calendar tbody tr:first-child td {padding-top:15px}
#stepContainer .stepView .operationbox .datepic-calendar .ui-datepicker-calendar .ui-state-default.ui-state-active {background:#58c5c6; color:#fff}
#stepContainer .stepView .operationbox .datepic-calendar .ui-datepicker-calendar .ui-datepicker-today .ui-state-default.ui-state-highlight {background:transparent; color:rgba(102,102,102,0.9)}
#stepContainer .stepView .operationbox .datepic-calendar .ui-datepicker-calendar td.ui-state-disabled span {color:#ddd}
#stepContainer .stepView .operationbox .datepic-calendar .ui-datepicker-calendar td.ui-datepicker-week-end:first-child a {color:#f5262d}
#stepContainer .stepView .operationbox .datepic-calendar .ui-datepicker-calendar td.ui-datepicker-week-end:last-child a {color:#2e5aa8}
#stepContainer .stepView .operationbox .time-list {position:relative;}
#stepContainer .stepView .operationbox .time-list .scroll-wrap {overflow-x:hidden; overflow-y:auto; height:375px; padding:30px 30px 30px 30px;}
#stepContainer .stepView .operationbox .time-list .scroll-wrap::-webkit-scrollbar {width:5px}
#stepContainer .stepView .operationbox .time-list .scroll-wrap::-webkit-scrollbar-track {background:#f7f7f7}
#stepContainer .stepView .operationbox .time-list .scroll-wrap::-webkit-scrollbar-thumb {background:#000000}
#stepContainer .stepView .operationbox .time-list dl:first-of-type {margin-bottom:15px}
#stepContainer .stepView .operationbox .time-list dl:after {content:""; display:block; clear:both; overflow:hidden}
#stepContainer .stepView .operationbox .time-list dt {font-family: "BebasNeuePro-ExpBd"; float:left; margin:0 50px 10px 17px; color:#333; font-size:16px}
#stepContainer .stepView .operationbox .time-list dd {float:left; width:100%}
#stepContainer .stepView .operationbox .time-list ul{display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; }
#stepContainer .stepView .operationbox .time-list ul li {padding: 0; width:30%; height:42px; border:1px solid #bfbfbf; line-height:42px; text-align:center; cursor:pointer;}
#stepContainer .stepView .operationbox .time-list ul li span {display:flex; align-items: center; justify-content: center; width:100%; height:100%; color:#666; ; font-size:16px; font-family:'roboto'}
#stepContainer .stepView .operationbox .time-list ul li.disabled {border-color:#ddd}
#stepContainer .stepView .operationbox .time-list ul li.disabled span {color:#ddd}
#stepContainer .stepView .operationbox .time-list ul li.abled {background-color:#58c5c6; border-color:#58c5c6}
#stepContainer .stepView .operationbox .time-list ul li.abled span {color:#fff}
#stepContainer .stepView .operationbox .time-list > button {position:absolute; bottom:-32px; right:0; color:#999; font-size:15px}
#stepContainer .stepView .operationbox ul.info-insert {overflow:hidden; margin:0 0 50px 0}
#stepContainer.appointmentStep3 .stepView .operationbox ul.info-insert{margin: 0}
#stepContainer .stepView .operationbox ul.info-insert.etc {padding:0; margin:0 0 -40px 0; border-bottom:0}
#stepContainer .stepView .operationbox ul.info-insert > li:after {content:""; display:block; clear:both; overflow:hidden}
#stepContainer .stepView .operationbox ul.info-insert > li:first-child {margin-top:0}
#stepContainer .stepView .operationbox ul.info-insert > li > label {font-family: "BebasNeuePro-ExpBd"; display:block; font-size:20px; font-weight:700; color:#333;padding-bottom: 1.5rem;}
#stepContainer .stepView .operationbox ul.info-insert > li .rel {position:relative; height:60px; padding:0 106px 0 0}
#stepContainer .stepView .operationbox ul.info-insert > li .hy {float:left; width:10%; height:60px; text-align:center; line-height:60px}
#stepContainer .stepView .operationbox ul.info-insert > li.email-yn, ul.info-insert > li.checkBoxForm {position:relative}
#stepContainer .stepView .operationbox ul.info-insert > li.checkBoxForm  > div, ul.info-insert > li.checkBoxForm  > div:after{display:inline-block;}
#stepContainer .stepView .operationbox ul.info-insert > li.checkBoxForm .form_title{display:inline-block;padding-right:30px;}
#stepContainer .stepView .operationbox ul.info-insert > li.checkBoxForm .checkgroup{display:inline-block;}
#stepContainer .stepView .operationbox ul.info-insert > li.email-yn .checkgroup {position:absolute; top:0; left:140px}
#stepContainer .stepView .operationbox ul.info-insert > li.email > div:after {content:""; display:block; clear:both; overflow:hidden}
#stepContainer .stepView .operationbox ul.info-insert > li.email .inpbox {width:40%}
#stepContainer .stepView .operationbox ul.info-insert > li.email .optionbox {width:50%}
#stepContainer .stepView .operationbox ul.info-insert > li.auth-number {position:relative; padding-bottom:60px; margin:40px 0 0 0; border-bottom:1px solid #eaeaea}
#stepContainer .stepView .operationbox ul.info-insert > li.auth-number .rel {margin:0 0 20px 0; padding-right:145px}
#stepContainer .stepView .operationbox ul.info-insert > li.auth-number .inpbox.auth {position:relative; padding-right:190px; border:1px solid #ccc}
#stepContainer .stepView .operationbox ul.info-insert > li.auth-number .inpbox.auth input[type="text"] {float:none; width:100%; border:0}
#stepContainer .stepView .operationbox ul.info-insert > li.auth-number .inpbox.auth input[type="text"]:hover {border:0}
#stepContainer .stepView .operationbox ul.info-insert > li.auth-number .inpbox.auth input[type="text"]:active {border:0}
#stepContainer .stepView .operationbox ul.info-insert > li.auth-number .inpbox.auth input[type="text"]:focus {border:0}
#stepContainer .stepView .operationbox ul.info-insert > li.auth-number label {font-size:16px}
#stepContainer .stepView .operationbox ul.info-insert > li.auth-number .check-txt {position:relative}
#stepContainer .stepView .operationbox ul.info-insert > li.auth-number .btn-moreview {position:absolute; top:0; right:265px}
#stepContainer .stepView .operationbox ul.info-insert > li .txt {margin-top:15px; padding-left:12px; background:url('../images/icon_dot_01.png') no-repeat 0 11px}
#stepContainer .stepView .operationbox ul.info-insert > li.address {height:290px}
#stepContainer .stepView .operationbox ul.info-insert > li.address .rel {margin:0 0 10px 0; padding-right:138px}
#stepContainer .stepView .operationbox ul.info-insert > li.address p {height:60px; margin-bottom:10px}
#stepContainer .stepView .operationbox ul.info-insert > li.address em {display:block; position:relative; padding-left:12px; color:#666; font-size:15px}
#stepContainer .stepView .operationbox ul.info-insert > li.address em:before {content:""; display:block; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background-color:#58c5c6}
#stepContainer .stepView .operationbox ul.info-insert > li.imgbox {position:relative}
#stepContainer .stepView .operationbox ul.info-insert > li.imgbox > label {display:block}
#stepContainer .stepView .operationbox ul.info-insert > li.imgbox .attachmentbox {width:118px; height:60px; margin-top:0}
#stepContainer .stepView .operationbox ul.info-insert > li.imgbox .attachmentbox .btn-filesch {width:118px; height:60px; line-height:60px}
#stepContainer .stepView .operationbox ul.info-insert > li.imgbox .txt-file-name {overflow:hidden; position:absolute; top:55px; left:130px; width:calc(100% - 130px); text-overflow:ellipsis; white-space:nowrap}

#stepContainer .stepView ul.info-insert > li {margin-bottom: 40px;}
#stepContainer .stepView ul.info-insert > li .essential-txt {display:block; position:relative; padding-left:1rem; margin-top:1rem; line-height:1.6; color:#666; font-size:1.4rem}
#stepContainer .stepView ul.info-insert > li .essential-txt:before {content:""; display:block; position:absolute; top:0.9rem; left:0; width:0.4rem; height:0.4rem; border-radius:1rem; background-color:#58c5c6}
#stepContainer .stepView ul.info-insert > li .ref-txt {display:block; margin-bottom:1.5rem; line-height:1.6; color:#999; font-size:1.5rem}
#stepContainer .stepView ul.info-insert > li ul.checkgroup {display: flex; gap: 1rem; width: 100%;}
#stepContainer .stepView ul.info-insert > li ul.checkgroup li {width:50%; height: 60px;  border:0.1rem solid #ccc; display: flex; align-items: center;}
#stepContainer .stepView ul.info-insert > li ul.checkgroup li.radio input + label {display: flex; align-items: center; justify-content: center; width:100%; height:100%; line-height:4.8rem; font-size:1.5rem}
#stepContainer .stepView ul.info-insert > li ul.checkgroup li.radio input + label:before {top:50%; left:auto; right:20px; transform:translateY(-50%)}
#stepContainer .stepView ul.info-insert > li ul.checkgroup li.radio input:checked + label:after {top:50%; left:auto; right:23px; transform:translateY(-50%)}
#stepContainer .stepView ul.info-insert > li ul.checkgroup li.radio{margin: 0; padding: 0;}
#stepContainer .stepView ul.info-insert > li ul.checkgroup + .inpbox {margin-top:18px;}
#stepContainer .stepView ul.info-insert > li.dropbox > ul > li {position:relative; border-top:0.1rem solid #dfdfdf; border-bottom:0.1rem solid #dfdfdf}
#stepContainer .stepView ul.info-insert > li.dropbox > ul > li > div {display:none; padding:1.5rem; border-top:0.1rem solid #dfdfdf}
#stepContainer .stepView ul.info-insert > li.dropbox > ul > li.time > div {padding:2rem 2rem; background:#f7f7f7}
#stepContainer .stepView ul.info-insert > li.dropbox > ul > li.active p:after {transform:rotate(-180deg)}
#stepContainer .stepView ul.info-insert > li.dropbox .holder {position:relative; height:6rem; padding-left:4rem; line-height:6rem; color:#999; font-size:1.5rem}
#stepContainer .stepView ul.info-insert > li.dropbox .holder:before {content:""; display:block; position:absolute; top:50%; left:1rem; width:1.7rem; height:1.7rem; background-repeat:no-repeat; background-position:0; background-size:100%; transform:translateY(-50%)}
#stepContainer .stepView ul.info-insert > li.dropbox .holder:after {content:""; display:block; position:absolute; top:50%; right:1rem; width:1.5rem; height:0.8rem; margin-top:-0.4rem; background:url('../images/icon_selectarr.png') no-repeat 0 0; background-size:100%}
#stepContainer .stepView ul.info-insert > li.dropbox .holder.select {color:#666; font-size:1.6rem; font-weight:700}
#stepContainer .stepView ul.info-insert > li.dropbox .date {border-bottom:0}
#stepContainer .stepView ul.info-insert > li.dropbox .date p:before {background-image:url('../images/icon_calendar.png')}
#stepContainer .stepView ul.info-insert > li.dropbox .time p:before {width:1.9rem; height:1.9rem; background-image:url('../images/icon_time.png')}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-datepicker {width:100%}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-widget-header {width:13.5rem; padding:0; margin:0 auto}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-widget-header a {top:1rem}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-widget-header .ui-datepicker-prev {left:0}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-widget-header .ui-datepicker-next {right:0}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-datepicker-title {text-align: center;}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-datepicker-title span {color:#222; font-size:2rem; font-weight:700; font-family:'roboto'; text-align: center;}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-datepicker-calendar {margin-top:0.7rem; border-top:none; text-align: center;}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-datepicker-calendar th {background:transparent; color:#666; font-size:1.6rem; font-weight:200}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-datepicker-calendar td {width:4.2rem; height:4rem; border:none; line-height:45px; color:#666; font-size:16px; font-family:'roboto'}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-datepicker-calendar tbody tr:first-child td {padding-top:1rem}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-datepicker-calendar td.ui-state-disabled span {color:#ccc}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-datepicker-calendar td.ui-datepicker-week-end:first-child a {color:#f5262d}
#stepContainer .stepView ul.info-insert > li.dropbox .date .datepic-calendar .ui-datepicker-calendar td.ui-datepicker-week-end:last-child a {color:#2e5aa8}
#stepContainer .stepView ul.info-insert > li.dropbox .time .scroll-wrap {overflow-x:hidden; overflow-y:auto; height:30rem; padding-right:1.5rem}
#stepContainer .stepView ul.info-insert > li.dropbox .time .scroll-wrap::-webkit-scrollbar {width:0.5rem}
#stepContainer .stepView ul.info-insert > li.dropbox .time .scroll-wrap::-webkit-scrollbar-track {background:#eaeaea}
#stepContainer .stepView ul.info-insert > li.dropbox .time .scroll-wrap::-webkit-scrollbar-thumb {background:#000000}
#stepContainer .stepView ul.info-insert > li.dropbox .time dl:first-of-type {margin-bottom:2rem}
#stepContainer .stepView ul.info-insert > li.dropbox .time dt {color:#222; font-size:1.6rem}
#stepContainer .stepView ul.info-insert > li.dropbox .time dd {margin-top:1rem}
#stepContainer .stepView ul.info-insert > li.dropbox .time ul {margin:-0.8%; font-size:0}
#stepContainer .stepView ul.info-insert > li.dropbox .time ul li {display:inline-block; width:31%; height:4rem; margin:0.8%; border:0.1rem solid #bfbfbf; background-color:#fff; line-height:4rem; text-align:center; cursor:pointer}
#stepContainer .stepView ul.info-insert > li.dropbox .time ul li span {display:block; width:100%; height:100%; color:#666; font-size:1.5rem; font-family:'roboto'}
#stepContainer .stepView ul.info-insert > li.dropbox .time ul li.disabled {border-color:#ddd}
#stepContainer .stepView ul.info-insert > li.dropbox .time ul li.disabled span {color:#ddd}
#stepContainer .stepView ul.info-insert > li.dropbox .time ul li.abled {background-color:#58c5c6; border-color:#58c5c6}
#stepContainer .stepView ul.info-insert > li.dropbox .time ul li.abled span {color:#fff}
#stepContainer .stepView ul.info-insert > li.dropbox > button {position:absolute; bottom:0; right:0; color:#999; font-size:15px}
#stepContainer .stepView ul.info-insert > li.dropbox {padding-bottom:3.5rem;}


#stepContainer.appointmentStep1 .stepView .titleGroup h2 strong {font-size: 38px; font-weight: 700; color: #222;}
#stepContainer.appointmentStep1 .stepView .titleGroup h2 + .subText {font-size: 16px; line-height: 23px; font-weight: 400; color: #666; max-width: 74rem;}
#stepContainer.appointmentStep1 .stepView .titleGroup .stepText{color: #333; font-size: 30px; font-weight: 700;}
#stepContainer.appointmentStep1 .stepView .onlineConsult fieldset .buttonArea .nextBtn {font-family: 'BebasNeuePro-ExpBd';font-size: 20px;}
#stepContainer.appointmentStep2 .stepView .mb40{margin-bottom: 40px;}
#stepContainer.appointmentStep2 .stepView .titleGroup h2{padding-bottom: 60px;}
#stepContainer.appointmentStep2 .stepView .titleGroup h2 strong {font-size: 38px; font-weight: 700; color: #222;}
#stepContainer.appointmentStep2 .stepView .titleGroup h2 + .subText {font-size: 16px; line-height: 23px; font-weight: 400; color: #666; max-width: 74rem;}
#stepContainer.appointmentStep2 .stepView .titleGroup .stepText{color: #333; font-size: 30px; font-weight: 700;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .emailArea .inputBox .input{width: 70%;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .emailArea .inputBox button{width: 30%;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .nameBox{display: flex; gap: 10px;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .nameBox input {display: inline-block; width: 50%;padding: 1.7rem 2rem;font-size: 1.8rem;border: 1px solid #ccc;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .phoneNumberBox_ {display: flex; gap: 10px;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .phoneNumberBox_ input {display: inline-block;width: 85%;padding: 1.7rem 2rem;font-size: 1.8rem;border: 1px solid #ccc;}
#stepContainer .phoneNumberBox input {display: inline-block;width: 1240px;padding: 1.7rem 2rem 1.7rem 5rem;font-size: 1.8rem;border: 1px solid #ccc;}
/* #stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .phoneNumberBox input:first-child { width: 15%;} */
.iti__search-input {display: inline-block;width: 1240px;padding: 1.7rem 2rem !important;font-size: 1.8rem;border: 1px solid #ccc;}
#stepContainer.appointmentStep3 .stepView .titleGroup h2{padding-bottom: 60px;}
#stepContainer.appointmentStep3 .stepView .titleGroup h2 strong {font-size: 38px; font-weight: 700; color: #222;}
#stepContainer.appointmentStep3 .stepView .titleGroup h2 + .subText {font-size: 16px; line-height: 23px; font-weight: 400; color: #666; max-width: 74rem;}
#stepContainer.appointmentStep3 .stepView ul.info-insert > li:last-child{margin-bottom: 0;}
#stepContainer.appointmentStep3 .stepView .titleGroup .stepText{color: #333; font-size: 30px; font-weight: 700;}
#stepContainer.appointmentStep3 .stepView .onlineConsult fieldset .emailArea .inputBox .input{width: 70%;}
#stepContainer.appointmentStep3 .stepView .onlineConsult fieldset .emailArea .inputBox button{width: 30%;}
#stepContainer.appointmentStep3 .stepView .onlineConsult  .datebox {position:relative; display:block; padding:0 30px 0 0; border:1px solid #ccc}
#stepContainer.appointmentStep3 .stepView .onlineConsult  .datebox input {width:100%; height:100%; border:0; padding-left:10px; font-size:16px}
#stepContainer.appointmentStep3 .stepView .onlineConsult  .datebox img {position:absolute; right:8px; top:50%; margin-top:-10px}
#stepContainer.appointmentStep3 .stepView ul.info-insert > li ul.checkgroup {margin: 0;}
#stepContainer.appointmentStep3 .stepView .operationbox .datepic-calendar .ui-datepicker-calendar th{font-weight: 600;}
#stepContainer.appointmentStep3 .pc_title{font-family: 'BebasNeuePro-ExpBd'; font-weight: 700; font-size: 20px; color: #000; padding-bottom: 10px;}
#stepContainer.appointmentStep3 .pc_title span{font-family: 'BebasNeuePro-ExpPm'; font-weight: 400; letter-spacing: 0.02rem;}
#stepContainer.appointmentStep3 .mo_title{display: none;}
#stepContainer.appointmentStep4 .stepView .titleGroup h2{padding-bottom: 60px;}
#stepContainer.appointmentStep4 .stepView .titleGroup h2 strong {font-size: 38px; font-weight: 700; color: #222;}
#stepContainer.appointmentStep4 .stepView .titleGroup h2 + .subText {font-size: 16px; line-height: 23px; font-weight: 400; color: #666; max-width: 74rem;}
#stepContainer.appointmentStep4 .stepView .titleGroup .stepText{color: #333; font-size: 30px; font-weight: 700;}
#stepContainer.appointmentStep4 .onlineConsult .innerWrap {max-width: 150rem; margin: 0 auto;padding-left: 2rem;padding-right: 2rem;}
body.no-scroll {overflow: hidden;}
#stepContainer.appointmentStep4 ul.info-insert {display: flex; align-items: center; justify-content: center;}
#stepContainer.appointmentStep4 ul.info-insert > li > label {font-family: 'BebasNeuePro-ExpBd'; display: block; height: 30px; font-size: 20px; font-weight: 600;color: #333;}
#stepContainer.appointmentStep4 .onlineConsult fieldset li:nth-child(odd) {padding-right: 0rem;}
#stepContainer.appointmentStep4 .addbox ul.info-insert > li > label + p {min-height: 36px; display: flex; align-items: top; color: #BCBCBC; font-size: 14px; line-height: 1.3; font-weight: 400; margin: 12px 0 16px 0;}
#stepContainer.appointmentStep4 .addbox:nth-child(1) ul.info-insert > li > label + p{min-height: 60px;}
#stepContainer.appointmentStep4 .addbox:nth-child(1) ul.info-insert > li ul.checkgroup li{min-height:auto;}
#stepContainer.appointmentStep4 .addbox:nth-child(3){margin-bottom: 45px;}
#stepContainer.appointmentStep4 .stepView ul.info-insert > li ul.checkgroup {display: flex; margin: 0; gap: 1rem;}
#stepContainer.appointmentStep4 .stepView ul.info-insert > li ul.checkgroup li {width: 50%; margin: 0; }
#stepContainer.appointmentStep4 .stepView ul.info-insert > li ul.checkgroup li.radio input:checked + label:after {top: 50%; left: auto; right: 2.3rem; transform: translateY(-50%);}
#stepContainer.appointmentStep4 .stepView ul.info-insert > li ul.checkgroup li.radio:last-child input:checked + label:after{right: 2.26rem;}
#stepContainer.appointmentStep4 ul.info-insert > li {position: relative; float: left; width: 47.1399%; margin: 20px 2rem 0 0px; border-bottom: 0; padding-bottom: 0;}
#stepContainer.appointmentStep4 ul.info-insert > li:last-child {position: relative;width: 47.1399%;margin: 20px 0 0 0;border-bottom: 0;}
#stepContainer.appointmentStep4 .inpbox input {width: 100%; height: 100%; padding: 0 15px; background: 0; border: 1px solid #ccc; color: rgba(102, 102, 102, 0.9); font-size: 16px; font-weight: 700; line-height: 60px;}
#stepContainer.appointmentStep4 .stepView .checkbox input[type="checkbox"] + label:before {top: 18%;}
#stepContainer.appointmentStep4 .stepView .checkbox.bottom input[type="checkbox"] + label:before {top: 33%;}
#stepContainer.appointmentStep4 .checkbox{ position: relative; width: 100%; margin: 0 auto;}
#stepContainer.appointmentStep4 .stepView input[type="checkbox"] + label {display: inline-block;position: relative; padding-left: 33px; color: #333;font-size: 16px; font-weight: 400; cursor: pointer;}
#stepContainer.appointmentStep4 .mt10{margin-top: 10px; font-size: 14px;}
#stepContainer.appointmentStep4 .modal_btn{font-size: 16px; color: #666; text-align: left;}
#stepContainer.appointmentStep4 .modal_btn .con{text-decoration: underline; text-underline-offset: 4px; font-weight: 600; line-height: 1.6;}
#stepContainer.appointmentStep4 .modal_btn .sub{color: #58C5C6; font-size: 14px; font-weight: 600;}
#stepContainer.appointmentStep4 .buttonArea {margin: 100px 0 0 0;}
#stepContainer.appointmentStep4 .modal-fullscreen {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); display: flex; justify-content: center; align-items: center; z-index: 1000;overflow: auto;}
#stepContainer.appointmentStep4 .modal-content {display: flex; flex-direction: column; align-items: center; background-color: white; width: 100%; height: 100%; overflow-y: auto; text-align: center; padding: 100px 0;}
#stepContainer.appointmentStep4 .modal-content h2{font-family: 'BebasNeuePro-ExpBd'; font-size: 36px; font-weight: 700; color: #333;}
#stepContainer.appointmentStep4 .modal-content .con:first-child{ padding-top: 65px;}
#stepContainer.appointmentStep4 .modal-content .con{text-align: left; padding-top: 10px;}
#stepContainer.appointmentStep4 .stepView .modal-content .con {  width: 118rem;}
#stepContainer.appointmentStep4 .modal-content .con .con-title.center{padding-top: 40px; font-family: 'BebasNeuePro-ExpBd'}
#stepContainer.appointmentStep4 .modal-content .con .con-title{font-size: 16px; font-weight: 600; color: #333; padding-bottom: 15px; letter-spacing: -0.0625rem;}
#stepContainer.appointmentStep4 .modal-content .con .disc{position: relative; display: block; font-size: 14px; font-weight: 400; color: #bcbcbc; line-height: 19px; padding-bottom: 2px;}
#stepContainer.appointmentStep4 .modal-content .con .disc.dot{padding-left: 10px;}
#stepContainer.appointmentStep4 .modal-content .con .disc.dot::before{content: '·'; font-size: 25px; position: absolute; left: 0; top: 0%;}
#stepContainer.appointmentStep4 .stepView .agree-container{width: 100%;}
#stepContainer.appointmentStep4 .stepView .con{width: 100rem;}
#stepContainer.appointmentStep4 .stepView .agree-container > .green{padding: 25px 0;}
#stepContainer.appointmentStep4 .stepView .agree-container > .green.all{padding-left: 20px;}
#stepContainer.appointmentStep4 .stepView .agree-container>.checkbox .agree-title{padding-top: 0;}
#stepContainer.appointmentStep4 .stepView .agree-container input[type="checkbox"] + label:before {top: 50%; font-size: 20px;}
#stepContainer.appointmentStep4 .stepView .agree-container .checkbox{margin: 0;}
#stepContainer.appointmentStep4 .stepView .agree-container .agree-title{font-size: 16px; font-weight: 600; color: #333;}
#stepContainer.appointmentStep4 .stepView .agree-box input[type="checkbox"] + label:before {margin-top: -14px;}
#stepContainer.appointmentStep4 .agree-box{border: 1px solid #ccc; padding:15px 15px;}
#stepContainer.appointmentStep4 .agree-box .checkbox{width: 25px;  height: 25px; margin: 0;}
#stepContainer.appointmentStep4 .agree-box {margin-bottom: 20px;}
#stepContainer.appointmentStep4 .agree-box .agree-con{display: flex; align-items: flex-start;}
#stepContainer.appointmentStep4 .close-btn {position: absolute; top: 2.875rem;right: 4.75rem;  cursor: pointer; color: black; width: 20px; height: 20px; background: url("../images/close_btn.png"); background-repeat: no-repeat; background-position: 50% 50%;}
#stepContainer.appointDetails .close-btn {position: absolute; top: 15px;right: 10px;  cursor: pointer; color: black; width: 20px; height: 20px; background: url("../images/close_btn.png"); background-repeat: no-repeat; background-position: 50% 50%;}
#stepContainer.appointmentStep4 .stepView .modal-content .buttonArea{width: 118rem; display: flex;align-items: baseline;justify-content: center;border-top: 1px solid #eaeaea;padding-top: 60px;margin-top: 60px;}
#stepContainer.appointmentStep4 #agreeBtn {font-family: "BebasNeuePro-ExpRg";  margin-top: 20px; display: inline-block; width: 43.75rem; min-height:6rem; padding:1.7rem 0;color:#fff;font-size:21px;font-weight:600;text-align:center;background-color:#58c5c6;}
#stepContainer.appointmentStep4 .form-section {margin-bottom: 15px;}
#stepContainer.appointmentStep4 .agree-toggle{cursor: pointer;}
#stepContainer.appointmentStep4 .faq-text {display: none; margin-left: 25px; color: #BCBCBC; font-size: 14px; padding: 15px 0 8px 0;}
#stepContainer.appointmentStep4 .faq-text span{padding-left: 10px; display: block;}
#stepContainer.appointmentStep4 .faq-text.show {display: block;}
#stepContainer.appointDetails .appointMentcon .green.right{color: #58C5C6;font-size: 16px;font-weight: 700;}
#stepContainer.appointDetails .stepView .titleGroup .subTitle{font-family: 'BebasNeuePro-ExpBd'; padding: 40px 0 20px 0;text-align: center;font-size: 20px;font-weight: 700;color: #222;}
#stepContainer.appointDetails .stepView .titleGroup h2 + .subText{padding: 0;}
#stepContainer.appointDetails .mainNews .innerWrap, .mainService .innerWrap, .mainDoctors .innerWrap, .mainVirtualTour .innerWrap, .mainCenterTour .innerWrap, .mainWithBnviit .innerWrap, .mainOneday .innerWrap, .onlineConsult .innerWrap {max-width: 134.5rem;}
#stepContainer.appointDetails .appointMentBox { display: flex; flex-wrap: wrap; justify-content: center; padding: 60px 40px; border: 1px solid #ececec;margin: 20px 0 50px 0;}
#stepContainer.appointDetails .appointMentcon{ width: 50%; display: flex; align-items: flex-start;  font-size: 16px; color: #222;  padding-bottom: 18px; text-align: left;}
#stepContainer.appointDetails .appointMentcon:nth-last-of-type(2){padding-bottom: 0;}
#stepContainer.appointDetails .appointMentcon:last-child{padding-bottom: 0; }
#stepContainer.appointDetails .appointMentcon .title{min-width: 25rem; text-align: left; font-weight: 700;}
#stepContainer.appointDetails .appointMentcon .right{font-family: 'Open Sans'; margin-left: 1.875rem; text-align: left; color: #666; font-size: 16px; font-weight: 400;}
#stepContainer.appointDetails .buttonArea{display: flex;justify-content: center;gap: 1.25rem;}
#stepContainer.appointDetails .stepView .onlineConsult .nextBtn {font-family: 'BebasNeuePro-ExpBd';display: inline-block;width: 40.75rem;min-height: 6rem;padding: 1.7rem 0;color: #fff;font-size:20px;font-weight: 700;text-align: center;background-color: #58c5c6;border: 1px solid #58c5c6;}
#stepContainer.appointDetails .stepView .onlineConsult .cancelBtn {font-family: 'BebasNeuePro-ExpBd';display: inline-block;width: 40.75rem;min-height: 6rem;padding: 1.7rem 0;color: #333333;border: 1px solid #aaa;font-size: 20px;font-weight: 700;text-align: center;background-color: #fff;}
#stepContainer.appointDetails .modal {position: fixed;top: 0;left: 0;width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000;}
#stepContainer.appointDetails .modal-content {position: relative; display: flex;flex-direction: column;align-items: center;justify-content: center; background-color: #fff;padding: 2rem; width: 60rem; height: 25rem;text-align: center;}
#stepContainer.appointDetails .modal-actions {display: flex;justify-content: space-between;margin-top: 30px; gap: 20px;}
#stepContainer.appointDetails .modal-content p{font-size: 18px;font-weight: 500;line-height: 2.8125rem;color: #000;}
#stepContainer.appointDetails .modal-content .finalTitle{line-height: 1.4;}
#stepContainer.appointDetails .modal button,.modalBtn { padding: 10px 20px;}
#stepContainer.appointDetails #confirmCancel{font-size: 16px; border: 1px solid #AFAFAF;color: #999;width: 10rem;}
#stepContainer.appointDetails #closeModal,#closeModal2 ,.modalBtn{ display: inline-block;font-size: 16px; border: 1px solid #58C5C6;color: #fff; width: 10rem;background-color: #58C5C6;}
#stepContainer.appointDetails #closeModal,#closeModal2 .close-btn{border: none; background-color: transparent; width: auto;}
#stepContainer.appointDetails #finalConfirmCancel { background-color: #ff4e4e;color: white; border: none;}
#stepContainer.appointDetails #closeFinalModal { background-color: #58c5c6;color: white; border: none;}
#stepContainer.myAppointment .stepView .innerWrap .onlineConsult {padding: 0 0 60px 0;}
#stepContainer.myAppointment .stepView .titleGroup h2 + .subText{padding: 30px 0 0 0;}
#stepContainer.myAppointment .stepView .onlineConsult fieldset .infoBox{margin-bottom: 40px;}
#stepContainer.myAppointment .stepView .onlineConsult fieldset .emailArea .inputBox .input{width: 70%;}
#stepContainer.myAppointment .stepView .onlineConsult fieldset .emailArea .inputBox button{font-family: 'BebasNeuePro-ExpRg'; width: 30%;}
/* #stepContainer.myAppointment .stepView .titleGroup {padding: 0 20px;}
#stepContainer.myAppointment .stepView .titleGroup h2{ font-size: 28px; text-align: left;} */
.datebox {position:relative; display:block; height:60px; padding:0 3rem 0 0; border:1px solid #ccc}
.datebox input {width:100%; height:100%; border:0; padding-left:1rem; color:#999; font-size:1.5rem; font-family:'roboto'}
.datebox img {position:absolute; right:0.8rem; top:50%; width:1.7rem; height:1.7rem; margin-top:-0.8rem}

.radio {display:inline-block; margin:0 5px; vertical-align:middle}
.radio input[type="radio"] {position:absolute; width:1px; height:1px; padding:0; margin:0; overflow:hidden; clip:rect(0,0,0,0); border:0}
.radio input[type="radio"] + label {display:inline-block; position:relative; padding-left:0px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; line-height:18px; font-size:17px; font-weight:normal; color:rgba(102,102,102,0.9); text-align:center}
.radio input[type="radio"] + label:before {content:""; position:absolute; left:0; top:0; width:17px; height:17px; text-align:center; background:#fff; border:1px solid #aaa; border-radius:100%; box-shadow:none; line-height:18px}
.radio input[type="radio"] + label:active:before, .radio input[type="radio"]:checked + label:active:before {box-shadow:none}
.radio input[type="radio"]:checked + label:before {background:#fff; border-color:#5bc6c7}
.radio input[type="radio"]:checked + label:after {content:""; position:absolute; top:4px; left:4px; width:11px; height:11px; background:#5bc6c7; border-radius:100%; box-shadow:none; color:#fff; line-height:18px; font-size:10px}
.radio input[type="text"] {border:none; border-bottom:1px solid #a5a5a5; padding:0; margin:0; margin-left:5px; background:none; width:calc( 100% - 70px ); outline:none}
input[type="checkbox"] {display:inline-block; overflow:hidden; position:absolute; width:0; height:0; border:0; clip:rect(0,0,0,0); border:0}
input[type="checkbox"] + label {display:inline-block; position:relative; padding-left:33px; color:#666; font-size:18px; cursor:pointer}
input[type="checkbox"] + label:before {content:""; display:inline-block; position:absolute; top:50%; left:0; width:18px; height:18px; margin-top:-9px; background-image:url('../images/icon_checkbox_off.png'); background-repeat:no-repeat; background-position:50%}
.checkbox.green input[type="checkbox"]:checked + label:before {background-image:url('../images/icon_checkbox_green_on.png')}
.checkbox.gray input[type="checkbox"]:checked + label:before {background-image:url('../images/icon_checkbox_gray_on.png')}
.optionbox {display:block; height:60px; width: 100%;}
.optionbox select option {color:rgba(102,102,102,0.9)}
.optionbox select:hover {border:1px solid #333}
.optionbox select:active {border:1px solid #58c5c6}
.optionbox select:focus {border:1px solid #58c5c6}
span.optionbox {float:left}
.optionbox select {width: 100%; height: 100%; padding: 1.4rem 1.5rem; background: url("../../images/icon_selectarr.png") no-repeat 100% 50%; border: 1px solid #ccc; color: #999; font-size: 17px; }

.inpbox {display:block; width:100%; height:60px; padding:0}
.inpbox input {width:100%; height:100%; padding:0 15px; background:0; border:1px solid #ccc; color:rgba(102,102,102,0.9); font-size:16px; font-weight:700; line-height:60px}
.inpbox input:hover {border:1px solid #333}
.inpbox input:active {border:1px solid #58c5c6}
.inpbox input:focus {border:1px solid #58c5c6}
span.inpbox {float:left}
.inpbox .remain-time {position:absolute; right:0; top:0; width:172px; height:58px; line-height:58px; text-align:center; color:#58c5c6; font-size:16px; font-weight:normal}

@media screen and (max-width: 1080px){
    
  #stepContainer.appointmentStep4 .stepView .mb40{margin-bottom: 0px;}
  #stepContainer.appointmentStep4 .stepView .titleGroup{padding: 0 20px; }
  #stepContainer.appointmentStep4 .stepView .onlineConsult fieldset .nextBtn {font-size: 18px;}
  #stepContainer.appointmentStep4 .stepView .onlineConsult fieldset .emailArea .inputBox button {font-size: 16px;}
  #stepContainer.appointmentStep4 .stepView .titleGroup h2 strong {font-size: 28px;}
  #stepContainer.appointmentStep4 .stepView .onlineConsult fieldset .emailArea .inputBox.pb35{padding-bottom: 38px;}
  #stepContainer.appointmentStep4 .stepView .onlineConsult fieldset .infoBox {flex-direction: column;width: 100%;gap: 0;}
  #stepContainer.appointmentStep4 .stepView .section .content {margin: 30px 0;}
  #stepContainer.appointmentStep4 .stepView .titleGroup h2{text-align: left; font-size: 24px; line-height: 35px; padding-bottom: 40px;}
  #stepContainer.appointmentStep4 .stepView .titleGroup h2 + .subText{ text-align: left; padding-top: 0; padding-bottom: 30px; font-size: 14px;}
  #stepContainer.appointmentStep4 .stepView .titleGroup .stepText{text-align: left; font-size: 22px;}
  #stepContainer.appointmentStep4 .stepView .formArea .formTtitle {font-size: 18px; padding-bottom: 30px;}
  #stepContainer.appointmentStep4 ul.info-insert {flex-direction: column;}
  #stepContainer.appointmentStep4 .onlineConsult .innerWrap {max-width: 100%;}
  #stepContainer.appointmentStep4 .stepView ul.info-insert > li{width: 100%;}
  #stepContainer.appointmentStep4 .addbox ul.info-insert > li > label + p {height: auto; margin: 8px 0 11px 0;}
  #stepContainer.appointmentStep4 .onlineConsult fieldset li {padding-bottom: 20px ;margin: 0;}
  #stepContainer.appointmentStep4 .onlineConsult fieldset li{padding: 0;}
  #stepContainer.appointmentStep4 .onlineConsult fieldset li:nth-child(odd){padding: 30px 0;}
  #stepContainer.appointmentStep4 .stepView ul.info-insert > li ul.checkgroup li.radio input + label {padding: 0 3.875rem;line-height: 1.3;}
  #stepContainer.appointmentStep4 .onlineConsult fieldset li:first-child{padding: 0 0 30px 0;}
  #stepContainer.appointmentStep4 .onlineConsult fieldset li{padding: 0 0 30px 0;}
  #stepContainer.appointmentStep4 .stepView input[type="checkbox"] + label{font-size: 14px;}
  #stepContainer.appointmentStep4 .inpbox input{width: 100%;}
  #stepContainer.appointmentStep4 .stepView ul.info-insert > li ul.checkgroup {display: flex; gap: 10px;}
  #stepContainer.appointmentStep4 .stepView ul.info-insert > li ul.checkgroup li { width: 100%;margin: 0 0 20px 0;}
  #stepContainer.appointmentStep4 .stepView ul.info-insert > li ul.checkgroup {margin: 0;}
  #stepContainer.appointmentStep4 ul.info-insert > li:last-child {margin: 0;}
  #stepContainer.appointmentStep4 .stepView .onlineConsult fieldset {max-width: 100%;}
  #stepContainer.appointmentStep4 .stepView .onlineConsult fieldset .emailArea .inputBox{width: 100%;flex-direction: column;padding-bottom: 20px;}
  #stepContainer.appointmentStep4 .stepView .onlineConsult fieldset .emailArea .inputBox .input{width: 100%;}
  #stepContainer.appointmentStep4 .stepView .onlineConsult fieldset .emailArea .inputBox button{width: 100%;}
  #stepContainer.appointmentStep4 .stepView .onlineConsult fieldset .nextBtn{width: 100%;}
  #stepContainer.appointmentStep4 .stepView input[type="checkbox"] + label:before {top: 6%;}
  #stepContainer.appointmentStep4  .stepView ul.info-insert > li ul.checkgroup + .inpbox{margin-top:0px}
  #stepContainer.appointmentStep4 .checkbox{width: 100%; display: flex; align-items: baseline;}
  #stepContainer.appointmentStep4 .modal-content {padding: 50px 0;}
  #stepContainer.appointmentStep4 .modal-content .con .con-title.center{padding: 20px 15px 15px 15px;}
  #stepContainer.appointmentStep4 .modal-content .con .disc{padding-right: 15px; padding-left: 15px;}
  #stepContainer.appointmentStep4 .modal-content .con .con-title{padding-right: 15px; padding-left: 15px; font-size: 18px;}
  .pt35{padding-top: 35px;}
  #stepContainer.appointmentStep4 .modal-content .con .disc.dot{padding-right: 15px; margin-left: 15px;}
  #stepContainer.appointmentStep4 .stepView .agree-container{width: 100%;}
  #stepContainer.appointmentStep4 .stepView .con{width: 100%;}
  #stepContainer.appointmentStep4 .stepView .modal-content .con{width: 100%;}
  #stepContainer.appointmentStep4 .stepView .agree-container > .green{padding-bottom: 30px;}
  #stepContainer.appointmentStep4 .stepView .all{margin-bottom: 40px;}
  #stepContainer.appointmentStep4 .stepView .agree-container > .green.all{padding-left: 15px; padding-right: 15px;}
  #stepContainer.appointmentStep4 .stepView .agree-container > .green.all label::before{top: 55%;}
  #stepContainer.appointmentStep4 .stepView .agree-container input[type="checkbox"] + label:before {top: 25%; font-size: 20px;}
  #stepContainer.appointmentStep4 .stepView .agree-container .checkbox{margin: 0;}
  #stepContainer.appointmentStep4 .stepView .agree-container .agree-title{font-size: 16px; font-weight: 600; color: #333;}
  #stepContainer.appointmentStep4 .stepView .agree-box input[type="checkbox"] + label:before {margin-top: 3px}
  #stepContainer.appointmentStep4 .agree-box{border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #ccc; margin-bottom: 0;}
  #stepContainer.appointmentStep4 .agree-box:nth-of-type(2){border-top: 1px solid #ccc;}
  #stepContainer.appointmentStep4 .agree-box .checkbox{width: 25px;  height: 25px; margin: 0;}
  #stepContainer.appointmentStep4 #agreeBtn {width: 100%;  font-family: 'BebasNeuePro-ExpRg'; margin-top: 0;}
  #stepContainer.appointmentStep4 .modal_btn .con{font-size: 14px;}
  #stepContainer.appointmentStep4 .stepView ul.info-insert > li ul.checkgroup li.radio:last-child input:checked + label:after{right: 2.35rem;}
  #stepContainer.appointmentStep4 .modal_btn .sub{font-size: 14px; line-height: 1.8;}
  #stepContainer.appointmentStep4 .modal-content h2{line-height: 1.1; text-align: left; font-size: 30px; letter-spacing: 0; padding:  0 15px;}
  #stepContainer.appointmentStep4 .faq-text{padding: 10px 0 2px 0;}
  #stepContainer.appointmentStep4 .addbox:nth-child(3){margin-bottom: 0;}
  #stepContainer.appointDetails .titleGroup{padding: 0 20px;}
  #stepContainer.appointDetails .stepView .titleGroup h2{text-align: left;}
  #stepContainer.appointDetails .stepView .titleGroup strong{font-size: 28px;}
  #stepContainer.appointDetails .stepView .titleGroup .subTitle{text-align: left; padding-top: 20px; font-size: 22px; line-height: 1.3;}
  #stepContainer.appointDetails .stepView .titleGroup .subText{text-align: left;}
  #stepContainer.appointDetails .appointMentBox {border-top: 1px solid #DFDFDF; border-bottom: 1px solid #dfdfdf; border-right: none; border-left: none; margin: 0; padding: 38px 0; margin-bottom: 38px;}
  #stepContainer.appointDetails .appointMentcon{width: 100%; flex-direction: column;  font-size: 16px; color: #222;  padding-bottom: 15px;}
  #stepContainer.appointDetails .appointMentcon .title{min-width: 100%; text-align: left; font-weight: 600; margin-left: 0;}
  #stepContainer.appointDetails .appointMentcon .right{min-width: 100%; margin-left: 0; text-align: left; color: #666; font-size: 16px; font-weight: 400; padding-top: 5px;}
  #stepContainer.appointDetails .appointMentcon .green.right{padding-top: 8px;}
  #stepContainer.appointDetails .buttonArea{ flex-direction: column-reverse; gap: 1.25rem;}
  #stepContainer.appointDetails .stepView .onlineConsult .nextBtn {width: 100%; font-size: 18px;}
  #stepContainer.appointDetails .stepView .onlineConsult .cancelBtn {width: 100%; font-size: 18px;}
  #stepContainer.appointDetails .modal {position: fixed; top: 0;left: 0; width: 100%; height: 100%;background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000;}
  #stepContainer.appointDetails .modal-content { display: flex;flex-direction: column; align-items: center;justify-content: center; background-color: #fff;padding: 2rem; width: 90%; height: 25rem;text-align: center;}
  #stepContainer.appointDetails .modal-actions {display: flex;justify-content: space-between; margin-top: 30px;gap: 20px;}
  #stepContainer.appointDetails .modal-content p{font-size: 1.75rem; font-weight: 500; line-height: 120%; color: #000;}
  #stepContainer.appointDetails .modal-content .finalTitle{line-height: 120%;}
  #stepContainer.appointDetails #confirmCancel{font-size: 16px;}
  #stepContainer.appointDetails #closeModal,.modalBtn{font-size: 16px;}
  #stepContainer.appointDetails .appointMentcon:nth-last-of-type(2){padding-bottom: 15px;}
  #stepContainer.appointDetails .stepView .titleGroup .subText { max-width: 100%; margin: 0; text-align: left;}
  #stepContainer.appointmentStep4 .close-btn{top: 20px; right: 20px;}
  #stepContainer.appointmentStep4 .stepView .modal-content .buttonArea{width: 100%; padding: 45px 15px 0 15px; margin-top: 38px;}
}


@media (max-width: 960px) {
  #stepContainer {
    padding-top: 100px;
  }
  .pageRSA .rsaView {
    width: calc(100% + 4rem);
    margin-left: -2rem;
    margin-right: -2rem;
    padding-top: 5.8rem;
    background-color: #f7f7f7;
    padding-bottom: 0;
  }
  .pageRSA .rsaView .showcaseImage {
    width: calc(100% + 4rem);
    margin: 0 -2rem;
  }
  .pageRSA .rsaView .showcaseImage img {
    width: 100%;
  }
  .pageRSA .memberList {
    padding-top: 10rem;
    padding-bottom: 4.8rem;
  }
  .pageRSA .memberList li {
    float: none;
    width: 100%;
    max-width: 100%;
    padding-bottom: 5.2rem;
    line-height: 1.4;
  }
  .pageRSA .memberList li:nth-child(even) {
    margin-left: 0;
  }
  .pageRSA .memberList li:nth-child(odd) {
    clear: both;
    margin-right: 0;
  }
  .pageRSA .memberList figure {
    padding-top: 58.51%;
  }
  .pageRSA .memberList figure img {
    width: 101%;
  }
  .pageRSA .memberList strong {
    padding: 2.1rem 1rem 1.2rem 0.8rem;
    font-size: 1.5rem;
  }
  .pageRSA .memberList span {
    padding: 0 1rem 0 0.8rem;
    font-size: 1.4rem;
  }
  .pageRSA .showcaseMovie {
    width: calc(100% + 4rem);
    max-width: inherit;
    margin: 0 -2rem;
    padding-bottom: 7.7rem;
  }
  .pageRSA .showcaseMovie .youtube {
    padding-top: 56.2%;
    margin-bottom: 2rem;
  }
  .pageRSA .showcaseMovie .youtube iframe {
    width: 104%;
  }
  .pageRSA .showcaseMovie h3 {
    padding: 0 2rem;
    line-height: 1.3;
  }
  .pageCelebrities .celebritiesView {
    padding-top: 5.8rem;
    padding-bottom: 8rem;
  }
  .pageCelebrities .celebritiesView .imageList {
    padding-bottom: 0rem;
  }
  .pageCelebrities .celebritiesView .imageList li {
    width: calc(100% / 2 - 2.1rem);
    margin: 0 1.65rem 3.5rem 0;
    overflow: hidden;
  }
  .pageCelebrities .celebritiesView .imageList li figure {
    position: relative;
    padding-top: 76.88%;
    overflow: hidden;
  }
  .pageCelebrities .celebritiesView .imageList li strong {
    overflow: hidden;
    height: 5.9rem;
    padding: 1.5rem 0 0 1rem;
  }
  .pageCelebrities .celebritiesView .imageList li em {
    padding: 0.5rem 0 0 1rem;
  }
  .pageClient .clientView {
    padding-top: 5.8rem;
    padding-bottom: 10rem;
  }
  .pageClient .clientView .list {
    width: calc(100% + 4rem);
    margin: 0 -2rem;
    padding-bottom: 2rem;
  }
  .pageClient .clientView .list li {
    padding: 0 2rem 0 2rem;
    margin-bottom: 1.5rem;
  }
  .pageClient .clientView .list dl {
    padding: 2rem 0 2.5rem 9.3rem;
  }
  .pageClient .clientView .list dl dt {
    font-size: 1.8rem;
  }
  .pageClient .clientView .list dl dd {
    padding-top: 0.3rem;
    font-size: 1.5rem;
    line-height: 1.3;
  }
  .pageClient .clientView .list dl dd.circle {
    width: 6.5rem;
    height: 6.5rem;
    line-height: 4;
    font-size: 1.4rem;
  }
  #stepContainer.appointmentStep1 .stepView .onlineConsult fieldset .buttonArea .nextBtn { font-size: 16px;}
  #stepContainer.appointmentStep1 .stepView .titleGroup{padding: 0 20px; }
  #stepContainer.appointmentStep1 .stepView .titleGroup h2 strong {font-size: 28px;}
  #stepContainer.appointmentStep1 .stepView .section .content {margin: 35px 0;}
  #stepContainer.appointmentStep1 .stepView .titleGroup h2{text-align: left; font-size: 24px; line-height: 35px;}
  #stepContainer.appointmentStep1 .stepView .titleGroup h2 + .subText{ text-align: left; padding-top: 0; padding: 24px 0 35px 0; font-size: 1.6rem;}
  #stepContainer.appointmentStep1 .stepView .titleGroup .stepText{text-align: left; font-size: 22px;}
  #stepContainer.appointmentStep1 .stepView .formArea .formTtitle {font-size: 18px; padding-bottom: 30px;}
  #stepContainer.appointmentStep1 .stepView .section .formArea {padding: 35px 20px 20px 20px}
  #stepContainer.appointmentStep1 .stepView .formArea .formSection .acceptBox{padding: 15px 0;}
  #stepContainer.appointmentStep1 .stepView .formArea .formSection .acceptBox .step {font-size: 18px; line-height: 1.2;}
  #stepContainer.appointmentStep1 .stepView input[type="checkbox"] + label{font-size: 18px; padding-left: 25px; margin-left: 5px;}
  #stepContainer.appointmentStep1 .stepView .formSection .disc {padding: 1.25rem 0;}
  #stepContainer.appointmentStep1 .stepView .formSection .disc .dot {font-size: 14px;}
  #stepContainer.appointmentStep1 .stepView .formSection .disc .dash {font-size: 14px;}
  #stepContainer.appointmentStep1 .stepView .linkBox{flex-direction: column-reverse;}
  #stepContainer.appointmentStep1 .stepView .btn-view{width: 90%; font-size: 18px; display: flex; align-items: center; justify-content: center; letter-spacing: 0;}
  #stepContainer.appointmentStep1 .stepView .btn-consult-send{width: 90%; font-size: 18px; display: flex; align-items: center; justify-content: center; letter-spacing: 0;}
  #stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .nextBtn {
    font-size: 18px;
}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .emailArea .inputBox button {
    font-size: 18px;
}
#stepContainer.appointmentStep2 .stepView .titleGroup h2 strong {font-size: 28px;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .emailArea .inputBox.pb35{padding-bottom: 38px;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .infoBox {
    flex-direction: column;
    width: 100%;
    gap: 0;
}
#stepContainer.appointmentStep2 .stepView .mb40{margin-bottom: 0px;}
#stepContainer.appointmentStep2 .stepView .titleGroup{padding: 0 20px; }
#stepContainer.appointmentStep2 .stepView .section .content {margin: 30px 0;}
#stepContainer.appointmentStep2 .stepView .titleGroup h2{text-align: left; font-size: 24px; line-height: 35px; padding-bottom: 40px;}
#stepContainer.appointmentStep2 .stepView .titleGroup h2 + .subText{ text-align: left; padding-top: 0; padding-bottom: 30px; font-size: 14px;}
#stepContainer.appointmentStep2 .stepView .titleGroup .stepText{text-align: left; font-size: 22px;}
#stepContainer.appointmentStep2 .stepView .formArea .formTtitle {font-size: 18px; padding-bottom: 30px;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .infoBox, .inputBox, .phoneNumberBox {margin-bottom: 20px;}
.phoneNumberArea{margin-top: 80px;}
.phoneNumberBox{margin-bottom: 0;}
#stepContainer .stepView .onlineConsult fieldset .selectbox select{padding: 1rem 1.3rem;font-size: 1.8rem;}
#stepContainer .stepView .onlineConsult fieldset .inputBox > input{padding: 1rem 1.3rem;}
#stepContainer .stepView .onlineConsult fieldset .selectbox:after{top:1.6rem;right:2.2rem;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .nameBox input{padding: 1rem 1.3rem;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .addressArea .inputBox{padding-top: 0; padding-bottom: 20px;}
#stepContainer .stepView .onlineConsult fieldset .addressArea .inputBox .addressTop{flex-direction: column;}
#stepContainer .stepView .onlineConsult fieldset .addressArea .inputBox .addressTop > input{width: 100%;padding: 1.7rem 2rem;font-size: 1.8rem;border: 1px solid #ccc;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .phoneNumberArea .inputBox{padding-top: 0;padding-bottom: 0;margin-bottom: 10px;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .addressArea .inputBox input:first-child {margin-top: 20px;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .addressArea .inputBox input {width: 100%; padding: 1.2rem 1.3rem;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .phoneNumberBox input:first-child{width: 35%;}
#stepContainer .stepView .onlineConsult fieldset .emailArea .inputBox input{height: auto;}	
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .phoneNumberBox input { padding: 1.2rem 1.3rem;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .emailArea .inputBox{width: 100%;flex-direction: column;padding-bottom: 20px; margin-bottom: 0;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .nextBtn{width: 100%;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .emailArea .inputBox button{width: 100%; height: 46px;}
#stepContainer.appointmentStep2 .stepView .onlineConsult fieldset .buttonArea{border-top: 1px solid #EAEAEA;padding-top: 38px;}
#stepContainer.appointmentStep2 .onlineConsult fieldset .phoneNumberBox input  {display: inline-block;width: 85%;padding: 1.7rem 2rem;font-size: 1.8rem;border: 1px solid #ccc;}	
	
.phoneNumberBox input {display: inline-block !important; width: 100% !important;padding: 1.2rem 1.2rem 1.7rem 50px !important;font-size: 1.8rem;border: 1px solid #ccc;}
.iti {width: 100% !important;}

#stepContainer.appointmentStep2 .onlineConsult fieldset .phoneNumberBox input:first-child {width: 35%;}
#stepContainer.appointmentStep3 .stepView .onlineConsult fieldset .nextBtn {font-size: 18px;}
#stepContainer.appointmentStep3 .stepView .onlineConsult fieldset .emailArea .inputBox button {font-size: 16px;}
#stepContainer.appointmentStep3 .stepView .titleGroup h2 strong {font-size: 28px;}
#stepContainer.appointmentStep3 .stepView .onlineConsult fieldset .emailArea .inputBox.pb35{padding-bottom: 38px;}
#stepContainer.appointmentStep3 .stepView .onlineConsult fieldset .infoBox {flex-direction: column;width: 100%;gap: 0;}
#stepContainer.appointmentStep3 .stepView .mb40{margin-bottom: 0px;}
#stepContainer.appointmentStep3 .stepView .titleGroup{padding: 0 20px; }
#stepContainer.appointmentStep3 .stepView .section .content {margin: 30px 0;}
#stepContainer.appointmentStep3 .stepView .titleGroup h2{text-align: left; font-size: 24px; line-height: 35px; padding-bottom: 40px;}
#stepContainer.appointmentStep3 .stepView .titleGroup h2 + .subText{ text-align: left; padding-top: 0; padding-bottom: 30px; font-size: 14px;}
#stepContainer.appointmentStep3 .stepView .titleGroup .stepText{text-align: left; font-size: 22px;}
#stepContainer.appointmentStep3 .stepView .formArea .formTtitle {font-size: 18px; padding-bottom: 30px;}
#stepContainer.appointmentStep3 .stepView .onlineConsult fieldset .infoBox .inputBox{margin-bottom: 20px;}
#stepContainer.appointmentStep3 .stepView .operationbox ul.info-insert > li > label{height: auto;padding-bottom: 20px;}
#stepContainer.appointmentStep3 .onlineConsult fieldset li{padding: 0;}
#stepContainer.appointmentStep3 .onlineConsult fieldset li:nth-child(odd){padding: 0;}
#stepContainer.appointmentStep3 .stepView ul.info-insert > li ul.checkgroup li.radio input + label {padding: 0;}
#stepContainer.appointmentStep3 .stepView ul.info-insert > li >label > span{display: block;}
#stepContainer.appointmentStep3 .datepic-calendar , .time-list {display: none;}
#stepContainer.appointmentStep3 .stepView .onlineConsult fieldset .nextBtn{width: 100%;}
#stepContainer.appointmentStep3 .stepView ul.info-insert > li ul.checkgroup li.radio input:checked + label:after {right: 2.3rem;}
#stepContainer.appointmentStep3 .stepView .operationbox ul.info-insert > li.full .wrap > div {float: left;width: 100%;}
#stepContainer.appointmentStep3 .stepView ul.info-insert > li {margin-bottom: 30px;}
#stepContainer.appointmentStep3 .pc_title{font-size: 16px; color: #000; padding-bottom: 10px; display: none;}
#stepContainer.appointmentStep3 .mo_title{ font-family: 'BebasNeuePro-ExpBd'; width: 100%; position: relative; text-align: left; font-size: 20px; color: #000; font-weight: 600; display: block; border-top: 1px solid #eaeaea; border-bottom: 1px solid #EAEAEA; padding: 20px 40px 20px 0;}
#stepContainer.appointmentStep3 .mo_title#toggleButton2{border-top: none;}
#stepContainer.appointmentStep3 .mo_title:last-child{border-top: none;}
#stepContainer.appointmentStep3 .mo_title span{display: inline-block; font-family: 'BebasNeuePro-ExpPm'; color: #808080; font-size: 21px; font-weight: 400; letter-spacing:0.02rem;}
#stepContainer.appointmentStep3 .mo_title::after{content: ''; position: absolute; width: 35px; height: 40px; right: 0px;top: 50%;transform: translate(0 , -50%);background: url('../../images/icon_selectarr.png') no-repeat 100% 50%;}
#stepContainer.appointmentStep3 .stepView .operationbox .time-list{padding: 0; border: none}
#stepContainer.appointmentStep3 .stepView .operationbox .datepic-calendar{padding: 0;}
#stepContainer .stepView .operationbox ul.info-insert > li.full .wrap > div:last-child{border: none;}
#stepContainer.appointmentStep3 .stepView .operationbox .time-list .scroll-wrap{height: auto;}
#stepContainer.appointmentStep3 .stepView .operationbox .datepic-calendar .ui-datepicker{width: 100%; border: none;padding: 0 0 20px 0;}
#stepContainer.appointmentStep3 .stepView .operationbox ul.info-insert > li.full .wrap{border: none;}
#stepContainer.appointmentStep3 .stepView .operationbox .datepic-calendar {border-right: none;}
#stepContainer.appointmentStep3 .stepView .operationbox .time-list .scroll-wrap{padding: 0;overflow-y: hidden;}
#stepContainer .stepView .operationbox .datepic-calendar .ui-datepicker-calendar{width: 100%;margin: 5px 0;}
#stepContainer .stepView .operationbox ul.info-insert > li.full .wrap .leftBox{padding:0;}
#stepContainer.appointmentStep4 .stepView .checkbox input[type="checkbox"] + label:before{
  top: 7%;
}
#stepContainer.appointmentStep4 .stepView .checkbox.bottom input[type="checkbox"] + label:before{
  top: 25%;
}
#stepContainer.myAppointment .onlineConsult .innerWrap {max-width: 100%;}
#stepContainer.myAppointment .stepView .onlineConsult fieldset {max-width: 100%;}
#stepContainer.myAppointment .stepView .onlineConsult fieldset .emailArea .inputBox{width: 100%;flex-direction: column; padding-bottom: 20px; min-height: 46px;}
#stepContainer.myAppointment .stepView .onlineConsult fieldset .emailArea .inputBox:last-child{padding-bottom: 38px; margin-bottom: 0;}
#stepContainer.myAppointment .stepView .onlineConsult fieldset .emailArea .inputBox .input{width: 100%;}
#stepContainer.myAppointment .stepView .onlineConsult fieldset .emailArea .inputBox button{width: 100%; height: 46px; font-size: 16px;}
#stepContainer.myAppointment .stepView .onlineConsult fieldset .nextBtn{width: 100%; font-size: 18px;}
#stepContainer .stepView .onlineConsult fieldset .buttonArea{
  padding-top:38px;
  margin-top: 0;
}
#stepContainer.appointmentStep4 .stepView .onlineConsult fieldset .buttonArea{
  padding-top:38px;
  margin-top: 38px;
}
.optionbox{
  height: 46px;
}
.inpbox{
  height: 46px;
}
#stepContainer .stepView ul.info-insert > li ul.checkgroup li{
  height: 46px;
}
.optionbox select{padding: 1.2rem 1.3rem;}
#stepContainer.myAppointment .stepView .titleGroup {padding: 0 20px; text-align: left;}
#stepContainer.myAppointment .stepView .titleGroup h2{ font-size: 28px; text-align: left;}
#stepContainer.myAppointment .stepView .titleGroup h2 + .subText{text-align: left;}
#stepContainer.myAppointment .stepView .onlineConsult fieldset .infoBox{margin-bottom: 20px;}
#stepContainer .stepView .operationbox .time-list dt {margin: 0 50px 10px 28px;}
}
@media screen and (max-width:545px) {
  #stepContainer.appointmentStep4 .stepView .agree-container > .green.all label::before{top: 30%;}
}
@media screen and (max-device-width:680px) {
  #stepContainer .stepView .operationbox .time-list dt{margin: 0 50px 10px 10px;}

  .radio input[type="radio"] + label:before{width: 15px;height: 15px;}
  .radio input[type="radio"]:checked + label:after{width: 11px; height: 11px;}
  #stepContainer.appointmentStep3 .stepView ul.info-insert > li ul.checkgroup li.radio input:checked + label:after {top:50%; left:auto; right:2.205rem; transform:translateY(-50%)}
  #stepContainer.appointmentStep3 .stepView ul.info-insert > li ul.checkgroup li:last-child.radio input:checked + label:after{right:2.205rem;}
  #stepContainer.appointmentStep4 .stepView .agree-container > .green.all label::before{top: 25%;}
  #stepContainer.appointmentStep4 .stepView .checkbox input[type="checkbox"] + label:before{
  }
  #stepContainer.appointmentStep4 .stepView .checkbox.bottom input[type="checkbox"] + label:before{
    top: 20%;
  }
  #stepContainer.appointmentStep4 .stepView ul.info-insert > li ul.checkgroup li.radio input + label:before {right:20px; }
  #stepContainer.appointmentStep4 .stepView ul.info-insert > li ul.checkgroup li.radio input:checked + label:after{right: 22px;}
}