@charset "utf-8";

html, body {font-size: 10px;overflow-x:hidden;}
@media all and (max-width:1280px) {
  html, body {font-size: 8px;}
}
@media all and (max-width:960px) {
  html, body {font-size: 6px;}
}
@media all and (max-width:395px) {
  html, body {font-size: 5px;}
}

body {position: relative;font-family: 'Spoqa Han Sans Neo', 'sans-serif';color: #1D1D1D;-webkit-text-size-adjust: none;-webkit-overflow-scrolling:touch;}
body, h1, h2, h3, h4, h5, h6, ul, p, button, input, td{margin:0;padding:0}
h1, h2, h3, h4, h5, h6{font-size:inherit;font-weight:normal;font-family:inherit;}
ul{list-style:none;}
a{text-decoration:none;}
a:link, a:visited, a:hover, a:active{color:inherit;text-decoration:none;}
strong {font-weight: normal;}
button{border:0px;background:none;cursor:pointer;font-family:inherit;font-size: inherit;}
img{border:0px;vertical-align:top;}
address{font-style:normal;}
header, nav, section, article, footer{display:block;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select{vertical-align:middle;}
input, textarea{-webkit-appearance: none;-webkit-border-radius: 0;}
hr {display:none;}
pre {overflow-x:scroll;font-size:1.1em;}
table{border-spacing:0px;border-collapse:collapse;}
em{font-style:normal;}
fieldset{border:0;}
select::-ms-expand {display:none;}
input:focus {outline:none;}
input[type="date"]{position:relative;padding-right:20px;padding-left:0;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button{display:none;}
input[type="date"]::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;color:transparent;cursor:pointer;}
input[type="date"]::before{content:attr(data-placeholder);width:100%;}
input[type="date"]:valid::before{display:none;}
input[data-placeholder]::before{color:#999;font-size:13px;}
*, :after, :before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.pretendard {font-family: "Pretendard Variable", sans-serif;}
.clear:after{display:block;content:"";clear:both;}
.inner {width: 1504px;margin: 0 auto;}
@media all and (max-width:1550px) {
  .inner {width: calc(100% - 12rem);}
}
@media all and (max-width:760px) {
  .inner {width: calc(100% - 8rem);}
}

.moOnly {display: none;}
@media all and (max-width:760px) {
  .pcOnly {display: none;}
  .moOnly{display: block;}
}

.only1550 {display: none;}
.only1280 {display: none;}
@media all and (max-width:1550px) {
  .only1550 {display: block;}
  .none1550{display: none;}
}
@media all and (max-width:1280px) {
  .only1280 {display: block;}
  .none1280{display: none;}
}

.privacyPopup {display: none;position: fixed;top: 50%;left: 50%;background-color: #fff;transform: translate(-50%,-50%);z-index: 100;height: 90vh;}
.privacyPopup .closeBtn {position: absolute;top: 2rem;right: 2rem;background: url("../img/btn_popup_close.png") no-repeat center / contain;width: 3rem;height: 3rem;}
.privacyPopup .inner {padding: 5rem;overflow: auto;height: 100%;}
.privacyPopup .inner p {font-size: 1.6rem;word-break: keep-all;line-height: 1.5;padding: 1rem 0;}
.privacyPopup .inner h4 {font-size: 2rem;font-weight: 700;padding-top: 3rem;}
@media all and (max-width:1550px) {
  .privacyPopup {width: 90%;}
  .privacyPopup .inner {width: 100%;}
}
@media all and (max-width:760px) {
  .privacyPopup .inner p {font-size: 2.6rem;padding: 2rem 0;}
  .privacyPopup .inner h4 {font-size: 3rem;padding-top: 4rem;}
}

#applyBar {position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 134rem; padding: 3rem 0; border-radius: 3rem 3rem 0 0; background: #ED6B2C; display: flex; justify-content: center; align-items: center; z-index: 98; transition: transform .35s ease; transform: translate(-50%, 100%);}
#applyBar .barBtn {font-size: 1.8rem; font-weight: bold; background: #ED6B2C; color: #fff; display: flex; align-items: center; position: absolute; bottom: 100%; left: 50%; padding: 1.6rem 4.4rem 1.1rem 4.4rem; gap: 2.2rem; border-radius: 2rem 2rem 0 0; cursor: pointer;transform: translateX(-50%);}
#applyBar .barBtn .icon {width: 2rem;height: 1.2rem;}
#applyBar .barBtn .icon img {transition: 0.3s;width: 100%;height: auto;}
#applyBar .logo {margin-right: 6.1rem;width: 19.5rem;}
#applyBar .logo img {width: 100%;height: auto;}
#applyBar .formWrap {margin-right: 6rem; display: flex; gap: 1rem;}
#applyBar .formWrap .inputArea {display: flex; flex-wrap: wrap; gap: 1.3rem; width: min-content;}
#applyBar .formWrap .inputArea .list {display: flex; gap: 1rem;}
#applyBar .formWrap .inputArea .list li {width: 17rem;}
#applyBar .formWrap .inputArea .list input {font-family: 'Spoqa Han Sans Neo', 'sans-serif';display: block; width: 100%; height: auto; padding: 0.9rem; box-sizing: border-box; font-size: 1.4rem; border: none; background: #fff; border-radius: 5px; font-family: inherit;}
#applyBar .formWrap .inputArea .list input::placeholder {color: #bbb;}
#applyBar .formWrap .inputArea .list input:focus {outline: none; border: 0 !important; box-shadow: none;}
#applyBar .formWrap .inputArea .list select {display: block; width: 100%; height: auto; padding: 1rem; box-sizing: border-box; font-size: 1.4rem; border: none; border-radius: 5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url('../img/fb_slt_down.png') right 1.8rem center no-repeat; background-size: 1.4rem auto;font-family: inherit;color: #bbb;}
#applyBar .formWrap .inputArea .list select:focus {outline: none; border: 0 !important; box-shadow: none;}
#applyBar .formWrap .inputArea .list li:last-child {width: 20rem;}
#applyBar .formWrap .inputArea .check {display: flex;align-items: center;color: #fff;}
#applyBar .formWrap .inputArea .check .chkBox {display: flex;align-items: center;position: relative;padding-left: 2.1rem;cursor: pointer;font-size: 1.6rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#applyBar .formWrap .inputArea .check .chkBox input[type="checkbox"] {display: none;}
#applyBar .formWrap .inputArea .check .chkBox .on {width: 1.5rem;height: 1.5rem;background: #fff;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
#applyBar .formWrap .inputArea .check .on:after {content: "";position: absolute;display: none;}
#applyBar .formWrap .inputArea .check .chkBox input[type="checkbox"]:checked + .on:after {display: block;}
#applyBar .formWrap .inputArea .check .on:after {width: 1.2rem;height: 1.2rem;background-image: url("../img/fb_ico_checked.png");background-repeat: no-repeat;background-position: center;background-size: contain;position: absolute;left: 0.1rem;top: 0.18rem;}
#applyBar .formWrap .inputArea .check a {font-size: 1.6rem;padding-left: 0.5rem;}
#applyBar .formWrap .applyBtn {width: 10rem; display: flex; align-items: center; justify-content: center; background: #fff; height: 6.8rem; border-radius: 5px; color: #000; font-weight: 700;font-size: 1.8rem;}
#applyBar .callWrap {color: #fff;}
#applyBar .callWrap h6 {font-size: 1.6rem;}
#applyBar .callWrap strong {display: block;font-size: 3.2rem;font-weight: 700;padding-top: 0.9rem;}
#applyBar.active .barBtn img {transform: rotate(180deg);}
#applyBar.active {transform: translate(-50%, 0);}

@media all and (max-width: 1080px) {
  #applyBar {width: 100%;}
}

@media all and (max-width: 760px) {
  #applyBar {width: 100%; padding: 3rem 2rem 2.5rem 2rem; box-sizing: border-box; border-radius: 0;display: block;}
  #applyBar .barBtn {font-size: 3rem; font-weight: 400; padding: 2.333rem 10rem; gap: 1.833rem; border-radius: 3.333rem 3.333rem 0 0;width: max-content;}
  #applyBar .barBtn .icon {width: 2.333rem;height: 1.667rem;}
  #applyBar .logo {display: none;}
  #applyBar .formWrap {margin-right: 0;display: block;}
  #applyBar .formWrap .inputArea {display: block;width: 100%;}
  #applyBar .formWrap .inputArea .list li, #applyBar .formWrap .inputArea .list li:last-child {width: 32%;}
  #applyBar .formWrap .inputArea .list input {font-size: 2.6rem;height: 6.5rem;}
  #applyBar .formWrap .inputArea .list select {font-size: 2.6rem;height: 6.5rem;}
  #applyBar .formWrap .inputArea .check {width: 100%;margin-top: 1.5rem;}
  #applyBar .formWrap .inputArea .check .chkBox {font-size: 2.6rem;padding-left: 3.5rem;}
  #applyBar .formWrap .inputArea .check .chkBox .on {width: 2.5rem;height: 2.5rem;}
  #applyBar .formWrap .inputArea .check .on:after {width: 2.2rem;height: 2.2rem;left: 0.1rem;top: 0.18rem;}
  #applyBar .formWrap .inputArea .check a {font-size: 2.6rem;padding-left: 1rem;}
  #applyBar .formWrap .applyBtn {width: 100%;font-size: 2.6rem;margin-top: 4rem;}
  #applyBar .callWrap {display: flex;justify-content: space-between;align-items: center;margin-top: 3rem;}
  #applyBar .callWrap h6 {font-size: 2.6rem;}
  #applyBar .callWrap strong {font-size: 4.6rem;padding-top: 0;}
  #applyBar.active .barBtn img {transform: rotate(0);}
}

#quickMenu {position: fixed;bottom: 12.4rem;right: 7rem;z-index: 98;transition: 0.5s;}
#quickMenu ul li {width: 7rem;height: 7rem;background-color: #33383C;border-radius: 4rem;margin-top: 1rem;}
#quickMenu ul li.menuLi {display: none;}
#quickMenu ul li.quickCloseBtn {display: none;cursor: pointer;}
#quickMenu ul li:first-child {margin-top: 0;}
#quickMenu ul li a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
#quickMenu ul li a .icon {display: block;width: 3.2rem;}
#quickMenu ul li a .icon img {width: 100%;height: auto;}
#quickMenu ul li button img {width: 100%;height: auto;}
#quickMenu ul li:nth-child(2) a .icon {width: 3.8rem;}
#quickMenu ul li.openBtn {box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);cursor: pointer;}
#quickMenu ul li.topBtn {background: none;box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);}
#quickMenu.on {top: auto;bottom: 12.4rem;transform: translateY(0);}
#quickMenu.on ul li.menuLi {display: block;}
#quickMenu.on ul li.openBtn {display: none;}
#quickMenu.on ul li.quickCloseBtn {display: block;}
@media all and (max-width:760px) {
  #quickMenu {top: auto;bottom: 33rem;right: 0;width: 10.667rem;transform: translateY(0);background-color: #33383C;border-radius: 3.333rem 0 0 3.333rem;padding: 1.333rem 0;}
  #quickMenu ul li {width: 100%;background: none;border-radius: 0;height: auto;}
  #quickMenu ul li a {height: auto;padding: 1.333rem 0;}
  #quickMenu ul li a .icon {width: 5.333rem;}
  #quickMenu ul li:nth-child(2) a .icon {width: 6.333rem;}
  #quickMenu ul li.menuLi {display: block;}
  #quickMenu ul li.topBtn {display: none;}
  #quickMenu ul li.openBtn {display: none;}
}

#header {position: fixed;top: 0;left: 0;width: 100%;height: 10rem;z-index: 98;}
#header .hdArea {display: flex;align-items: center;justify-content: space-between;height: 100%;margin: 0 auto;margin: 0 14rem;}
#header.sub .hdArea {border-bottom: 1px solid #fff;}
#header .hdArea .hdLogo {padding-left: 4.4rem;}
#header .hdArea .hdLogo a {display: block;}
#header .hdArea .hdLogo a img {width: 19.4rem;height: auto;}
#header .hdArea .hdLogo a img.on {display: none;}
#header .hdArea .gnbWrap {display: flex;align-items: center;gap: 8rem;}
#header .hdArea .gnbWrap ul {display: flex;gap: 4rem;}
#header .hdArea .gnbWrap ul li a {display: block; font-size: 2rem;color: #fff;width: 12rem;font-weight: 700;}
#header .hdArea .gnbWrap .utilGroup {display: flex;align-items: center;}
#header .hdArea .gnbWrap .utilGroup a {display: flex;align-items: center;font-size: 1.6rem;color: #fff;}
#header .hdArea .gnbWrap .utilGroup a img {width: 3.2rem;height: auto;margin-left: 0.8rem;}
#header .hdArea .gnbWrap .utilGroup a img.on {display: none;}
#header .hdArea .moCallBtn {position: absolute;top: 50%;right: 3.5rem;width: 3.667rem;height: 3.333rem;transform: translateY(-50%);}
#header .hdArea .moCallBtn img {width: 100%;height: auto;}
#header.on {background-color: #33383C;}
#header.on .hdArea {border-bottom: 0;}
@media all and (max-width:1700px) {
  #header .hdArea .gnbWrap ul {gap: 1rem;}
}
@media all and (max-width:1570px) {
  #header .hdArea {width: 94%;margin: 0 auto;}
}
@media all and (max-width:1280px) {
  #header .hdArea .gnbWrap ul {gap: 0;}
}
@media all and (max-width:760px) {
  #header {height: 9.667rem;background-color: #fff;}
  #header.on {background-color: #fff;}
  #header .hdArea {width: 100%;justify-content: center;}
  #header .hdArea .gnbWrap {display: none;}
  #header .hdArea .hdLogo a img {width: 20rem;}
}

.popup {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 100;width: 100%;height: 100%;justify-content: center;align-items: center;}
.popup .img {position: relative;}
.popup .img img {position: relative;;max-width: 90vw;max-height: 90vh;width: auto;height: auto;object-fit: contain;display: block;}
.popup .img .closeBtn {position: absolute;top: 1.5rem;right: 1.5rem;width: 2.4rem;height: 2.4rem;z-index: 10;}
.popup .img .closeBtn img {width: 100%;height: auto;}
@media all and (max-width:760px) {
  .popup .img .closeBtn {width: 3.4rem;height: 3.4rem;}
}

#black {display: none;content: '';width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: #000;opacity: 0.8;z-index: 99;}

#main .videoCon {position: relative;width: 100%;height: 100rem;overflow: hidden;}
#main .videoCon .video {position: relative;height: 100%;}
#main .videoCon .video video {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 108%;height: 108%;object-fit: cover;}
#main .videoCon .video video.moOnly {display: none;}
@media all and (max-width:760px) {
  #main .videoCon {height: 100dvh;}
  #main .videoCon .video video {width: 100%;height: 100%;}
  #main .videoCon .video video.pcOnly {display: none;}
  #main .videoCon .video video.moOnly {display: block;}
}

#main .introCon {padding: 36.2rem 0 41.5rem;}
#main .introCon p {font-size: 5.6rem;line-height: 8.4rem;font-weight: 700;text-align: center;letter-spacing: -0.1rem;}
#main .introCon p span {display: inline-block;}
#main .introCon p span img {width: 100%;height: auto;margin-top: 1rem;}
#main .introCon p .icon1 {width: 6rem;height: 6rem;margin-right: 1rem;}
#main .introCon p .icon2 {width: 6.5rem;height: 6.5rem;margin-right: 1rem;}
#main .introCon p strong {font-weight: 700;color: #ED6B2C;}
@media all and (max-width:760px) {
  #main .introCon {padding: 43.833rem 0 26.667rem;}
  #main .introCon p {font-size: 6rem;line-height: 8.667rem;}
  #main .introCon p .icon2 {width: 6rem;height: 6rem;}
}

#main .greetingCon {position: relative;padding-bottom: 16rem;}
#main .greetingCon .decoBox {position: absolute;left: 0;bottom: 0;width: 78.2rem;height: 69.5rem;background-color: #F8B74A;opacity: 0.1;}
#main .greetingCon .inner {display: flex;gap: 9.6rem;align-items: center;}
#main .greetingCon .inner .img {width: 50%;position: relative;z-index: 1;}
#main .greetingCon .inner .img img {width: 100%;height: auto;}
#main .greetingCon .inner .txtWrap {width: 44rem;}
#main .greetingCon .inner .txtWrap h3 {position: relative;font-size: 4rem;line-height: 5.2rem;}
#main .greetingCon .inner .txtWrap h3 strong {font-weight: 700;}
#main .greetingCon .inner .txtWrap h3::before {content: '';position: absolute;bottom: 0.6rem;left: 39rem;width: 0.8rem;height: 0.8rem;border-radius: 1rem;background-color: #ED6B2C;}
#main .greetingCon .inner .txtWrap > p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 4.6rem;}
#main .greetingCon .inner .txtWrap .name {display: flex;align-items: center;justify-content: right;gap: 2.2rem;margin-top: 10.8rem;margin-right: 3.2rem;}
#main .greetingCon .inner .txtWrap .name h5 {font-size: 1.6rem;line-height: 2.4rem;text-align: right;}
#main .greetingCon .inner .txtWrap .name h5 strong {color: #ED6B2C;}
#main .greetingCon .inner .txtWrap .name p img {width: 10.6rem;height: 4.8rem;}
@media all and (max-width:1550px) {
  #main .greetingCon .decoBox {width: 68rem;;height: 55rem;}
  #main .greetingCon .inner .txtWrap {width: 50%;}
}
@media all and (max-width:760px) {
  #main .greetingCon {padding-top: 6rem;padding-bottom: 11.167rem;}
  #main .greetingCon .decoBox {bottom: auto;top: 0;width: calc(100% - 22.667rem);height: 39rem;}
  #main .greetingCon .inner {display: block;width: 100%;}
  #main .greetingCon .inner .img {width: calc(100% - 8.333rem);margin-left: 8.333rem;}
  #main .greetingCon .inner .txtWrap {width: calc(100% - 8.333rem);margin-left: 8.333rem;margin-top: 5.333rem;}
  #main .greetingCon .inner .txtWrap h3 {font-size: 4.333rem;line-height: 5.667rem;}
  #main .greetingCon .inner .txtWrap h3::before {left: 42.5rem;}
  #main .greetingCon .inner .txtWrap > p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 4rem;}
  #main .greetingCon .inner .txtWrap .name {gap: 3.333rem;margin-top: 5.667rem;margin-right: 5.833rem;}
  #main .greetingCon .inner .txtWrap .name h5 {font-size: 2.333rem;line-height: 3.667rem;}
  #main .greetingCon .inner .txtWrap .name p img {width: 14rem;height: 6.333rem;}
}

#main .doctorCon {background-color: #F6F7F9;padding: 17.7rem 0 17rem;}
#main .doctorCon .inner .titWrap {padding-left: 5.4rem;}
#main .doctorCon .inner .titWrap h4 {font-size: 2rem;color: #C9CDD2;}
#main .doctorCon .inner .titWrap h3 {font-size: 4.8rem;line-height: 6.4rem;padding-top: 2.1rem;}
#main .doctorCon .inner .titWrap h3 strong {font-weight: 700;}
#main .doctorCon .inner .txtWrap {padding-left: 5.4rem;margin-top: 5.3rem;}
#main .doctorCon .inner .txtWrap .doctorBox {display: flex;align-items: center;width: 30rem;overflow: hidden;transition: width 0.5s;}
#main .doctorCon .inner .txtWrap .doctorBox .imgGroup {position: relative;width: 100%;width: 30rem;height: 62rem;background-color: #C9CDD2;border-radius: 2rem;overflow: hidden;}
#main .doctorCon .inner .txtWrap .doctorBox .imgGroup::before {content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 40.9rem;background: url("../img/doctor_con_grd.png") no-repeat bottom center / cover;}
#main .doctorCon .inner .txtWrap .doctorBox .imgGroup .img {width: 100%;}
#main .doctorCon .inner .txtWrap .doctorBox .imgGroup .img img {width: 100%;height: auto;}
#main .doctorCon .inner .txtWrap .doctorBox .imgGroup .name {position: absolute;bottom: 4.6rem;left: 0;color: #fff;padding: 0 2.4rem;}
#main .doctorCon .inner .txtWrap .doctorBox .imgGroup .name h5 {font-size: 1.6rem;}
#main .doctorCon .inner .txtWrap .doctorBox .imgGroup .name h5 strong {font-size: 4.2rem;font-weight: 700;margin-right: 1.9rem;}
#main .doctorCon .inner .txtWrap .doctorBox .imgGroup .name p {font-size: 1.4rem;line-height: 2.4rem;padding-top: 1.2rem;}
#main .doctorCon .inner .txtWrap .doctorBox .imgGroup .moreBtn {display: block;width: 8.9rem;height: 2.8rem;background-color: #fff;border-radius: 3rem;font-size: 1.6rem;font-weight: 700;margin-top: 2rem;}
#main .doctorCon .inner .txtWrap .doctorBox .imgGroup .moreBtn span {color: #ED6B2C;}
#main .doctorCon .inner .txtWrap .doctorBox .specGroup {display: none;width: 40rem;position: absolute;top: 0;left: 34.8rem;}
#main .doctorCon .inner .txtWrap .doctorBox .specGroup .quate {display: block;width: 3.2rem;height: 2.6rem;}
#main .doctorCon .inner .txtWrap .doctorBox .specGroup .quate img {width: 100%;height: auto;}
#main .doctorCon .inner .txtWrap .doctorBox .specGroup strong {display: block;font-size: 2.4rem;line-height: 3.4rem;font-weight: 700;padding-top: 3.3rem;}
#main .doctorCon .inner .txtWrap .doctorBox .specGroup strong span {color: #ED6B2C;}
#main .doctorCon .inner .txtWrap .doctorBox .specGroup h5 {font-size: 1.8rem;font-weight: 700;padding-top: 2.9rem;}
#main .doctorCon .inner .txtWrap .doctorBox .specGroup p {font-size: 1.6rem;line-height: 2.8rem;color: #454C53;padding-top: 1.2rem;}
#main .doctorCon .inner .txtWrap .doctorBox.on {width: 74.8rem;}
#main .doctorCon .inner .txtWrap .doctorBox.on .imgGroup {background-color: #ED6B2C;}
#main .doctorCon .inner .txtWrap .doctorBox.on .imgGroup .moreBtn {display: none;}
#main .doctorCon .inner .txtWrap .doctorBox.on .specGroup {display: block;}
#main .doctorCon .inner .txtWrap .doctorBox2 .specGroup h5 {padding-top: 9.1rem;}
#main .doctorCon .inner .txtWrap .doctorBox3 .specGroup h5 {padding-top: 20.5rem;}
#main .doctorCon .mySwiper7 {margin: 0;}
#main .doctorCon .mySwiper7 .swiper-wrapper {gap: 2.4rem;}
#main .doctorCon .txtWrap .swiper-pagination7 {display: none;margin-bottom: 5.667rem;}
#main .doctorCon .txtWrap .swiper-pagination-bullet {position: relative;margin: 0;width: auto;height: auto;border-radius: 0;opacity: 1;background: none;font-size: 2.667rem;color: #000;padding-left: 2rem;margin-left: 2rem;}
#main .doctorCon .txtWrap .swiper-pagination-bullet::before {content: '';position: absolute;top: 50%;left: 0;width: 1px;height: 2.5rem;background-color: #000;transform: translateY(-50%);}
#main .doctorCon .txtWrap .swiper-pagination-bullet-active {font-weight: 700;color: #ED6B2C;}
#main .doctorCon .txtWrap .swiper-pagination-bullet:first-child {padding-left: 0;margin-left: 0;}
#main .doctorCon .txtWrap .swiper-pagination-bullet:first-child::before {display: none;}
@media all and (max-width:1550px) {
    #main .doctorCon .inner .titWrap {padding-left: 0;}
    #main .doctorCon .inner .txtWrap {padding-left: 0;}
    #main .doctorCon .mySwiper7 .swiper-wrapper {gap: 3.3rem;}
    #main .doctorCon .inner .txtWrap .doctorBox {width: 25rem;}
    #main .doctorCon .inner .txtWrap .doctorBox .imgGroup {width: 25rem;}
    #main .doctorCon .inner .txtWrap .doctorBox .imgGroup .name p {font-size: 1.2rem;}
    #main .doctorCon .inner .txtWrap .doctorBox .specGroup {left: 26rem;width: 30rem;}
    #main .doctorCon .inner .txtWrap .doctorBox.on {width: 60rem;}
}
@media all and (max-width:1280px) {
    #main .doctorCon {padding: 12rem 0 12.333rem;}
    #main .doctorCon .inner .titWrap h4 {font-size: 2.333rem;}
    #main .doctorCon .inner .titWrap h3 {font-size: 5.667rem;line-height: 7.667rem;padding-top: 4.5rem;}
    #main .doctorCon .inner .txtWrap {margin-top: 4.167rem;}
    #main .doctorCon .inner .txtWrap .doctorBox {width: 100%;display: block;order: initial;}
    #main .doctorCon .inner .txtWrap .doctorBox.on {order: initial;width: 100%;}
    #main .doctorCon .inner .txtWrap .doctorBox .imgGroup {max-width: 100%;height: auto;border-radius: 3.333rem;width: 100%;background-color: #ED6B2C;}
    #main .doctorCon .inner .txtWrap .doctorBox .imgGroup::before {height: 41rem;background: none;background: linear-gradient(180deg,rgba(233, 233, 233, 0) 0%, rgba(6, 6, 6, 1) 97%);}
    #main .doctorCon .inner .txtWrap .doctorBox .imgGroup .name {bottom: 6rem;left: 4.5rem;padding: 0;}
    #main .doctorCon .inner .txtWrap .doctorBox .imgGroup .name h5 {font-size: 2.5rem;}
    #main .doctorCon .inner .txtWrap .doctorBox .imgGroup .name h5 strong {font-size: 6.667rem;margin-right: 3.667rem;}
    #main .doctorCon .inner .txtWrap .doctorBox .imgGroup .name p {font-size: 2.167rem;line-height: 3.833rem;padding-top: 1.667rem;}
    #main .doctorCon .inner .txtWrap .doctorBox .imgGroup .moreBtn {display: none;}
    #main .doctorCon .inner .txtWrap .doctorBox .specGroup {display: block;width: 100%;margin-top: 4.667rem;position: static;}
    #main .doctorCon .inner .txtWrap .doctorBox .specGroup .quate {width: 5.333rem;height: 4.333rem;}
    #main .doctorCon .inner .txtWrap .doctorBox .specGroup strong {font-size: 4.667rem;line-height: 6.333rem;padding-top: 4.333rem;}
    #main .doctorCon .inner .txtWrap .doctorBox .specGroup h5 {font-size: 3rem;padding-top: 4.833rem;}
    #main .doctorCon .inner .txtWrap .doctorBox .specGroup p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 2.667rem;}
    #main .doctorCon .mySwiper7 .swiper-wrapper {gap: 0;}
    #main .doctorCon .txtWrap .swiper-pagination7 {display: flex;}
    #main .doctorCon .only1550 {display: none;}
}

#main .solutionCon {padding: 20.8rem 0 18.6rem;}
#main .solutionCon .titWrap {text-align: center;}
#main .solutionCon .titWrap h3 {font-size: 5.6rem;font-weight: 700;}
#main .solutionCon .titWrap h3 strong {font-weight: 700;color: #ED6B2C;}
#main .solutionCon .titWrap p {font-size: 1.8rem;line-height: 2.6rem;color: #222527;padding-top: 2.8rem;}
#main .solutionCon .titWrap p strong {font-weight: 700;}
#main .solutionCon .txtWrap {margin-top: 4.8rem;}
#main .solutionCon .txtWrap .tabWrap {position: relative;}
#main .solutionCon .txtWrap .tabWrap .tit {position: absolute; background: #ED6B2C; color: #fff; border-radius: 1.6rem; padding: 0.3rem 2rem; font-size: 2rem; font-weight: bold; left: 23%; top: 50%; transform: translateY(-50%);}
#main .solutionCon .txtWrap .tabWrap .tit::before {content: ''; display: block; position: absolute; width: 5.8rem; height: 1px; background: #ED6B2C; top: 50%; left: 114%;}
#main .solutionCon .txtWrap .swiper-slide {display: flex;justify-content: center;align-items: center;gap: 8.4rem;}
#main .solutionCon .txtWrap .swiper-slide .img {width: 58.3rem;}
#main .solutionCon .txtWrap .swiper-slide .img img {width: 100%;height: auto;}
#main .solutionCon .txtWrap .swiper-slide .contTxt {width: 42rem;}
#main .solutionCon .txtWrap .swiper-slide .contTxt h4 {font-size: 3.2rem;font-weight: 700;color: #222527;}
#main .solutionCon .txtWrap .swiper-slide .contTxt p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 2.5rem;}
#main .solutionCon .txtWrap .swiper-pagination1 {display: flex;gap: 5.6rem;justify-content: center;margin-bottom: 7.1rem; padding-left: 12%;}
#main .solutionCon .txtWrap .swiper-pagination-bullet {margin: 0;width: auto;height: auto;border-radius: 0;opacity: 1;background: none;font-size: 2rem;color: #222527;}
#main .solutionCon .txtWrap .swiper-pagination-bullet-active {font-weight: 700;color: #ED6B2C;}
@media all and (max-width:760px) {
    #main .solutionCon {padding: 14.667rem 0 15.667rem;}
    #main .solutionCon .titWrap h3 {font-size: 6rem;line-height: 8.667rem;}
    #main .solutionCon .titWrap p {font-size: 2.333rem;line-height: 3.667rem;padding-top: 4rem;}
    #main .solutionCon .txtWrap {margin-top: 4.667rem;}
    #main .solutionCon .txtWrap .tabWrap {display: flex; flex-direction: column; align-items: center; gap: 7rem;}
    #main .solutionCon .txtWrap .tabWrap .tit {position: relative; display: inline-block; left: auto; top: auto; transform: none; font-size: 4.3rem; font-weight: bold; background: transparent; color: #ED6B2C; padding: 0;}
    #main .solutionCon .txtWrap .tabWrap .tit::before {display: none;}
    #main .solutionCon .txtWrap .tabWrap .tit::after {content: ''; display: block; position: absolute; width: 1px; height: 3rem; background: #ED6B2C; left: 50%; top: 120%;}
    #main .solutionCon .txtWrap .swiper-slide {display: block;padding: 0 4rem;}
    #main .solutionCon .txtWrap .swiper-slide .img {width: 100%;margin-top: 6.333rem;}
    #main .solutionCon .txtWrap .swiper-slide .contTxt {width: 100%;}
    #main .solutionCon .txtWrap .swiper-slide .contTxt h4 {font-size: 4rem;padding-top: 3.667rem;}
    #main .solutionCon .txtWrap .swiper-slide .contTxt p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3rem;}
    #main .solutionCon .txtWrap .swiper-pagination1 {flex-wrap: wrap;gap: 1.667rem 0;margin-bottom: 6.333rem;width: calc(100% - 8rem);margin: 0 auto;justify-content: space-between; padding: 0;}
    #main .solutionCon .txtWrap .swiper-pagination-bullet {display: flex;align-items: center;justify-content: center;width: calc(33.333333% - 6.666px);;height: 5.333rem;border-radius: 3.333rem;border: 1px solid #C9CDD2;font-size: 2.667rem;color: #454C53;text-align: center;box-sizing: border-box;}
    #main .solutionCon .txtWrap .swiper-pagination-bullet-active {border: 0;background-color: #ED6B2C;color: #fff;}
}

#main .consCon {background-color: #222527;color: #fff;padding-top: 25.4rem;}
#main .consCon .titWrap {text-align: center;}
#main .consCon .titWrap h4 {font-size: 3.2rem;font-weight: 700;}
#main .consCon .titWrap h3 {font-size: 5.6rem;line-height: 7.2rem;font-weight: 700;padding-top: 2.7rem;}
#main .consCon .titWrap h3 strong {font-weight: 700;color: #F8B74A;}
#main .consCon .titWrap p {font-size: 1.8rem;line-height: 3rem;padding-top: 3.6rem;}
#main .consCon .titWrap .imgGroup {display: flex;justify-content: space-between;margin-top: 7.2rem;}
#main .consCon .titWrap .imgGroup .img {width: calc(50% - 8px);}
#main .consCon .titWrap .imgGroup .img img {width: 100%;height: auto;}
#main .consCon .cont1 {padding: 28rem 0 32.9rem;}
#main .consCon .cont1 .inner {display: flex;align-items: center;}
#main .consCon .cont1 .inner .contTit {width: 50%;}
#main .consCon .cont1 .inner .contTit > * {padding-left: 7rem;}
#main .consCon .cont1 .inner .contTit .quate {display: block;width: 2rem;padding-left: 0;margin-left: 7rem;}
#main .consCon .cont1 .inner .contTit .quate img {width: 100%;height: auto;}
#main .consCon .cont1 .inner .contTit h4 {font-size: 4rem;font-weight: 700;color: #F8B74A;padding-top: 1rem;}
#main .consCon .cont1 .inner .contTit p {font-size: 2rem;line-height: 3rem;}
#main .consCon .cont1 .inner .contTit p strong {font-weight: 700;}
#main .consCon .cont1 .inner .contTit p.p1 {padding-top: 3.4rem;}
#main .consCon .cont1 .inner .contTit p.p2 {padding-top: 2.8rem;font-size: 1.8rem;line-height: 2.8rem;}
#main .consCon .cont1 .inner .contTit p.p2 span {color: #A4AAB1;}
#main .consCon .cont1 .inner .img {width: 68.2rem;}
#main .consCon .cont1 .inner .img img {width: 100%;height: auto;}
#main .consCon .cont2 {padding-bottom: 27rem;}
#main .consCon .cont2 .contTit {text-align: center;}
#main .consCon .cont2 .contTit h5 {font-size: 2.4rem;}
#main .consCon .cont2 .contTit h4 {font-size: 5.6rem;font-weight: 700;padding-top: 2rem;}
#main .consCon .cont2 .contTit h4 strong {font-weight: 700;color: #F8B74A;}
#main .consCon .cont2 .contTit p {font-size: 1.8rem;color: #A4AAB1;padding-top: 2.8rem;}
#main .consCon .cont2 .contTxt {margin-top: 5.6rem;}
#main .consCon .cont2 .contTxt .box {background-color: #33383C;border-radius: 4rem;padding: 9.8rem 9.4rem;}
#main .consCon .cont2 .contTxt .box ul {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 11.8rem 0;}
#main .consCon .cont2 .contTxt .box ul li {display: flex;gap: 1.6rem;}
#main .consCon .cont2 .contTxt .box ul li .icon {width: 2rem;height: 2rem;margin-top: 1rem;}
#main .consCon .cont2 .contTxt .box ul li .icon img {width: 100%;height: auto;}
#main .consCon .cont2 .contTxt .box ul li p {font-size: 2.4rem;line-height: 3.6rem;width: 32rem;}
#main .consCon .cont2 .contTxt .box ul li p strong {font-weight: 700;}
#main .consCon .cont3 .contTit {text-align: center;}
#main .consCon .cont3 .contTit h5 {font-size: 2.4rem;}
#main .consCon .cont3 .contTit h4 {font-size: 5.2rem;font-weight: 700;padding-top: 2.4rem;}
#main .consCon .cont3 .contTxt {margin-top: 5.6rem;}
#main .consCon .cont3 .contTxt .box {width: calc(100% - 14rem);background-color: #fff;border-radius: 0 32.4rem 0 0;padding: 8rem 0 12.6rem;}
#main .consCon .cont3 .contTxt .box .inner {display: flex;align-items: center;}
#main .consCon .cont3 .contTxt .box .img {width: 31rem;margin-left: 7rem;margin-right: 24.2rem;}
#main .consCon .cont3 .contTxt .box .img img {width: 100%;height: auto;}
#main .consCon .cont3 .contTxt .box .txtGroup h6 {font-size: 3.2rem;font-weight: 700;color: #222527;}
#main .consCon .cont3 .contTxt .box .txtGroup h5 {font-size: 4.8rem;font-weight: 700;color: #ED6B2C;padding-top: 1.7rem;}
#main .consCon .cont3 .contTxt .box .txtGroup p {font-size: 2rem;line-height: 3.2rem;}
#main .consCon .cont3 .contTxt .box .txtGroup p strong {font-weight: 700;}
#main .consCon .cont3 .contTxt .box .txtGroup p.p1 {color: #222527;padding-top: 2.8rem;}
#main .consCon .cont3 .contTxt .box .txtGroup p.p2 {color: #454C53;padding-top: 3.2rem;}
@media all and (max-width:1550px) {
  #main .consCon .cont3 .contTxt .box {width: calc(100% - 7rem);}
  #main .consCon .cont3 .contTxt .box .img {margin-right: 10rem;}
}
@media all and (max-width:760px) {
  #main .consCon {padding-top: 17.667rem;}
  #main .consCon .titWrap h4 {font-size: 3.333rem;}
  #main .consCon .titWrap h3 {font-size: 6rem;line-height: 8.667rem;padding-top: 4rem;}
  #main .consCon .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 4rem;}
  #main .consCon .titWrap .imgGroup {display: block;margin-top: 8.333rem;}
  #main .consCon .titWrap .imgGroup .img {width: 100%;}
  #main .consCon .cont1 {padding: 19.5rem 0 22.333rem;}
  #main .consCon .cont1 .inner {display: block;}
  #main .consCon .cont1 .inner .contTit {width: 100%;}
  #main .consCon .cont1 .inner .contTit > * {padding-left: 0;}
  #main .consCon .cont1 .inner .contTit .quate {width: 3.333rem;margin-left: 0;}
  #main .consCon .cont1 .inner .contTit h4 {font-size: 4.333rem;padding-top: 3rem;}
  #main .consCon .cont1 .inner .contTit p {font-size: 3rem;line-height: 4.667rem;}
  #main .consCon .cont1 .inner .contTit p.p1 {padding-top: 5rem;}
  #main .consCon .cont1 .inner .contTit p.p2 {padding-top: 4.833rem;font-size: 2.667rem;line-height: 4.333rem;}
  #main .consCon .cont1 .inner .img {width: 100%;margin-top: 8rem;}
  #main .consCon .cont2 {padding-bottom: 22.333rem;}
  #main .consCon .cont2 .contTit h5 {font-size: 3rem;}
  #main .consCon .cont2 .contTit h4 {font-size: 6rem;line-height: 8.667rem;padding-top: 3.5rem;}
  #main .consCon .cont2 .contTit p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 4rem;}
  #main .consCon .cont2 .contTxt {margin-top: 6rem;}
  #main .consCon .cont2 .contTxt .box {border-radius: 5.333rem;padding: 9.167rem 6rem;}
  #main .consCon .cont2 .contTxt .box ul {display: block;gap: 0;}
  #main .consCon .cont2 .contTxt .box ul li {flex-direction: column;gap: 3.333rem;padding-top: 6.333rem;margin-top: 6.333rem;border-top: 1px solid #fff;}
  #main .consCon .cont2 .contTxt .box ul li:first-child {padding-top: 0;margin-top: 0;border-top: 0;}
  #main .consCon .cont2 .contTxt .box ul li:last-child {display: none;}
  #main .consCon .cont2 .contTxt .box ul li .icon {width: 3.333rem;height: 3.333rem;margin: 0 auto;}
  #main .consCon .cont2 .contTxt .box ul li p {font-size: 3.333rem;line-height: 5.333rem;width: 100%;text-align: center;}
  #main .consCon .cont3 .contTit h5 {font-size: 3rem;line-height: 4.667rem;}
  #main .consCon .cont3 .contTit h4 {font-size: 6rem;padding-top: 3.5rem;}
  #main .consCon .cont3 .contTxt {margin-top: 6rem;}
  #main .consCon .cont3 .contTxt .box {width: 100%;padding: 6.667rem 4rem 8.5rem 4rem;border-radius: 0 30rem 0 0;}
  #main .consCon .cont3 .contTxt .box .inner {display: block;width: 100%;}
  #main .consCon .cont3 .contTxt .box .img {width: 26.667rem;margin: 0 auto;}
  #main .consCon .cont3 .contTxt .box .txtGroup {margin-top: 4.5rem;}
  #main .consCon .cont3 .contTxt .box .txtGroup h6 {font-size: 3.333rem;}
  #main .consCon .cont3 .contTxt .box .txtGroup h5 {font-size: 5.667rem;padding-top: 1.833rem;}
  #main .consCon .cont3 .contTxt .box .txtGroup p {font-size:2.333rem;line-height: 3.667rem;}
  #main .consCon .cont3 .contTxt .box .txtGroup p.p1 {padding-top: 4.833rem;}
  #main .consCon .cont3 .contTxt .box .txtGroup p.p2 {padding-top: 2.667rem;}
}

#main .implantCon {position: relative;padding-top: 23.7rem;padding-bottom: 16rem;}
#main .implantCon::before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 56.1rem;background-color: #ED6B2C;}
#main .implantCon .titWrap {padding-left: 5.2rem;}
#main .implantCon .titWrap h4 {font-size: 2rem;color: #C9CDD2;}
#main .implantCon .titWrap h3 {font-size: 4.8rem;line-height: 6.4rem;color: #000;padding-top: 2.9rem;}
#main .implantCon .titWrap h3 strong {font-weight: 700;}
#main .implantCon .titWrap p {font-size: 2rem;line-height: 3.2rem;color: #454C53;padding-top: 4.9rem;}
#main .implantCon .txtWrap {display: flex;justify-content: right;margin-top: -16rem;}
#main .implantCon .txtWrap .swiper {width: calc(100% - 75rem);margin: 0;}
#main .implantCon .txtWrap .swiper-slide .img {width: 100%;}
#main .implantCon .txtWrap .swiper-slide .img img {width: 100%;height: auto;}
#main .implantCon .txtWrap .swiper-slide .flex-box {display: flex;color: #fff;gap: 2.1rem;padding-top: 3.6rem;}
#main .implantCon .txtWrap .swiper-slide .flex-box h5 {font-size: 1.8rem;font-weight: 700;padding-top: 0.4rem;}
#main .implantCon .txtWrap .swiper-slide .flex-box h4 {font-size: 3.2rem;font-weight: 700;}
#main .implantCon .txtWrap .swiper-slide p {font-size: 2rem;line-height: 3.2rem;color: #fff;padding-top: 1.4rem;padding-left: 4.4rem;}
#main .implantCon .txtWrap .controller {display: flex;align-items: end;position: absolute;bottom: 46.6rem;left: 26rem;}
#main .implantCon .txtWrap .controller .arrows {width: 5rem;height: 5rem;background-repeat: no-repeat;background-position: center;background-size: cover;cursor: pointer;}
#main .implantCon .txtWrap .controller .swiper-button-prev2 {background-image: url("../img/implant_con_prev.png");}
#main .implantCon .txtWrap .controller .swiper-button-next2 {background-image: url("../img/implant_con_next.png");}
#main .implantCon .txtWrap .controller .swiper-pagination2 {width: auto;font-size: 2.8rem;font-weight: 700;color: rgba(255,255,255,0.4);margin: 0 3.1rem;}
#main .implantCon .txtWrap .controller .swiper-pagination2 .swiper-pagination-current {font-size: 3.6rem;color: #fff;}
@media all and (max-width:1550px) {
  #main .implantCon::before {height: 50rem;}
  #main .implantCon .txtWrap .swiper {width: calc(100% - 58rem);}
  #main .implantCon .txtWrap .swiper-slide p br {display: none;}
  #main .implantCon .txtWrap .controller {bottom: 40rem;}
}
@media all and (max-width:1280px) {
  #main .implantCon {padding-bottom: 10rem;}
  #main .implantCon::before {height: 60rem;}
  #main .implantCon .titWrap {padding-left: 0;}
  #main .implantCon .txtWrap {flex-direction: column;justify-content: start;align-items: end;margin-top: 5rem;}
  #main .implantCon .txtWrap .swiper {width: calc(100% - 6rem);}
  #main .implantCon .txtWrap .controller {position: static;z-index: 10;margin: 6rem auto 0;}
}
@media all and (max-width:760px) {
  #main .implantCon {padding-bottom: 15rem;}
  #main .implantCon::before {height: 87.333rem;}
  #main .implantCon .titWrap {text-align: center;}
  #main .implantCon .titWrap h4 {font-size: 2.667rem;}
  #main .implantCon .titWrap h3 {font-size: 5.667rem;line-height: 8rem;padding-top: 3.5rem;}
  #main .implantCon .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3.333rem;}
  #main .implantCon .txtWrap {align-items: center;margin-top: 5.667rem;}
  #main .implantCon .txtWrap .swiper {width: 100%;}
  #main .implantCon .txtWrap .swiper-slide {padding: 0 6rem;}
  #main .implantCon .txtWrap .swiper-slide .flex-box {display: block;text-align: center;padding-top: 5rem;}
  #main .implantCon .txtWrap .swiper-slide .flex-box h5 {font-size: 2.667rem;padding-top: 0;}
  #main .implantCon .txtWrap .swiper-slide .flex-box h4 {font-size: 4rem;padding-top: 1.333rem;}
  #main .implantCon .txtWrap .swiper-slide p {font-size: 2.333rem;line-height: 3.667rem;padding-top: 2.5rem;padding-left: 0;text-align: center;}
  #main .implantCon .txtWrap .swiper-slide p br {display: block;}
  #main .implantCon .txtWrap .swiper-slide p br.pcOnly {display: none;}
  #main .implantCon .txtWrap .controller {margin-top: 7rem;}
  #main .implantCon .txtWrap .controller .arrows {width: 6.667rem;height: 6.667rem;background-size: contain;}
  #main .implantCon .txtWrap .controller .swiper-pagination2 {font-size: 3.333rem;color: rgba(255,255,255,0.3);margin: 0 4rem;}
  #main .implantCon .txtWrap .controller .swiper-pagination2 .swiper-pagination-current {font-size: 4.667rem;}
}

#main .iplt3dCon {padding-top: 24.2rem;padding-bottom: 31rem;}
#main .iplt3dCon .titWrap {text-align: center;}
#main .iplt3dCon .titWrap h4 {font-size: 2.4rem;color: #222527;}
#main .iplt3dCon .titWrap h3 {font-size: 5.4rem;font-weight: 700;color: #000;padding-top: 2.4rem;}
#main .iplt3dCon .titWrap h3 strong {font-weight: 700;color: #ED6B2C;}
#main .iplt3dCon .titWrap p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 3.1rem;}
#main .iplt3dCon .img {width: calc(100% - 28rem);margin: 5.9rem auto 6.3rem;}
#main .iplt3dCon .img img {width: 100%;height: auto;}
#main .iplt3dCon .txtWrap ul {display: flex;}
#main .iplt3dCon .txtWrap ul li {display: flex;align-items: center;gap: 2.5rem;width: 50%;}
#main .iplt3dCon .txtWrap ul li .icon {width: 10.2rem;height: 10.2rem;margin-left: 5.4rem;}
#main .iplt3dCon .txtWrap ul li .icon img {width: 100%;height: auto;}
#main .iplt3dCon .txtWrap ul li .contTxt h5 {font-size: 2.4rem;font-weight: 700;color: #222527;}
#main .iplt3dCon .txtWrap ul li .contTxt p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 1.9rem;}
@media all and (max-width:760px) {
  #main .iplt3dCon {padding-top: 19.167rem;padding-bottom: 25.667rem;}
  #main .iplt3dCon .titWrap h4 {font-size: 3rem;}
  #main .iplt3dCon .titWrap h3 {font-size: 6rem;line-height: 8.667rem;padding-top: 3.5rem;}
  #main .iplt3dCon .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 4rem;}
  #main .iplt3dCon .img {width: 100%;margin: 6rem auto;}
  #main .iplt3dCon .txtWrap ul {display: block;}
  #main .iplt3dCon .txtWrap ul li {width: 100%;padding-top: 5rem;margin-top: 5rem;align-items: start;border-top: 1px solid #C9CDD2;}
  #main .iplt3dCon .txtWrap ul li:first-child {padding-top: 0;margin-top: 0;border-top: 0;}
  #main .iplt3dCon .txtWrap ul li .icon {width: 10rem;height: 10rem;margin-left: 0;}
  #main .iplt3dCon .txtWrap ul li .contTxt h5 {font-size: 3rem;}
  #main .iplt3dCon .txtWrap ul li .contTxt p {font-size: 2.333rem;line-height: 3.667rem;padding-top: 2.5rem;}
}

#main .csipCon {padding-bottom: 26rem;}
#main .csipCon .titWrap {text-align: center;}
#main .csipCon .titWrap h4 {font-size: 2.4rem;color: #222527;}
#main .csipCon .titWrap h3 {font-size: 5.4rem;font-weight: 700;padding-top: 2.4rem;}
#main .csipCon .titWrap h3 strong {font-weight: 700;color: #ED6B2C;}
#main .csipCon .txtWrap {position: relative;margin-top: 7rem;}
#main .csipCon .txtWrap .swiper-slide {position: relative;padding-bottom: 12.5rem;opacity: 0.2;transition: opacity 0.5s;}
#main .csipCon .txtWrap .swiper-slide-active {opacity: 1;}
#main .csipCon .txtWrap .swiper-slide .img {width: 100%;}
#main .csipCon .txtWrap .swiper-slide .img img {width: 100%;height: auto;}
#main .csipCon .txtWrap .swiper-slide .box {display: flex;flex-direction: column;justify-content: center;position: absolute;left: 4rem;bottom: 1rem;width: 60rem;height: 21.5rem;background-color: #fff;border-radius: 2rem;box-shadow: 0 0 10px rgba(0,0,0,0.16);}
#main .csipCon .txtWrap .swiper-slide .box > * {padding-left: 6rem;}
#main .csipCon .txtWrap .swiper-slide .box h5 {font-size: 3rem;font-weight: 700;}
#main .csipCon .txtWrap .swiper-slide .box h5 strong {font-weight: 700;color: #ED6B2C;}
#main .csipCon .txtWrap .swiper-slide .box p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 2.2rem;}
#main .csipCon .txtWrap .controller {display: flex;align-items: end;position: absolute;bottom: 1rem;left: 50%;z-index: 10;margin-left: 23.4rem;}
#main .csipCon .txtWrap .controller .arrows {width: 5rem;height: 5rem;background-repeat: no-repeat;background-position: center;background-size: cover;cursor: pointer;}
#main .csipCon .txtWrap .controller .swiper-button-prev3 {background-image: url("../img/csip_con_prev.png");}
#main .csipCon .txtWrap .controller .swiper-button-next3 {background-image: url("../img/csip_con_next.png");}
#main .csipCon .txtWrap .controller .swiper-pagination3 {width: 10.3rem;font-size: 2.8rem;font-weight: 700;color: rgba(0,0,0,0.3);margin: 0 3.1rem;text-align: center;}
#main .csipCon .txtWrap .controller .swiper-pagination3 .swiper-pagination-current {font-family: "Montserrat", sans-serif;font-size: 3.6rem;color: #000;}
@media all and (max-width:1280px) {
  #main .csipCon .txtWrap .controller {position: static;margin-left: 0;justify-content: center;margin-top: 5rem;}
}
@media all and (max-width:760px) {
  #main .csipCon {padding-bottom: 15rem;}
  #main .csipCon .titWrap h4 {font-size: 3rem;line-height: 4.667rem;}
  #main .csipCon .titWrap h3 {font-size: 6rem;line-height: 8.667rem;padding-top: 3.5rem;}
  #main .csipCon .txtWrap .swiper-slide {padding: 0 4rem;}
  #main .csipCon .txtWrap .swiper-slide .box {position: relative;width: calc(100% - 6.666rem);margin: -4.667rem auto 0;z-index: 10;left: auto;height: auto;padding: 4.333rem 0 4rem;}
  #main .csipCon .txtWrap .swiper-slide .box > * {padding-left: 3.333rem;}
  #main .csipCon .txtWrap .swiper-slide .box p {font-size: 2.333rem;line-height: 3.667rem;padding-top: 2.167rem;}
  #main .csipCon .txtWrap .controller {margin-top: 6rem;align-items: center;}
  #main .csipCon .txtWrap .controller .arrows {width: 6.667rem;height: 6.667rem;background-size: 100% auto;}
  #main .csipCon .txtWrap .controller .swiper-pagination3 {width: 12.7rem;font-size: 3.333rem;margin: 0 4.167rem;}
  #main .csipCon .txtWrap .controller .swiper-pagination3 .swiper-pagination-current {font-size: 4.667rem;}
}

#main .anesCon {position: relative;background-color: #EEF0F3;padding-top: 17.5rem;padding-bottom: 20.9rem;overflow: hidden;}
#main .anesCon::before {content: '';position: absolute;bottom: -1rem;right: 0;width: 180.4rem;height: 121.1rem;background: url("../img/anes_con_bg.png") no-repeat center / cover;}
#main .anesCon .cont1 {display: flex;gap: 15.4rem;padding-bottom: 24rem;}
#main .anesCon .cont1 .titWrap {width: 41.4rem;}
#main .anesCon .cont1 .titWrap h3 {font-size: 5rem;line-height: 6.6rem;font-weight: 700;color: #000;}
#main .anesCon .cont1 .titWrap h3 strong {font-weight: 700;color: #ED6B2C;}
#main .anesCon .cont1 .titWrap p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 2.7rem;}
#main .anesCon .cont1 .txtWrap {width: calc(100% - 56.8rem);}
#main .anesCon .cont1 .txtWrap ul {width: 100%;}
#main .anesCon .cont1 .txtWrap ul li {display: flex;align-items: center;padding: 3.2rem 0;border-top: 1px solid #C9CDD2;padding-left: 4.2rem;}
#main .anesCon .cont1 .txtWrap ul li:first-child {padding-top: 0;border-top: 0;}
#main .anesCon .cont1 .txtWrap ul li .icon {width: 8.8rem;height: 8.8rem;}
#main .anesCon .cont1 .txtWrap ul li .icon img {width: 100%;height: auto;}
#main .anesCon .cont1 .txtWrap ul li .flexBox {display: flex;align-items: center;}
#main .anesCon .cont1 .txtWrap ul li h4 {font-size: 2.4rem;color: #000;font-weight: 700;padding-left: 2rem;padding-right: 4.3rem;width: 15.2rem;}
#main .anesCon .cont1 .txtWrap ul li p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;width: calc(100% - 15.2rem);}
#main .anesCon .cont2 {position: relative;z-index: 1;}
#main .anesCon .cont2 .titWrap {text-align: center;}
#main .anesCon .cont2 .titWrap h4 {font-size: 1.8rem;color: #C9CDD2;}
#main .anesCon .cont2 .titWrap h4 span {letter-spacing: 0.43rem;}
#main .anesCon .cont2 .titWrap h3 {font-size: 4.2rem;font-weight: 700;color: #000;padding-top: 3rem;}
#main .anesCon .cont2 .titWrap h3 strong {font-weight: 700;color: #ED6B2C;}
#main .anesCon .cont2 .txtWrap {margin-top: 5.9rem;}
#main .anesCon .cont2 .txtWrap ul {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 3rem 0;}
#main .anesCon .cont2 .txtWrap ul li {display: flex;align-items: center;width: calc(50% - 2.1rem);height: 9.4rem;background-color: #fff;gap: 1rem;}
#main .anesCon .cont2 .txtWrap ul li h5 {font-size: 2rem;font-weight: 700;color: #ED6B2C;padding-left: 3.6rem;}
#main .anesCon .cont2 .txtWrap ul li p {font-size: 2rem;color: #222527;padding-right: 5rem;word-break: keep-all;}
#main .anesCon .cont2 .txtWrap ul li p strong {font-weight: 700;}
@media all and (max-width:760px) {
  #main .anesCon {padding-top: 16.333rem;padding-bottom: 20.667rem;}
  #main .anesCon::before {width: 100%;height: auto;background: url("../img/mo_anes_con_bg.png") no-repeat center / cover;aspect-ratio: 780 / 532;}
  #main .anesCon .cont1 {display: block;padding-bottom: 19rem;}
  #main .anesCon .cont1 .titWrap {width: 100%;text-align: center;}
  #main .anesCon .cont1 .titWrap h3 {font-size: 5.667rem;line-height: 8.333rem;}
  #main .anesCon .cont1 .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 4.167rem;}
  #main .anesCon .cont1 .txtWrap {width: 100%;margin-top: 7.667rem;}
  #main .anesCon .cont1 .txtWrap ul li {padding-left: 0;gap: 2.333rem;padding: 4.333rem 0;align-items: start;}
  #main .anesCon .cont1 .txtWrap ul li .flexBox {display: block;}
  #main .anesCon .cont1 .txtWrap ul li .icon {width: 14.667rem;height: 14.667rem;}
  #main .anesCon .cont1 .txtWrap ul li h4 {width: auto;padding-left: 0;font-size: 3.333rem;}
  #main .anesCon .cont1 .txtWrap ul li p {font-size: 2.333rem;line-height: 3.667rem;width: 100%;padding-top: 2rem;}
  #main .anesCon .cont2 .titWrap h4 {font-size: 2.333rem;}
  #main .anesCon .cont2 .titWrap h3 {font-size: 5.333rem;line-height: 7.333rem;padding-top: 3rem;}
  #main .anesCon .cont2 .txtWrap {margin-top: 6rem;}
  #main .anesCon .cont2 .txtWrap ul {flex-direction: column;gap: 1.667rem 0;}
  #main .anesCon .cont2 .txtWrap ul li {width: 100%;align-items: start;padding: 3.333rem 0 2.5rem 0;height: auto;gap: 1.8rem;}
  #main .anesCon .cont2 .txtWrap ul li h5 {font-size: 2.667rem;line-height: 4.333rem;padding-left: 3.667rem;}
  #main .anesCon .cont2 .txtWrap ul li p {font-size: 2.667rem;line-height: 4.333rem;color: #222527;padding-right: 5rem;word-break: keep-all;}
}

#main .sleepipCon {padding-top: 21.2rem;padding-bottom: 29.6rem;}
#main .sleepipCon .titWrap {text-align: center;}
#main .sleepipCon .titWrap h3 {font-size: 5.6rem;line-height: 7.2rem;font-weight: 700;}
#main .sleepipCon .titWrap h3 strong {font-weight: 700;color: #ED6B2C;}
#main .sleepipCon .titWrap p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 2.8rem;}
#main .sleepipCon .titWrap p strong {font-weight: 700;}
#main .sleepipCon .txtWrap {margin-top: 7.1rem;}
#main .sleepipCon .txtWrap ul {display: flex;justify-content: space-between;}
#main .sleepipCon .txtWrap ul li {width: calc(25% - 1.575rem);height: 59rem;background-color: #F6F7F9;text-align: center;}
#main .sleepipCon .txtWrap ul li .img {width: calc(100% - 6.4rem);margin: 0 auto;}
#main .sleepipCon .txtWrap ul li .img img {width: 100%;height: auto;}
#main .sleepipCon .txtWrap ul li h5 {font-size: 1.8rem;color: #ED6B2C;padding-top: 3.1rem;}
#main .sleepipCon .txtWrap ul li h4 {font-size: 2.4rem;color: #000;font-weight: 700;padding-top: 1.2rem;}
#main .sleepipCon .txtWrap ul li p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 2.1rem;}
#main .sleepipCon .txtWrap ul li p strong {font-weight: 700;}
@media all and (max-width:760px) {
  #main .sleepipCon {padding-top: 17.5rem;padding-bottom: 20.833rem;}
  #main .sleepipCon .titWrap h3 {font-size: 6rem;line-height: 8.667rem;}
  #main .sleepipCon .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 4.5rem;}
  #main .sleepipCon .txtWrap {margin-top: 5.333rem;}
  #main .sleepipCon .txtWrap ul {display: block;}
  #main .sleepipCon .txtWrap ul li {display: flex;align-items: center;width: 100%;height: auto;text-align: left;padding: 3.333rem 0;margin-top: 2.333rem;}
  #main .sleepipCon .txtWrap ul li:first-child {margin-top: 0;}
  #main .sleepipCon .txtWrap ul li .img {width: 18.667rem;margin: 0;}
  #main .sleepipCon .txtWrap ul li .flexBox {width: calc(100% - 20.833rem);padding-left: 2.667rem;}
  #main .sleepipCon .txtWrap ul li h5 {font-size: 2.333rem;padding-top: 0;}
  #main .sleepipCon .txtWrap ul li h4 {font-size: 3.333rem;padding-top: 1rem;}
  #main .sleepipCon .txtWrap ul li p {font-size: 2.333rem;line-height: 3.667rem;padding-top: 1.667rem;word-break: keep-all;}
}

#main .caseCon {padding-bottom: 20.4rem;}
#main .caseCon .titWrap {text-align: center;}
#main .caseCon .titWrap h4 {font-size: 1.8rem;color: #C9CDD2;}
#main .caseCon .titWrap h4 span {letter-spacing: 0.43rem;}
#main .caseCon .titWrap h3 {font-size: 5rem;font-weight: 700;color: #000;padding-top: 3rem;}
#main .caseCon .titWrap h3 strong {font-weight: 700;color: #ED6B2C;}
#main .caseCon .txtWrap {position: relative;margin-top: 5.2rem;}
#main .caseCon .txtWrap .swiper {width: calc(100% - 23.2rem);margin: 0 auto;}
#main .caseCon .txtWrap .swiper-slide .imgGroup {display: flex;justify-content: space-between;position: relative;}
#main .caseCon .txtWrap .swiper-slide .imgGroup > div {position: relative;width: calc(50% - 1.2rem);}
#main .caseCon .txtWrap .swiper-slide .imgGroup > div .img {width: 100%;}
#main .caseCon .txtWrap .swiper-slide .imgGroup > div .img img {width: 100%;height: auto;}
#main .caseCon .txtWrap .swiper-slide .imgGroup > div > p {position: absolute;bottom: 0;width: 20.4rem;height: 7.7rem;display: flex;align-items: center;justify-content: center;font-size: 2.4rem;font-weight: 700;color: #fff;}
#main .caseCon .txtWrap .swiper-slide .imgGroup .beforeImg p {left: 0;border-radius: 0 4rem 0 0;background-color: #A4AAB1;}
#main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg > p {right: 0;border-radius: 4rem 0 0 0;background-color: #ED6B2C;}
#main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;backdrop-filter: blur(10px);}
#main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg .lockTxt {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;}
#main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg .lockTxt .icon {display: block;width: 3.4rem;height: 3.4rem;margin: 0 auto;}
#main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg .lockTxt .icon img {width: 100%;height: auto;}
#main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg .lockTxt p {font-size: 1.8rem;line-height: 2.8rem;color: #fff;text-align: center;padding-top: 0.8rem;}
#main .caseCon .txtWrap .swiper-slide .imgGroup .arrow {position: absolute;top: 50%;left: 50%;width: 6.8rem;height: 6.8rem;transform: translate(-50%,-50%);box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);border-radius: 4rem;z-index: 1;}
#main .caseCon .txtWrap .swiper-slide .imgGroup .arrow img {width: 100%;height: auto;}
#main .caseCon .txtWrap .swiper-slide .box {display: flex;flex-direction: column;justify-content: center;background-color: #F6F7F9;height: 9.4rem;margin-top: 2.4rem;text-align: center;}
#main .caseCon .txtWrap .swiper-slide .box h5 {font-size: 2rem;color: #454C53;}
#main .caseCon .txtWrap .swiper-slide .box p {font-size: 1.4rem;color: #72787F;padding-top: 0.8rem;}
#main .caseCon .txtWrap .arrows {position: absolute;top: 16rem;width: 2.2rem;height: 4.4rem;background-repeat: no-repeat;background-position: center;background-size: contain;cursor: pointer;}
#main .caseCon .txtWrap .swiper-button-prev4 {background-image: url("../img/case_con_prev.png");left: 5.4rem;}
#main .caseCon .txtWrap .swiper-button-next4 {background-image: url("../img/case_con_next.png");right: 5.4rem;}
#main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg.memb::before {display: none}
#main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg.memb .lockTxt {display: none;}
@media all and (max-width:760px) {
  #main .caseCon {padding-bottom: 20.667rem;}
  #main .caseCon .titWrap h4 {font-size: 2.333rem;}
  #main .caseCon .titWrap h3 {font-size: 6rem;padding-top: 3.833rem;}
  #main .caseCon .txtWrap .swiper {width: 100%;}
  #main .caseCon .txtWrap .swiper-slide .imgGroup {display: block;}
  #main .caseCon .txtWrap .swiper-slide .imgGroup > div {width: 100%;}
  #main .caseCon .txtWrap .swiper-slide .imgGroup > div > p {width: 20.833rem;height: 7.667rem;font-size: 2.667rem;}
  #main .caseCon .txtWrap .swiper-slide .imgGroup .beforeImg p {border-radius: 0 3.333rem 0 0;}
  #main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg {margin-top: 1.333rem;}
  #main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg > p {border-radius: 3.333rem 0 0 0;}
  #main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg .lockTxt .icon {width: 4.667rem;height: 4.667rem;}
  #main .caseCon .txtWrap .swiper-slide .imgGroup .afterImg .lockTxt p {font-size: 2.333rem;line-height: 3.667rem;padding-top: 1.167rem;}
  #main .caseCon .txtWrap .swiper-slide .box {height: auto;margin-top: 1.333rem;padding: 4rem 0;}
  #main .caseCon .txtWrap .swiper-slide .box h5 {font-size: 2.667rem;}
  #main .caseCon .txtWrap .swiper-slide .box p {font-size: 2.333rem;line-height: 3.667rem;padding-top: 2.333rem;}
  #main .caseCon .txtWrap .controller {display: flex;align-items: center;gap: 3.5rem;justify-content: center;margin: 5.5rem 0 3.167rem;}
  #main .caseCon .txtWrap .controller .bar {width: 2px;height: 4rem;background-color: #C9CDD2;}
  #main .caseCon .txtWrap .arrows {position: static;}
}

#main .lamiCon {background-color: #FFFBF2;padding-top: 18.2rem;padding-bottom: 21.8rem;}
#main .lamiCon .titWrap {text-align: center;}
#main .lamiCon .titWrap h4 {font-size: 2.4rem;color: #454C53;}
#main .lamiCon .titWrap h3 {font-size: 5.6rem;font-weight: 700;color: #000;padding-top: 2.2rem;}
#main .lamiCon .titWrap h3 strong {font-weight: 700;color: #ED6B2C;}
#main .lamiCon .titWrap p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 2.8rem;}
#main .lamiCon .titWrap p strong {font-weight: 700;}
#main .lamiCon .titWrap .img {margin-top: 7.5rem;}
#main .lamiCon .titWrap .img img {width: 100%;height: auto;}
#main .lamiCon .cont1 {display: flex;align-items: center;padding-top: 22.8rem;padding-bottom: 18.8rem;}
#main .lamiCon .cont1 .contTit {width: 50%;}
#main .lamiCon .cont1 .contTit > * {padding-left: 7.1rem;}
#main .lamiCon .cont1 .contTit h4 {font-size: 3.6rem;line-height: 4.8rem;font-weight: 700;}
#main .lamiCon .cont1 .contTit h4 strong {font-weight: 700;color: #ED6B2C;}
#main .lamiCon .cont1 .contTit p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 2.4rem;}
#main .lamiCon .cont1 .contTit p strong {font-weight: 700;}
#main .lamiCon .cont1 .img {width: 68.2rem;}
#main .lamiCon .cont1 .img img {width: 100%;height: auto;}
#main .lamiCon .cont2 {padding: 0 5.5rem;}
#main .lamiCon .cont2 ul {display: flex;justify-content: space-between;}
#main .lamiCon .cont2 ul li {width: 43rem;height: 43rem;background-color: #fff;border: 1px solid #F8B74A;box-sizing: border-box;border-radius: 30rem;text-align: center;}
#main .lamiCon .cont2 ul li h6 {font-size: 2.4rem;color: #F8B74A;padding-top: 8.6rem;}
#main .lamiCon .cont2 ul li h5 {font-size: 3.2rem;line-height: 4.4rem;color: #222527;font-weight: 700;padding-top: 2.8rem;}
#main .lamiCon .cont2 ul li p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 2.4rem;}
@media all and (max-width:760px) {
  #main .lamiCon {padding-top: 15.333rem;padding-bottom: 14.833rem;}
  #main .lamiCon .titWrap h4 {font-size: 3rem;line-height: 4.667rem;}
  #main .lamiCon .titWrap h3 {font-size: 6rem;line-height: 8.667rem;padding-top: 3.5rem;}
  #main .lamiCon .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 4rem;}
  #main .lamiCon .titWrap .img {margin-top: 9rem;}
  #main .lamiCon .cont1 {display: block;padding-top: 22.333rem;padding-bottom: 18.8rem;}
  #main .lamiCon .cont1 .contTit {width: 100%;text-align: center;}
  #main .lamiCon .cont1 .contTit > * {padding-left: 0;}
  #main .lamiCon .cont1 .contTit h4 {font-size: 4.333rem;line-height: 5.667rem;}
  #main .lamiCon .cont1 .contTit p {font-size: 2.333rem;line-height: 3.667rem;padding-top: 3.667rem;}
  #main .lamiCon .cont1 .img {width: 100%;margin-top: 4.333rem;}
  #main .lamiCon .cont2 {padding: 0;}
  #main .lamiCon .cont2 ul {display: block;}
  #main .lamiCon .cont2 ul li {display: flex;flex-direction: column;justify-content: center;width: 290px;height: 290px;margin: 3rem auto 0;border-radius: 50rem;}
  #main .lamiCon .cont2 ul li:first-child {margin-top: 0;}
  #main .lamiCon .cont2 ul li h6 {font-size: 3rem;padding-top: 0;}
  #main .lamiCon .cont2 ul li h5 {font-size: 4rem;line-height: 6rem;padding-top: 3.333rem;}
  #main .lamiCon .cont2 ul li p {font-size: 2.333rem;line-height: 3.667rem;padding-top: 3rem;}
}

#main .cvtCon {padding-top: 20rem;padding-bottom: 22rem;}
#main .cvtCon .cont1 {padding-bottom: 35.4rem;}
#main .cvtCon .cont1 .titWrap {text-align: center;}
#main .cvtCon .cont1 .titWrap .img {width: 21.4rem;height: 21.4rem;margin: 0 auto;}
#main .cvtCon .cont1 .titWrap .img img {width: 100%;height: auto;}
#main .cvtCon .cont1 .titWrap h4 {font-size: 2.4rem;color: #454C53;padding-top: 5rem;}
#main .cvtCon .cont1 .titWrap h3 {font-size: 5.6rem;font-weight: 700;color: #000;padding-top: 2.5rem;}
#main .cvtCon .cont1 .titWrap h3 strong {font-weight: 700;color: #ED6B2C;}
#main .cvtCon .cont1 .txtWrap {margin-top: 10.8rem;}
#main .cvtCon .cont1 .txtWrap ul {display: flex;}
#main .cvtCon .cont1 .txtWrap ul li {width: 25%;}
#main .cvtCon .cont1 .txtWrap ul li h5 {font-size: 2.4rem;font-weight: 700;color: #ED6B2C;}
#main .cvtCon .cont1 .txtWrap ul li h4 {font-size: 3.2rem;font-weight: 700;color: #33383C;padding-top: 1rem;}
#main .cvtCon .cont1 .txtWrap ul li .bar {position: relative;width: 100%;height: 1px;background-color: #ED6B2C;margin: 2.6rem 0;}
#main .cvtCon .cont1 .txtWrap ul li .bar .dot {position: absolute;top: 50%;left: 0;width: 10px;height: 10px;background-color: #ED6B2C;transform: translateY(-50%);border-radius: 10px;}
#main .cvtCon .cont1 .txtWrap ul li p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;}
#main .cvtCon .cont1 .txtWrap ul li p strong {font-weight: 700;}
#main .cvtCon .cont2 .titWrap h4 {font-size: 4.4rem;line-height: 6.2rem;color: #000;font-weight: 700;}
#main .cvtCon .cont2 .titWrap h4 strong {font-weight: 700;color: #ED6B2C;}
#main .cvtCon .cont2 .titWrap p {font-size: 1.8rem;color: #454C53;padding-top: 2.9rem;}
#main .cvtCon .cont2 .txtWrap {margin-top: 5.1rem;}
#main .cvtCon .cont2 .txtWrap ul {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 2.3rem 0;}
#main .cvtCon .cont2 .txtWrap ul li {width: calc(50% - 1.2rem);background-color: #F6F7F9;border-radius: 2rem;}
#main .cvtCon .cont2 .txtWrap ul li .liArea {display: flex;align-items: center;gap: 6rem;padding: 2.5rem;}
#main .cvtCon .cont2 .txtWrap ul li .liArea .img {width: 20.8rem;}
#main .cvtCon .cont2 .txtWrap ul li .liArea .img img {width: 100%;height: auto;}
#main .cvtCon .cont2 .txtWrap ul li .liArea .contTxt {width: calc(100% - 26.8rem);}
#main .cvtCon .cont2 .txtWrap ul li .liArea .contTxt h5 {font-size: 3.2rem;font-weight: 700;color: #222527;}
#main .cvtCon .cont2 .txtWrap ul li .liArea .contTxt p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 1.4rem;}
#main .cvtCon .cont2 .txtWrap ul li .liArea .contTxt p strong {font-weight: 700;}
@media all and (max-width:1680px) {
  #main .cvtCon .cont1 .txtWrap ul li h4 {letter-spacing: -0.3rem;}
  #main .cvtCon .cont1 .txtWrap ul li p {padding-right: 1rem;word-break: keep-all;}
  #main .cvtCon .cont1 .txtWrap ul li p br {display: none;}
}
@media all and (max-width:1550px) {
  #main .cvtCon .cont2 .txtWrap ul li .liArea .contTxt p br {display: none;}
}
@media all and (max-width:760px) {
  #main .cvtCon {padding-top: 12.333rem;padding-bottom: 15.5rem;}
  #main .cvtCon .cont1 {padding-bottom: 24.833rem;}
  #main .cvtCon .cont1 .titWrap .img {width: 18.5rem;height: 18.5rem;}
  #main .cvtCon .cont1 .titWrap h4 {font-size: 3rem;line-height: 4.667rem;padding-top: 7rem;}
  #main .cvtCon .cont1 .titWrap h3 {font-size: 6rem;line-height: 8.667rem;padding-top: 3.5rem;}
  #main .cvtCon .cont1 .txtWrap {margin-top: 9rem;}
  #main .cvtCon .cont1 .txtWrap ul {flex-wrap: wrap;gap: 8.667rem 0;}
  #main .cvtCon .cont1 .txtWrap ul li {width: 50%;}
  #main .cvtCon .cont1 .txtWrap ul li h5 {font-size: 4rem;}
  #main .cvtCon .cont1 .txtWrap ul li h4 {letter-spacing: 0;font-size: 4rem;padding-top: 1rem;}
  #main .cvtCon .cont1 .txtWrap ul li .bar {margin: 3.5rem 0 3.833rem;}
  #main .cvtCon .cont1 .txtWrap ul li p {padding-right: 0;word-break: normal;font-size: 2.333rem;line-height: 3.667rem;}
  #main .cvtCon .cont1 .txtWrap ul li p br {display: block;}
  #main .cvtCon .cont1 .txtWrap ul li p br.moOnly {display: block;}
  #main .cvtCon .cont1 .txtWrap ul li p br.pcOnly {display: none;}
  #main .cvtCon .cont2 .titWrap h4 {font-size: 5rem;line-height: 7rem;}
  #main .cvtCon .cont2 .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3.333rem;}
  #main .cvtCon .cont2 .txtWrap {margin-top: 5rem;}
  #main .cvtCon .cont2 .txtWrap ul {display: block;}
  #main .cvtCon .cont2 .txtWrap ul li {width: 100%;border-radius: 3.333rem;margin-top: 2.333rem;}
  #main .cvtCon .cont2 .txtWrap ul li:first-child {margin-top: 0;}
  #main .cvtCon .cont2 .txtWrap ul li .liArea {padding: 2.833rem 2.333rem;gap: 2.333rem;}
  #main .cvtCon .cont2 .txtWrap ul li .liArea .img {width: 19.333rem;}
  #main .cvtCon .cont2 .txtWrap ul li .liArea .contTxt {width: calc(100% - 21.666rem);}
  #main .cvtCon .cont2 .txtWrap ul li .liArea .contTxt h5 {font-size: 3rem;}
  #main .cvtCon .cont2 .txtWrap ul li .liArea .contTxt p {font-size: 2.333rem;line-height: 3.667rem;padding-top: 1.5rem;}
  #main .cvtCon .cont2 .txtWrap ul li .liArea .contTxt p br {display: block;}
  #main .cvtCon .cont2 .txtWrap ul li .liArea .contTxt p br.moOnly {display: block;}
  #main .cvtCon .cont2 .txtWrap ul li .liArea .contTxt p br.pcOnly {display: none;}
}

#main .wisdomCon {padding-top: 20rem;padding-bottom: 20.4rem;background-color: #F6F7F9;}
#main .wisdomCon .titWrap {text-align: center;}
#main .wisdomCon .titWrap .img {width: 21.4rem;height: 21.4rem;margin: 0 auto;}
#main .wisdomCon .titWrap .img img {width: 100%;height: auto;}
#main .wisdomCon .titWrap h3 {font-size: 5.6rem;font-weight: 700;color: #000;padding-top: 5.8rem;}
#main .wisdomCon .titWrap h3 strong {font-weight: 700;color: #ED6B2C;}
#main .wisdomCon .titWrap p {font-size: 2.4rem;line-height: 3.6rem;color: #454C53;padding-top: 2.2rem;}
#main .wisdomCon .txtWrap {display: flex;gap: 9.6rem;align-items: center;margin-top: 15.8rem;}
#main .wisdomCon .txtWrap .img {width: 66.4rem;}
#main .wisdomCon .txtWrap .img img {width: 100%;height: auto;}
#main .wisdomCon .txtWrap .contTxt {width: calc(100% - 76rem);}
#main .wisdomCon .txtWrap .contTxt h4 {font-size: 3.6rem;line-height: 4.8rem;color: #000;font-weight: 700;}
#main .wisdomCon .txtWrap .contTxt > p {font-size: 1.8rem;line-height: 2.8rem;color: #454C53;padding-top: 3.2rem;}
#main .wisdomCon .txtWrap .contTxt > p strong {font-weight: 700;color: #ED6B2C;}
#main .wisdomCon .txtWrap .contTxt ul {display: flex;gap: 5.9rem;margin-top: 7.7rem;margin-left: 0.9rem;}
#main .wisdomCon .txtWrap .contTxt ul li .icon {display: flex;align-items: center;justify-content: center;width: 11.6rem;height: 11.6rem;background-color: #fff;border-radius: 10rem;margin: 0 auto;}
#main .wisdomCon .txtWrap .contTxt ul li .icon img {width: 5rem;height: auto;}
#main .wisdomCon .txtWrap .contTxt ul li p {font-size: 2rem;line-height: 3rem;font-weight: 700;text-align: center;color: #454C53;padding-top: 1.6rem;}
@media all and (max-width:1550px) {
  #main .wisdomCon .txtWrap {gap: 5rem;}
  #main .wisdomCon .txtWrap .img {width: 60rem;}
  #main .wisdomCon .txtWrap .contTxt {width: calc(100% - 55rem);}
  #main .wisdomCon .txtWrap .contTxt ul {gap: 0;justify-content: space-between;}
}
@media all and (max-width:1080px) {
  #main .wisdomCon .txtWrap .img {width: 55rem;}
  #main .wisdomCon .txtWrap .contTxt {width: calc(100% - 50rem);}
}
@media all and (max-width:760px) {
  #main .wisdomCon {padding-top: 12rem;padding-bottom: 21.25rem;}
  #main .wisdomCon .titWrap .img {width: 18.5rem;height: 18.5rem;}
  #main .wisdomCon .titWrap h3 {font-size: 6rem;line-height: 8.667rem;padding-top: 7.167rem;}
  #main .wisdomCon .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 4rem;}
  #main .wisdomCon .txtWrap {display: block;margin-top: 6.667rem;}
  #main .wisdomCon .txtWrap .img {width: 100%;}
  #main .wisdomCon .txtWrap .contTxt {width: 100%;}
  #main .wisdomCon .txtWrap .contTxt h4 {font-size: 6rem;line-height: 8rem;padding-top: 11.167rem;}
  #main .wisdomCon .txtWrap .contTxt > p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 5.5rem;}
  #main .wisdomCon .txtWrap .contTxt ul {flex-wrap: wrap;gap: 24.5px 0;margin-top: 11.333rem;width: 294px;justify-content: space-between;margin: 11.333rem auto 0;}
  #main .wisdomCon .txtWrap .contTxt ul li .icon {width: 116px;height: 116px;}
  #main .wisdomCon .txtWrap .contTxt ul li .icon img {width: 50px;}
  #main .wisdomCon .txtWrap .contTxt ul li p {font-size: 20px;line-height: 30px;padding-top: 16px;}
}

#main .bannerCon {display: flex;}
#main .bannerCon .img {width: 87.2rem;}
#main .bannerCon .img img {width: 100%;height: auto;}
#main .bannerCon .box {display: flex;flex-direction: column;justify-content: center;position: relative;background-color: #ED6B2C;width: calc(100% - 87.2rem);color: #fff;}
#main .bannerCon .box > strong {display: block;font-size: 4rem;line-height: 5.2rem;font-weight: 700;padding-left: 10rem;word-break: keep-all;position: relative;z-index: 1;}
#main .bannerCon .box p {font-size: 1.8rem;line-height: 2.8rem;padding-top: 2.8rem;padding-left: 10rem;position: relative;z-index: 1;}
#main .bannerCon .box p strong {font-weight: 700;}
#main .bannerCon .box .ci {position: absolute;bottom: 0;right: 0;width: 36.5rem;}
#main .bannerCon .box .ci img {width: 100%;height: auto;}
@media all and (max-width:1550px) {
  #main .bannerCon .img {width: 77.2rem;}
  #main .bannerCon .box {width: calc(100% - 77.2rem);}
}
@media all and (max-width:1280px) {
  #main .bannerCon .img {width: 67.2rem;}
  #main .bannerCon .box {width: calc(100% - 67.2rem);}
}
@media all and (max-width:760px) {
  #main .bannerCon {display: block;}
  #main .bannerCon .img {width: 100%;}
  #main .bannerCon .box {width: 100%;text-align: center;padding: 10.333rem 0 13.167rem;}
  #main .bannerCon .box p, #main .bannerCon .box > strong {padding-left: 0;}
  #main .bannerCon .box > strong {font-size: 5rem;line-height: 7rem;}
  #main .bannerCon .box p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 6.5rem;}
  #main .bannerCon .box .ci {width: 33.333rem;}
}

.contactCon {background-color: #222527;color: #fff;padding-top: 14.2rem;padding-bottom: 6.4rem;}
.contactCon .inner {display: flex;align-items: center;justify-content: space-between;}
.contactCon .left {width: 57.4rem;padding-left: 3.2rem;}
.contactCon .left > div {display: flex;gap: 5.4rem;}
.contactCon .left > div h5 {display: flex;gap: 0.4rem;font-size: 1.8rem;font-weight: 700;}
.contactCon .left > div h5 .icon {width: 2.4rem;height: 2.4rem;}
.contactCon .left > div h5 .icon img {width: 100%;height: auto;}
.contactCon .left .loc p {font-size: 1.8rem;line-height: 2.4rem;}
.contactCon .left .time {margin-top: 6.3rem;}
.contactCon .left .time ul li {display: flex;gap: 1rem;font-size: 1.8rem;margin-top: 1rem;}
.contactCon .left .time ul li h6 {font-weight: 700;width: 9.6rem;}
.contactCon .left .time ul li:first-child {margin-top: 0;}
.contactCon .left .time ul li:nth-child(1) h6 span {letter-spacing: 1.15rem;}
.contactCon .left .time ul li:nth-child(2) h6 span {letter-spacing: 1.15rem;}
.contactCon .left .time ul li:nth-child(3) h6 span {letter-spacing: 0.82rem;}
.contactCon .left .time ul li:nth-child(4) h6 span {letter-spacing: 0.82rem;}
.contactCon .left .time ul li:nth-child(5) {color: #C9CDD2;}
.contactCon .left .time ul li.etc {gap: 0.4rem; margin-top: 2rem;}
.contactCon .left .time ul li.etc::before {content: '·'; display: block;}
.contactCon .left .time ul li.etc + li.etc {margin-top: 0.2rem;}
.contactCon .left .call {margin-top: 7.9rem;}
.contactCon .left .call h5 {padding-top: 1rem;}
.contactCon .left .call p strong {font-size: 4.8rem;font-weight: 700;color: #F8B74A;}
.contactCon .left .btnWrap {display: flex;gap: 1.4rem;margin-top: 6.6rem;}
.contactCon .left .btnWrap a {display: flex;align-items: center;justify-content: center;width: 17.6rem;height: 4.4rem;background-color: #33383C;border-radius: 3rem;font-size: 1.8rem;color: #C9CDD2;}
.contactCon .right {padding-right: 3.2rem;}
.contactCon .right .map {width: 70.8rem;}
.contactCon .right .map .wrap_controllers, .contactCon .right .map .cont {display: none;}
.root_daum_roughmap_landing {width: 100% !important;}
.contactCon .right .btnWrap {display: flex;justify-content: space-between;margin-top: 3.8rem;}
.contactCon .right .btnWrap a {display: flex;align-items: center;justify-content: center;width: 22rem;height: 6.7rem;border-radius: 0.6rem;font-size: 1.6rem;font-weight: 700;gap: 0.4rem;}
.contactCon .right .btnWrap a .icon {width: 2.4rem;height: 2.4rem;}
.contactCon .right .btnWrap a .icon img {width: 100%;height: auto;}
.contactCon .right .btnWrap a.blogBtn {background-color: #00C300;}
.contactCon .right .btnWrap a.kakaoBtn {background-color: #FFE100;color: #371D1E;}
.contactCon .right .btnWrap a.instaBtn {background-color: #983AB4;}
@media all and (max-width:1550px) {
  .contactCon .left {padding-left: 0;}
  .contactCon .right {padding-right: 0;}
}
@media all and (max-width:1280px) {
  .contactCon .left > div {display: block;}
  .contactCon .left > div h5 {padding-bottom: 2rem;}
}
@media all and (max-width:760px) {
  .contactCon .inner {display: block;}
  .contactCon .left {width: 100%;}
  .contactCon .left > div h5 {gap: 0.667rem;font-size: 3rem;padding-bottom: 2.833rem;}
  .contactCon .left > div h5 .icon {width: 4rem;height: 4rem;}
  .contactCon .left .loc p {font-size: 3rem;line-height: 4rem;}
  .contactCon .left .time {margin-top: 9.833rem;}
  .contactCon .left .time ul li {gap: 1.75rem;font-size: 3rem;margin-top: 1.5rem;}
  .contactCon .left .time ul li h6 {width: 16rem;}
  .contactCon .left .time ul li:nth-child(1) h6 span {letter-spacing: 2.85rem;}
  .contactCon .left .time ul li:nth-child(2) h6 span {letter-spacing: 2.9rem;}
  .contactCon .left .time ul li:nth-child(3) h6 span {letter-spacing: 2.4rem;}
  .contactCon .left .time ul li:nth-child(4) h6 span {letter-spacing: 2.4rem;}
  .contactCon .left .call {margin-top: 9.833em;}
  .contactCon .left .call h5 {padding-top: 0;padding-bottom: 4.333rem;}
  .contactCon .left .call p strong {font-size: 8rem;}
  .contactCon .left .btnWrap {gap: 0;margin-top: 7.833rem;justify-content: space-between;}
  .contactCon .left .btnWrap a {width: calc(50% - 1.083rem);height: 6.833rem;border-radius: 6rem;font-size: 2.667rem;}
  .contactCon .right {margin-top: 9.65rem;}
  .contactCon .right .map {width: 100%;height: 40rem;}
  .root_daum_roughmap_landing, .root_daum_roughmap .wrap_map {height: 100% !important;}
  .contactCon .right .btnWrap {flex-direction: column;margin-top: 6.25rem;gap: 2.333rem 0;}
  .contactCon .right .btnWrap a {width: 100%;height: 11.167rem;border-radius: 1rem;font-size: 3.333rem;gap: 1rem;}
  .contactCon .right .btnWrap a .icon {width: 4rem;height: 4rem;}
}

#footer {background-color: #222527;border-top: 1px solid #707070;padding-top: 3.68rem;padding-bottom: 9.6rem;}
#footer .inner {display: flex;align-items: center;gap: 2.25rem;}
#footer .ftLogo a {display: block;width: 7.4rem;height: 7.4rem;}
#footer .ftLogo a img {width: 100%;height: auto;}
#footer .ftInfo h2 {font-size: 2rem;font-weight: 700;color: #A4AAB1;padding-bottom: 0.3rem;}
#footer .ftInfo p, #footer .ftInfo address {font-size: 1.4rem;color: #72787F;}
#footer .ftInfo address {padding-top: 0.8rem;}
@media all and (max-width:760px) {
  #footer {padding: 6.667rem 0;}
  #footer .ftLogo {display: none;}
  #footer .ftInfo h2 {font-size: 3.333rem;padding-bottom: 2.5rem;}
  #footer .ftInfo p, #footer .ftInfo address {font-size: 2.333rem;}
  #footer .ftInfo address {padding-top: 2.5rem;}
}

.subVisualCon {position: relative;width: 100%;height: 96rem;background-repeat: no-repeat;background-position: center;background-size: cover;}
.subVisualCon .titWrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;color: #fff;width: 100%;}
.subVisualCon .titWrap h3 {font-size: 2.4rem;letter-spacing: 0.1rem;}
.subVisualCon .titWrap h2 {font-size: 5.6rem;font-weight: 700;padding-top: 2.4rem;}
.subVisualCon .scrolldown {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);text-align: center;color: #fff;}
.subVisualCon .scrolldown p {font-family: "Cormorant Garamond", serif;font-size: 2rem;font-weight: 500;}
.subVisualCon .scrolldown .bar {display: block;width: 1px;height: 12.7rem;background-color: #fff;margin: 1.2rem auto 0;}
#join .subVisualCon {background-image: url("../img/sub/join_visual.png");}
#login .subVisualCon {background-image: url("../img/sub/login_visual.png");}
@media all and (max-width:760px) {
  .subVisualCon {height: 141.667rem;}
  .subVisualCon .titWrap h3 {font-size: 3rem;letter-spacing: 0;}
  .subVisualCon .titWrap h2 {font-size: 8rem;padding-top: 3.333rem;}
  .subVisualCon .scrolldown p {font-size: 3.333rem;}
  .subVisualCon .scrolldown .bar {height: 18.333rem;margin-top: 1.667rem;}
  #join .subVisualCon {background-image: url("../img/sub/mo_join_visual.png");}
  #login .subVisualCon {background-image: url("../img/sub/mo_login_visual.png");}
}

.subIntroCon {padding-bottom: 50rem;}
.subIntroCon .titWrap {text-align: center;padding-top: 23.6rem;}
.subIntroCon .titWrap .ci {display: block;width: 7.2rem;height: 7.2rem;margin: 0 auto;}
.subIntroCon .titWrap .ci img {width: 100%;height: auto;}
.subIntroCon .titWrap h3 {font-size: 4.8rem;font-weight: 700;padding-top: 3.6rem;}
.subIntroCon .titWrap h3 strong {font-weight: 700;color: #ED6B2C;}
.subIntroCon .titWrap p {font-size: 1.8rem;color: #454C53;padding-top: 2.5rem;}
@media all and (max-width:760px) {
  .subIntroCon .titWrap {padding-top: 28.333rem;}
  .subIntroCon .titWrap .ci {width: 10.667rem;height: 10.667rem;}
  .subIntroCon .titWrap h3 {font-size: 7.333rem;line-height: 9rem;padding-top: 5.167rem;}
  .subIntroCon .titWrap p {font-size: 3rem;line-height: 4.667rem;padding-top: 4rem;}
}