@charset "UTF-8";
/* Font */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&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-weight: 400;
  font-family: "Noto Serif KR";
}

/* 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: 'Noto Serif KR', 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-weight: 400;
  font-family: "Noto Serif KR";
  font-size: 2.2rem;
  color: #c1c1c1;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.navigations .openNav li a i {
  font-family: 'Noto Serif KR';
  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-weight: 400;
  font-family: "Noto Serif KR";
}

#pageContainer [class^='page'] .titleGroup h2 strong {
  font-weight: 600;
  font-family: "Noto Serif KR";
}

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

#pageContainer [class^='page'] .titleGroup h2 i {
  font-family: 'Noto Serif KR';
  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-weight: 400;
  font-family: "Noto Serif KR";
  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-weight: 400;
  font-family: "Noto Serif KR";
  font-size: 2.2rem;
  color: #fff;
  opacity: 0.7;
}

.subNavigations a i {
  font-family: 'Noto Serif KR';
  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-weight: 400;
  font-family: "Noto Serif KR";
  font-size: 1.8rem;
}

#pageFooter .groupL dl dt i,
#pageFooter .groupR dl dt i {
  font-family: 'Noto Serif KR';
  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: 'Noto Serif KR';
    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: 600;
    font-family: "Noto Serif KR";
  }
  #pageContainer h3 strong i {
    font-weight: 600;
  }
  #pageContainer h3 i {
    font-family: 'Noto Serif KR';
    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: 'Noto Serif KR';
    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-weight: 400;
  font-family: "Noto Serif KR";
  font-size: 74px;
}

@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: 400;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
}

@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-weight: 400;
  font-family: "Noto Serif KR";
  font-size: 56px;
  color: #000;
  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: 'Noto Serif KR';
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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: 'Noto Serif KR';
  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: 'Noto Serif KR';
  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-weight: 400;
  font-family: "Noto Serif KR";
  font-size: 2rem;
  color: #b3b3b3;
}

.mainCenterTour .tab li.on a {
  color: #58c5c6;
  border-bottom: 1px solid #58c5c6;
  font-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 400;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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: 'Noto Serif KR', 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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 400;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
}

@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: 'Noto Serif KR';
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
}

.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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 400;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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: 600;
  font-family: "Noto Serif KR";
  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: 600;
  font-family: "Noto Serif KR";
  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: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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: 'Noto Serif KR';
    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-weight: 400;
    font-family: "Noto Serif KR";
    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-weight: 600;
    font-family: "Noto Serif KR";
  }
  .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-weight: 600;
    font-family: "Noto Serif KR";
  }
  .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-weight: 600;
    font-family: "Noto Serif KR"; 
    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-weight: 600;
    font-family: "Noto Serif KR";
    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-weight: 400;
  font-family: "Noto Serif KR";
}

#stepContainer .stepView .titleGroup h2 strong {
  font-weight: 600;
  font-family: "Noto Serif KR";
}

#stepContainer .stepView .titleGroup h2 strong i {
  font-weight: 600;
}

#stepContainer .stepView .titleGroup h2 i {
  font-family: 'Noto Serif KR';
  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-weight: 600;
  font-family: "Noto Serif KR";
  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: 'Noto Serif KR';
  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-weight: 400;
  font-family: "Noto Serif KR";
  letter-spacing: 1px;
  font-size: 23px;
  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 0.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: 600;
  font-family: "Noto Serif KR";
  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: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  display: block;
  padding-bottom: 1.5rem;
  color: #333;
  font-size: 20px;
}
#stepContainer fieldset .formLable_NBM {
  font-weight: 600;
  font-family: "Noto Serif KR";
  display: block;
  color: #333;
  font-size: 20px;
}
#stepContainer fieldset .phoneNumberArea {
  font-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  display: inline-block;
  width: 43.75rem;
  min-height: 6rem;
  padding: 1.7rem 0;
  color: #fff;
  font-size: 21px;
  font-weight: 500;
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  font-size: 20px;
  color: #000;
  padding-bottom: 10px;
}
#stepContainer.appointmentStep3 .pc_title span {
  font-weight: 500;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  height: 30px;
  font-size: 20px;
  font-weight: bold;
  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(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-weight: 600;
  font-family: "Noto Serif KR";
  font-size: 36px;
  font-weight: bold;
  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-weight: 600;
  font-family: "Noto Serif KR";
}
#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-weight: 400;
  font-family: "Noto Serif KR";
  margin-top: 20px;
  display: inline-block;
  width: 43.75rem;
  min-height: 6rem;
  padding: 1.7rem 0;
  color: #fff;
  font-size: 21px;
  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-weight: 600;
  font-family: "Noto Serif KR";
  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: 'Noto Serif KR';
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 600;
  font-family: "Noto Serif KR";
  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-weight: 400;
  font-family: "Noto Serif KR";
  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-weight: 400;
    font-family: "Noto Serif KR";
    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-weight: 600;
    font-family: "Noto Serif KR";
    width: 100%;
    position: relative;
    text-align: left;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    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-weight: 500;
    font-family: "Noto Serif KR";
    color: #808080;
    font-size: 21px;
    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;
  }
}