@charset "utf-8";

html, body {font-size: 10px;}
@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:380px) {
  html, body {font-size: 5px;}
}

body {position: relative;font-family: 'Pretendard', 'sans-serif';color: #222;-webkit-text-size-adjust: none;-webkit-overflow-scrolling:touch;overflow-x:hidden;line-height: 1;letter-spacing: -0.035em;}
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;}

.clear:after{display:block;content:"";clear:both;}

.inner {width: 1400px;margin: 0 auto;}

.outfit {font-family: 'Outfit', 'Pretendard', sans-serif;}

@media all and (max-width:1560px) {
  .inner {width: 94%;}
}

@media all and (max-width:760px) {
  .inner {width: calc(100% - 6.667rem);}
}

.moOnly {display: none;}
.only1440 {display: none;}

@media all and (max-width:1440px) {
  .only1920 {display: none;}
  .only1440 {display: block;}
}

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


#quickMenu {position: fixed;bottom: 15.5rem;right: 5rem;z-index: 98;}
#quickMenu.on {right: -12.8rem;}
#quickMenu .menuWrap {display: block;background-color: #BA4B0A;width: 6.8rem;border-radius: 10rem;padding: 1.45rem 0;margin-bottom: 1rem;}
#quickMenu .menuWrap ul li a {position: relative;display: block;width: 100%;padding: 1.5rem 0;}
#quickMenu .menuWrap ul li a::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 4.3rem;height: 1px;background-color: #fff;opacity: 0.2;}
#quickMenu .menuWrap ul li:first-child a::before {display: none;}
#quickMenu .menuWrap ul li a .icon {display: block;width: 2.2rem;height: 2.2rem;margin: 0 auto;}
#quickMenu .menuWrap ul li a .icon img {width: 100%;height: auto;}
#quickMenu .menuWrap ul li.callBtn a .icon {width: 2.1rem;}
#quickMenu .menuWrap ul li.locBtn a .icon {width: 1.5rem;}
#quickMenu .menuWrap ul li a p {font-size: 1.1rem;font-weight: 700;color: #fff;text-align: center;padding-top: 0.6rem;}
#quickMenu button {width: 6.8rem;height: 6.8rem;}
#quickMenu button img {width: 100%;height: auto;transition: 0.5s;}

@media all and (max-width:760px) {
  #quickMenu {top: auto;bottom: 5.667rem;right: 3.333rem;width: auto;height: auto;transform: translateY(0);}
  #quickMenu .menuWrap {display: none;margin-bottom: 8px;width: 9.333rem;padding: 3.167rem 0;}
  #quickMenu .menuWrap ul li a {padding: 1.667rem 0;}
  #quickMenu .menuWrap ul li a::before {width: 6.5rem;}
  #quickMenu .menuWrap ul li a .icon {width: 3.667rem;height: 3.667rem;}
  #quickMenu .menuWrap ul li.callBtn a .icon {width: 3.535rem;}
  #quickMenu .menuWrap ul li.locBtn a .icon {width: 2.5rem;}
  #quickMenu .menuWrap ul li a p {font-size: 1.5rem;padding-top: 0.667rem;}

  #quickMenu button {width: 9.333rem;height: 9.333rem;}
  #quickMenu .openBtn {display: none;}
  #quickMenu .topBtn {margin-top: 8px;}
}


.callPopup {display: none;position: fixed;inset: 0;z-index: 9999;}
.callPopup.show {display: block;}
.callPopupOverlay {position: absolute;inset: 0;background: rgba(0,0,0,0.5);}
.callPopupBox {position: absolute;bottom: 0;left: 0;right: 0;background: #fff;border-radius: 2rem 2rem 0 0;padding: 3.5rem 2.5rem 4rem;text-align: center;}
.callPopupTitle {font-size: 2rem;font-weight: 700;color: #222;margin-bottom: 2.5rem;}
.callPopupBtn {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.6rem;background: #F8F4EF;border-radius: 1.2rem;padding: 2rem 0;margin-bottom: 1.4rem;text-decoration: none;transition: background 0.2s;}
.callPopupBtn:active {background: #EDE2D4;}
.callPopupLabel {font-size: 1.6rem;color: #888;}
.callPopupNum {font-size: 2.6rem;font-weight: 700;color: #ED6D24;}
.callPopupClose {width: 100%;padding: 2rem 0;background: none;border: none;font-size: 2rem;color: #888;cursor: pointer;margin-top: 0.5rem;}

@media all and (max-width:760px) {
  .callPopupTitle {font-size: 4rem;}
  .callPopupBtn {gap: 1.5rem;}
  .callPopupLabel {font-size: 2.6rem;}
  .callPopupNum {font-size: 3.6rem;}
  .callPopupClose {font-size: 3rem;}
}


.expenses_popup {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 103;width: 100%;height: 100%;justify-content: center;align-items: center;}
.expenses_popup .img {position: relative;}
.expenses_popup .img img {position: relative;;max-width: 95vw;max-height: 95vh;width: auto;height: auto;object-fit: contain;display: block;}
.expenses_popup .img .closeBtn {position: absolute;top: 1.5rem;right: 1.5rem;width: 2.4rem;height: 1.4rem;z-index: 10;}
.expenses_popup .img .closeBtn img {width: 100%;height: auto;}

@media all and (max-width:760px) {
  .expenses_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.5;z-index: 102;}

#header {position:fixed;top:0;left:0;width:100%;height:10rem;z-index:100;}
#header .hdArea {display:flex;align-items:center;justify-content:space-between;width:calc(100% - 10rem);height:100%;margin: 0 auto;}
#header .hdArea .hdLogo a {display:block;}
#header .hdArea .hdLogo a img {width:25.2rem;height:auto;}
#header .hdArea .hdLogo a img.on {display: none;}
#header .hdArea .gnbWrap {display:flex;align-items:center;gap: 26rem;}
#header .hdArea .gnbWrap ul {display:flex;gap:7rem;}
#header .hdArea .gnbWrap ul li a {display:block;font-size:2rem;text-align:center;font-weight: 500;color: #fff;text-shadow: 0 0 4px rgba(0,0,0,0.14);}
#header .hdArea .gnbWrap .callGroup.pcOnly {display:flex;align-items:center;justify-content:center;width: 20rem;height: 4.8rem;border: 1px solid #fff;box-sizing: border-box;border-radius: 5rem;box-shadow: 0 0 4px rgba(0,0,0,0.14);}
#header .hdArea .gnbWrap .callGroup.moOnly {display: none;}
#header .hdArea .gnbWrap .callGroup.moOnly img.on {display: none;}
#header.sub .hdArea .gnbWrap .callGroup.moOnly img.off {display: none;}
#header.sub .hdArea .gnbWrap .callGroup.moOnly img.on {display: block;}
#header .hdArea .gnbWrap .callGroup.pcOnly .icon {width:2rem;height:2rem;}
#header .hdArea .gnbWrap .callGroup.pcOnly img {width:100%;height:auto;}
#header .hdArea .gnbWrap .callGroup.pcOnly img.on {display: none;}
#header .hdArea .gnbWrap .callGroup.pcOnly a {display:flex;align-items:center;gap:1rem;font-size:2rem;font-weight:700;color: #fff;}
#header.on,
#header.sub {background-color: #fff;}
#header.on .hdArea .hdLogo a img.off,
#header.sub .hdArea .hdLogo a img.off {display: none;}
#header.on .hdArea .hdLogo a img.on,
#header.sub .hdArea .hdLogo a img.on {display: block;}
#header.on .hdArea .gnbWrap ul li a,
#header.sub .hdArea .gnbWrap ul li a {color: #000;text-shadow: none;}
#header.on .hdArea .gnbWrap .callGroup.pcOnly,
#header.sub .hdArea .gnbWrap .callGroup.pcOnly {border: 1px solid #ED6D24;box-shadow: none}
#header.on .hdArea .gnbWrap .callGroup.pcOnly img.off,
#header.sub .hdArea .gnbWrap .callGroup.pcOnly img.off {display: none;}
#header.on .hdArea .gnbWrap .callGroup.pcOnly img.on,
#header.sub .hdArea .gnbWrap .callGroup.pcOnly img.on {display: block;}
#header.on .hdArea .gnbWrap .callGroup.pcOnly a,
#header.sub .hdArea .gnbWrap .callGroup.pcOnly a {color: #ED6D24;}

@media all and (max-width:1800px) {
  #header .hdArea .gnbWrap {gap: 10rem;}
  #header .hdArea .gnbWrap ul {gap:3rem;}
}

@media all and (max-width:1660px) {
  #header .hdArea {width:94%;}
}

@media all and (max-width:1280px) {
  #header .hdArea .gnbWrap {gap: 5rem;}
  #header .hdArea .gnbWrap ul {gap:2rem;}
}

@media all and (max-width:760px) {
  #header .hdArea {width: calc(100% - 6.667rem);}
  #header .hdArea .hdLogo a {width: 23.5rem;display: block;}
  #header .hdArea .hdLogo a img {width:100%;}
  #header .hdArea .gnbWrap ul {display:none;}
  #header .hdArea .gnbWrap .callGroup.pcOnly {display: none;}
  #header .hdArea .gnbWrap .callGroup.moOnly {display: block;width: 5.333rem;height: 5.333rem;}
  #header .hdArea .gnbWrap .callGroup.moOnly img {width: 100%;height: auto;}
  #header.on .hdArea .gnbWrap .callGroup.moOnly img.off {display: none;}
  #header.on .hdArea .gnbWrap .callGroup.moOnly img.on {display: block;}
}


#main section {overflow: hidden;}

#main .videoSec {position:relative;width:100%;height:92.1rem;overflow:hidden;}
#main .videoSec::before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg,rgba(255, 255, 255, 0) 60%, rgba(45, 40, 37, 1) 100%);z-index: 1;opacity: 0.6;}
#main .videoSec .video {position:relative;height:100%;}
#main .videoSec .video video {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:101%;height:101%;object-fit:cover;}
#main .videoSec .video video.moOnly {display:none;}
#main .videoSec .txtWrap {position: absolute;bottom: 11.2rem;left: 7rem;width: 100%;display: flex;flex-direction: column;gap: 1.9rem;color: #fff;z-index: 2;}
#main .videoSec .txtWrap .ci {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 24.3rem;height: 24.3rem;}
#main .videoSec .txtWrap .ci img {width: 100%;height: auto;}
#main .videoSec .txtWrap .subTxt {font-size: 1.8rem;font-weight: 500;border: 1px solid #fff;box-sizing: border-box;border-radius: 5rem;letter-spacing: 0.3em;width: 27rem;height: 3.5rem;display: flex;align-items: center;justify-content: center;margin-left: 14.1rem;}
#main .videoSec .txtWrap .mainTit {font-size: 5.2rem;line-height: 6.8rem;font-weight: 700;letter-spacing: -0.03em;text-shadow: 0 3px 5px rgba(0,0,0,0.3);margin-left: 14.1rem;}

@media all and (max-width:760px) {
  #main .videoSec {height: 100vh;height: calc(var(--vh, 1vh) * 100 + 1px);}
  #main .videoSec::before {background: #2D2825;opacity: 0.6;}
  #main .videoSec .video {height: 100%;}
  #main .videoSec .video video {width: 100%;height: 100%;}
  #main .videoSec .video video.pcOnly {display: none;}
  #main .videoSec .video video.moOnly {display: block;}
  #main .videoSec .txtWrap {bottom: auto;top: 50%;left: 50%;transform: translate(-50%,-50%);text-align: center;width: 100%;gap: 0;}
  #main .videoSec .txtWrap .ci {position: static;transform: translateY(0);width: 10rem;height: 10rem;margin: 0 auto;}
  #main .videoSec .txtWrap .subTxt {font-size: 2.667rem;width: 39.333rem;height: 6rem;margin: 3.667rem auto 0;}
  #main .videoSec .txtWrap .mainTit {font-size: 5.833rem;line-height: 7.5rem;margin-left: 0;padding-top: 3rem;}
}


#main .introSec {position: relative;padding-top: 17rem;}
#main .introSec::before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 59.6rem;background-color: #f8f4ef;z-index: -1;}
#main .introSec .img img {width: 100%;height: auto;}
#main .introSec .introWrap {display: flex;gap: 10.8rem;align-items: center;padding: 8rem 0 12rem;}
#main .introSec .introWrap .ci {width: 33.5rem;margin-left: 10.7rem;}
#main .introSec .introWrap .ci img {width: 100%;height: auto;}
#main .introSec .introWrap .txtGroup {width: 85rem;}
#main .introSec .introWrap .txtGroup h3 {font-size: 4rem;line-height: 5.2rem;font-weight: 300;padding-bottom: 2rem;margin-bottom: 2.5rem;border-bottom: 1px solid #D4D4D4;}
#main .introSec .introWrap .txtGroup h3 strong {font-weight: 700;}
#main .introSec .introWrap .txtGroup p {font-size: 2.6rem;line-height: 3.8rem;}

@media all and (max-width:760px) {
  #main .introSec {padding-top: 12.833rem;}
  #main .introSec::before {height: 95.167rem;}
  #main .introSec .introWrap {flex-direction: column;align-items: center;gap: 6.667rem;padding: 8.333rem 0 10rem;}
  #main .introSec .introWrap .ci {width: 26.5rem;margin-left: 0;}
  #main .introSec .introWrap .txtGroup {width: 100%;text-align: center;}
  #main .introSec .introWrap .txtGroup h3 {font-size: 4.333rem;line-height: 6rem;padding-bottom: 3.333rem;margin-bottom: 0;border-bottom: 0;}
  #main .introSec .introWrap .txtGroup p {font-size: 3.333rem;line-height: 5rem;}
}


#main .pointSec {padding: 15rem 0;}
#main .pointSec .titWrap {text-align: center;padding-bottom: 5rem;border-bottom: 1px solid #D4D4D4;}
#main .pointSec .titWrap h3 {font-size: 4.5rem;line-height: 6.2rem;font-weight: 700;color: #222;}
#main .pointSec .titWrap h3 strong {font-weight: 700;color: #ED6D24;}
#main .pointSec .txtWrap ul {display: flex;justify-content: center;padding-top: 3.5rem;}
#main .pointSec .txtWrap ul li {display: flex;flex-direction: column;align-items: center;text-align: center;gap: 3rem;width: 34.9rem;border-left: 1px solid #D4D4D4;box-sizing: border-box;padding: 3rem 0 3.5rem;}
#main .pointSec .txtWrap ul li:first-child {border-left: 0;}
#main .pointSec .txtWrap ul li h4 {display: flex;align-items: center;justify-content: center;width: 11.8rem;height: 3.6rem;border: 1px solid #ED6D24;box-sizing: border-box;border-radius: 5rem;font-size: 2.2rem;font-weight: 500;color: #ED6D24;}
#main .pointSec .txtWrap ul li p {font-size: 2.6rem;line-height: 3.8rem;font-weight: 500;color: #222;}
#main .pointSec .txtWrap ul li p strong {font-weight: 700;}

@media all and (max-width:760px) {
  #main .pointSec {padding: 10.667rem 0 13.333rem;}
  #main .pointSec .titWrap {padding-bottom: 5.833rem;border-bottom: 0;}
  #main .pointSec .titWrap h3 {font-size: 4.333rem;line-height: 6rem;}
  #main .pointSec .txtWrap ul {flex-direction: column;padding-top: 0;}
  #main .pointSec .txtWrap ul li {gap: 3.333rem;width: 100%;border-left: 0;padding: 5rem 0;border-top: 1px solid #D4D4D4;}
  #main .pointSec .txtWrap ul li:last-child {padding-bottom: 0;}
  #main .pointSec .txtWrap ul li h4 {width: 17.167rem;height: 5.333rem;font-size: 3rem;}
  #main .pointSec .txtWrap ul li p {font-size: 3.667rem;line-height: 5.333rem;}
}


#main .docSec {position: relative;;background-color: #F6F6F6;padding: 12rem 0 15rem;}
#main .docSec .inner .titWrap {text-align: center;}
#main .docSec .inner .titWrap h4 {font-size: 1.8rem;font-weight: 500;letter-spacing: 0.3em;color: #ED6D24;}
#main .docSec .inner .titWrap h3 {font-size: 5rem;font-weight: 700;color: #222;padding-top: 3rem;}
#main .docSec .inner .docWrap {display: flex;align-items: center;gap: 4rem;justify-content: center;margin-top: 6rem;position: relative;z-index: 10;}
#main .docSec .inner .docWrap .docCard {position: relative;width: 48rem;height: 65rem;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main .docSec .inner .docWrap .docCard .cardTxt {position: absolute;bottom: 5rem;left: 4.5rem;color: #fff;width: calc(100% - 9rem);}
#main .docSec .inner .docWrap .docCard .cardTxt .quate {display: block;width: 1.9rem;}
#main .docSec .inner .docWrap .docCard .cardTxt .quate img {width: 100%;height: auto;}
#main .docSec .inner .docWrap .docCard .cardTxt .slogun {font-size: 3.5rem;line-height: 4.5rem;font-weight: 700;padding-top: 1.5rem;}
#main .docSec .inner .docWrap .docCard .cardTxt .docName {display: flex;justify-content: space-between;margin-top: 2.2rem;}
#main .docSec .inner .docWrap .docCard .cardTxt .docName p {font-size: 1.8rem;font-weight: 700;}
#main .docSec .inner .docWrap .docCard .cardTxt .docName p strong {font-size: 2.4rem;font-weight: 700;}
#main .docSec .inner .docWrap .docCard .cardTxt .docName .viewBtn {display: flex;align-items: center;justify-content: center;width: 10.8rem;height: 3.2rem;border-radius: 5rem;background-color: #ED6D24;font-size: 1.6rem;font-weight: 700;}
#main .docSec .inner .docWrap .centerLogo {width: 7rem;}
#main .docSec .inner .docWrap .centerLogo img {width: 100%;height: auto;}
#main .docSec .waterMark {position: absolute;bottom: 5rem;left: 50%;transform: translateX(-50%);font-size: 7.813vw;font-weight: 800;color: #EBEBEB;width: 100%;text-align: center;}
#main .docSec .waterMark span {letter-spacing: 0.25em;}
#main .docSec .inner .docWrap .docCard1 {background-image: url("../img/doctorSec_img1.jpg");}
#main .docSec .inner .docWrap .docCard2 {background-image: url("../img/doctorSec_img2.jpg");}

@media all and (max-width:760px) {
  #main .docSec {padding: 11.667rem 0;}
  #main .docSec .inner .titWrap h4 {font-size: 2.333rem;}
  #main .docSec .inner .titWrap h3 {font-size: 4.333rem;padding-top: 2.5rem;}
  #main .docSec .inner .docWrap {gap: 4.167rem;margin-top: 6.5rem;flex-direction: column;}
  #main .docSec .inner .docWrap .docCard {width: 100%;height: auto;aspect-ratio: 335/453;}
  #main .docSec .inner .docWrap .docCard .cardTxt {bottom: 6.667rem;left: 5rem;width: calc(100% - 10rem);}
  #main .docSec .inner .docWrap .docCard .cardTxt .quate {width: 2.21rem;}
  #main .docSec .inner .docWrap .docCard .cardTxt .slogun {font-size: 4.167rem;line-height: 5.833rem;padding-top: 1.703rem;}
  #main .docSec .inner .docWrap .docCard .cardTxt .docName {margin-top: 3.333rem;}
  #main .docSec .inner .docWrap .docCard .cardTxt .docName p {font-size: 2.667rem;}
  #main .docSec .inner .docWrap .docCard .cardTxt .docName p strong {font-size: 3.333rem;}
  #main .docSec .inner .docWrap .docCard .cardTxt .docName .viewBtn {width: 14.167rem;height: 4.333rem;font-size: 2.333rem;}
  #main .docSec .inner .docWrap .centerLogo {width: 8.667rem;}
  #main .docSec .waterMark {display: none;}
}


.docPu {position: fixed;top: 50%;left: 50%;width: 140rem;height: 72rem;background-color: #fff;z-index: 1000;display: flex;transform: translate(-50%,-50%);align-items: center;display: none;}
.docPu .closeBtn {position: absolute;top: 3.5rem;right: 4rem;width: 2.1rem;height: 2rem;}
.docPu .closeBtn img {width: 100%;height: auto;}
.docPu .img {width: 60rem;}
.docPu .img img {width: 100%;height: auto;}
.docPu .puInfo {width: calc(100% - 60rem);padding: 0 7rem;}
.docPu .puInfo .name {display: flex;align-items: center;gap: 1.3rem;}
.docPu .puInfo .name .icon {width: 3.2rem;height: 3.2rem;}
.docPu .puInfo .name .icon img {width: 100%;height: auto;}
.docPu .puInfo .name p {font-size: 2.4rem;font-weight: 300;}
.docPu .puInfo .name p strong {font-weight: 700;}
.docPu .puInfo .slogun {font-size: 3.6rem;line-height: 4.8rem;font-weight: 300;padding-top: 3rem;padding-bottom: 2rem;border-bottom: 2px solid #ED6D24;}
.docPu .puInfo .slogun strong {font-weight: 700;}
.docPu .puInfo .spec {margin-top: 3.5rem;max-height: 38.5rem;}
.docPu2 .puInfo .spec {overflow: auto;}
.docPu2 .puInfo .spec::-webkit-scrollbar {width: 3px;height: 3px;}
.docPu .puInfo .spec::-webkit-scrollbar-track {background: #E5E5E5;border-radius: 10px;border-top: 0px solid transparent; border-bottom: 20rem solid transparent;background-clip: padding-box;}
.docPu .puInfo .spec::-webkit-scrollbar-thumb {background: #ED6D24;border-radius: 10px;border-top: 0px solid transparent; border-bottom: 20rem solid transparent; background-clip: padding-box;}
.docPu .puInfo .spec::-webkit-scrollbar-thumb:hover {background: #d55a15;border-top: 0px solid transparent; border-bottom: 20rem solid transparent; background-clip: padding-box;}
.docPu .puInfo .spec h4 {font-size: 2rem;font-weight: 600;}
.docPu .puInfo .spec h4.last {margin-top: 3rem;}
.docPu .puInfo .spec ul {margin-top: 2rem;display: flex;flex-direction: column;gap: 1rem;}
.docPu .puInfo .spec ul li {display: flex;align-items: center;gap: 1.2rem;}
.docPu .puInfo .spec ul li .dot {width: 0.4rem;height: 0.4rem;border-radius: 1rem;background-color: #ED6D24;}
.docPu .puInfo .spec ul li p {font-size: 1.8rem;color: #444;width: calc(100% - 1.6rem);}
.docPu .puInfo .spec ul li.ait {align-items: start;}
.docPu .puInfo .spec ul li.ait .dot {margin-top: 1.1rem;}
.docPu .puInfo .spec ul li.ait p {line-height: 2.8rem;}
.docPu .puInfo .ci {position: absolute;bottom: 4.5rem;right: 5rem;width: 11.7rem;height: 11.7rem;}
.docPu .puInfo .ci img {width: 100%;height: auto;}

@media all and (max-width:1440px) {
  .docPu {width: 94%;}
}

@media all and (max-width:760px) {
  .docPu {flex-direction: column;width: calc(100% - 6.667rem);height: calc(100% - 10.667rem);overflow: auto;}
  .docPu .closeBtn {top: 3rem;right: 3rem;width: 2.5rem;height: 2.5rem;}
  .docPu .img {width: 100%;}
  .docPu .puInfo {width: calc(100% - 8.333rem);padding: 0;padding-bottom: 5.833rem;margin-top: 5.833rem;}
  .docPu .puInfo .name {gap: 1.667rem;}
  .docPu .puInfo .name .icon {width: 4rem;height: 4rem;}
  .docPu .puInfo .name p {font-size: 3.333rem;}
  .docPu .puInfo .slogun {font-size: 4.333rem;line-height: 6rem;padding-top: 3.667rem;padding-bottom: 2.5rem;border-bottom: 1px solid #ED6D24;}
  .docPu .puInfo .spec {margin-top: 4.167rem;overflow: visible;max-height: 100%;}
  .docPu .puInfo .spec h4 {font-size: 3rem;}
  .docPu .puInfo .spec h4.last {margin-top: 4.167rem;}
  .docPu .puInfo .spec ul {margin-top: 3rem;display: flex;flex-direction: column;gap: 1.8rem;}
  .docPu .puInfo .spec ul li {gap: 1.5rem;}
  .docPu .puInfo .spec ul li .dot {width: 0.667rem;height: 0.667rem;}
  .docPu .puInfo .spec ul li p {font-size: 2.5rem;width: calc(100% - 2.467rem);}
  .docPu .puInfo .spec ul li.ait .dot {margin-top: 1.4rem;}
  .docPu .puInfo .spec ul li.ait p {line-height: 4.167rem;}
  .docPu .puInfo .spec ul li.aitMo {align-items: start;}
  .docPu .puInfo .spec ul li.aitMo .dot {margin-top: 1.4rem;}
  .docPu .puInfo .spec ul li.aitMo p {line-height: 4.167rem;}
  .docPu .puInfo .ci {display: none;}
}


#main .solutionSec {padding: 18rem 0;}
#main .solutionSec .titWrap {text-align: center;}
#main .solutionSec .titWrap h4 {font-size: 1.8rem;font-weight: 500;color: #ED6D24;}
#main .solutionSec .titWrap h4 span {letter-spacing: 0.3em;}
#main .solutionSec .titWrap h3 {font-size: 5rem;font-weight: 700;padding-top: 3rem;color: #222;}
#main .solutionSec .titWrap p {font-size: 2.2rem;line-height: 3.2rem;color: #444;padding-top: 3.5rem;}
#main .solutionSec .txtWrap {margin-top: 6rem;}
#main .solutionSec .txtWrap .swiper-slide {width: 85rem;padding-bottom: 14rem;}
#main .solutionSec .txtWrap .swiper-slide .img {width: 100%;}
#main .solutionSec .txtWrap .swiper-slide .img img {width: 100%;height: auto;}
#main .solutionSec .txtWrap .swiper-slide .contTxt {width: 70rem;height: 25rem;position: absolute;right: 0;bottom: 1rem;background-color: #fff;box-shadow: 0 4px 10px rgba(0,0,0,0.12);z-index: 1;display: flex;flex-direction: column;justify-content: center;padding-left: 6rem;}
#main .solutionSec .txtWrap .swiper-slide .contTxt .hWrap {display: flex;align-items: end;gap: 1.5rem;}
#main .solutionSec .txtWrap .swiper-slide .contTxt .hWrap h4 {font-size: 3.6rem;font-weight: 700;color: #222;}
#main .solutionSec .txtWrap .swiper-slide .contTxt .hWrap h5 {font-size: 1.8rem;font-weight: 500;color: #ED6D24;letter-spacing: 0.15em;}
#main .solutionSec .txtWrap .swiper-slide .contTxt p {font-size: 2rem;line-height: 3.2rem;color: #444;padding-top: 3rem;}
#main .solutionSec .txtWrap .swiperArea {position: relative;}
#main .solutionSec .txtWrap .solutionPagination { display: flex; gap: 5.5rem; justify-content: center; margin-bottom: 7.2rem; }
#main .solutionSec .txtWrap .solutionPagination .swiper-pagination-bullet { margin: 0; width: auto; height: auto; border-radius: 0; opacity: 1; background: none; font-size: 2.6rem; color: #222; cursor: pointer; transition: all 0.3s; font-weight: 500;}
#main .solutionSec .txtWrap .solutionPagination .swiper-pagination-bullet-active { font-weight: 700; color: #ED6D24;text-decoration: underline;}
#main .solutionSec .txtWrap .arrows {position: absolute;top: 0;width: 6rem; height: 6rem; transition: all 0.3s; flex-shrink: 0;background-color: #ED6D24;}
#main .solutionSec .txtWrap .btnPrev {right: 6rem;background-color: #FD8A48;}
#main .solutionSec .txtWrap .btnNext {right: 0;}
#main .solutionSec .txtWrap .arrows img {width: 1.15rem;height: auto;}

@media all and (max-width:760px) {
  #main .solutionSec {padding: 11.667rem 0 8.667rem;}
  #main .solutionSec .titWrap h4 {font-size: 2.333rem;}
  #main .solutionSec .titWrap h3 {font-size: 4.333rem;padding-top: 2.5rem;}
  #main .solutionSec .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3rem;}
  #main .solutionSec .txtWrap {margin-top: 5.833rem;}
  #main .solutionSec .txtWrap .mySwiper1 {padding: 0 20px;}
  #main .solutionSec .txtWrap .swiper-slide {padding-bottom: 3rem;}
  #main .solutionSec .txtWrap .swiper-slide .contTxt {width: 100%;height: 38.833rem;position: static;padding-left: 3.333rem;}
  #main .solutionSec .txtWrap .swiper-slide .contTxt .hWrap {flex-direction: column;align-items: start;gap: 1.667rem;}
  #main .solutionSec .txtWrap .swiper-slide .contTxt .hWrap h4 {font-size: 4.333rem;}
  #main .solutionSec .txtWrap .swiper-slide .contTxt .hWrap h5 {font-size: 2.5rem;}
  #main .solutionSec .txtWrap .swiper-slide .contTxt p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3.333rem;}
  #main .solutionSec .txtWrap .solutionPagination {flex-wrap: wrap;gap: 3.667rem 0;justify-content: space-between;;width: 258px;margin: 0 auto 5rem;}
  #main .solutionSec .txtWrap .solutionPagination .swiper-pagination-bullet {font-size: 3rem;width: 33.333%;}
  #main .solutionSec .txtWrap .arrows {top: auto;bottom: 34.167rem;width: 7.667rem; height: 7.667rem;}
  #main .solutionSec .txtWrap .btnPrev {right: 7.667rem;}
}


#main .implantSec {position: relative;padding: 2rem 0 13rem;}
#main .implantSec::before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 130.5rem;background: url("../img/implantSec_bg.jpg") no-repeat bottom center / cover;z-index: -1;}
#main .implantSec .titWrap {text-align: center;}
#main .implantSec .titWrap h4 {font-size: 1.8rem;font-weight: 500;color: #ED6D24;}
#main .implantSec .titWrap h4 span {letter-spacing: 0.3em;}
#main .implantSec .titWrap h3 {font-size: 5rem;font-weight: 700;padding-top: 3rem;color: #222;}
#main .implantSec .titWrap p {font-size: 2.2rem;line-height: 3.2rem;color: #444;padding-top: 3.5rem;}
#main .implantSec .pointWrap {position: relative;display: flex;justify-content: space-between;align-items: end;margin-top: 6rem;}
#main .implantSec .pointWrap .deco-txt {font-size: 13rem;font-weight: 800;color: #F7F7F7;position: absolute;top: 5rem;left: 50%;letter-spacing: 0.15em;margin-left: -47vw;}
#main .implantSec .pointWrap .pointCards {display: flex;gap: 3rem;}
#main .implantSec .pointWrap .pointCards .item {display: flex;flex-direction: column;align-items: center;justify-content: center;width: 26rem;height: 28.3rem;background-color: #fff;box-shadow: 0 0 12px rgba(0,0,0,0.15);}
#main .implantSec .pointWrap .pointCards .item h5 {display: flex;align-items: center;justify-content: center;width: 11.8rem;height: 3.6rem;border: 2px solid #ED6D24;box-sizing: border-box;border-radius: 5rem;font-size: 2.2rem;font-weight: 500;color: #ED6D24;}
#main .implantSec .pointWrap .pointCards .item .icon {width: 6.2rem;margin-top: 3rem;}
#main .implantSec .pointWrap .pointCards .item .icon img {width: 100%;height: auto;}
#main .implantSec .pointWrap .pointCards .item p {font-size: 2.8rem;font-weight: 700;text-align: center;padding-top: 3rem;}
#main .implantSec .pointWrap .pointCards .item2 p {padding-top: 3.3rem;}
#main .implantSec .pointWrap .img {width: 78rem;}
#main .implantSec .pointWrap .img img {width: 100%;height: auto;}
#main .implantSec .stepWrap {margin-top: 10rem;}
#main .implantSec .stepWrap .contTit {text-align: center;color: #fff;}
#main .implantSec .stepWrap .contTit h4 {font-size: 4.5rem;line-height: 5.8rem;font-weight: 700;}
#main .implantSec .stepWrap .contTit p {font-size: 2.2rem;line-height: 3.2rem;padding-top: 2.5rem;}
#main .implantSec .stepWrap .stepGrid {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 3rem;margin-top: 5rem;}
#main .implantSec .stepWrap .stepGrid .card {position: relative;width: calc(50% - 1.5rem);height: 28rem;background-color: rgba(177,66,3,0.7);color: #fff;}
#main .implantSec .stepWrap .stepGrid .card h6 {position: absolute;top: 3.5rem;right: 4rem;font-size: 4rem;font-weight: 800;color: #fff;opacity: 0.2;letter-spacing: 0.05em;}
#main .implantSec .stepWrap .stepGrid .card h5 {font-size: 3.2rem;font-weight: 700;padding-top: 5.5rem;padding-left: 5rem;}
#main .implantSec .stepWrap .stepGrid .card p {font-size: 2rem;line-height: 3rem;padding-top: 2.5rem;padding-left: 5rem;}
#main .implantSec .mySwiper6 {position: relative;}
#main .implantSec .swiper-pagination6 {display: none;position: absolute;top: auto;bottom: 8.333rem;left: 50%;transform: translateX(-50%);width: auto;}
#main .implantSec .swiper-pagination6 .swiper-pagination-bullet {background-color: #fff;opacity: 0.3;}
#main .implantSec .swiper-pagination6 .swiper-pagination-bullet-active {opacity: 1;}

@media all and (max-width:1280px) {
  #main .implantSec .pointWrap {gap: 2rem;}
}

@media all and (max-width:760px) {
  #main .implantSec {padding: 1.667rem 0 0;}
  #main .implantSec::before {height: 137.167rem;background-image: url("../img/implantSec_bg_mo.jpg");}
  #main .implantSec .titWrap h4 {font-size: 2.333rem;}
  #main .implantSec .titWrap h3 {font-size: 4.333rem;padding-top: 2.5rem;}
  #main .implantSec .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3rem;}
  #main .implantSec .pointWrap {margin-top: 5.833rem;flex-direction: column;gap: 3.333rem;}
  #main .implantSec .pointWrap .deco-txt {display: none;}
  #main .implantSec .pointWrap .pointCards {order: 2;width: 100%;gap: 0;justify-content: space-between;}
  #main .implantSec .pointWrap .pointCards .item {width: calc(50% - 1.25rem);height: 34.667rem;}
  #main .implantSec .pointWrap .pointCards .item h5 {width: 14.167rem;height: 5rem;border: 1px solid #ED6D24;font-size: 2.667rem;}
  #main .implantSec .pointWrap .pointCards .item .icon {width: 8.167rem;margin-top: 4.333rem;}
  #main .implantSec .pointWrap .pointCards .item2 .icon {width: 8.5rem;}
  #main .implantSec .pointWrap .pointCards .item p {font-size: 3rem;padding-top: 4.333rem;}
  #main .implantSec .pointWrap .pointCards .item2 p {padding-top: 4.667rem;}
  #main .implantSec .pointWrap .img {width: 100%;order: 1;}
  #main .implantSec .stepWrap {margin-top: 10.167rem;}
  #main .implantSec .stepWrap .contTit h4 {font-size: 4.333rem;line-height: 6rem;}
  #main .implantSec .stepWrap .contTit p {font-size: 2.667rem;line-height: 4.333rem;}
  #main .implantSec .stepWrap .stepGrid {flex-wrap: nowrap;gap: 0;margin-top: 5.833rem;}
  #main .implantSec .stepWrap .stepGrid .card {width: 100%;height: 44rem;}
  #main .implantSec .stepWrap .stepGrid .card h6 {top: 4.167rem;right: 4.167rem;}
  #main .implantSec .stepWrap .stepGrid .card h5 {font-size: 4rem;padding-top: 7.5rem;}
  #main .implantSec .stepWrap .stepGrid .card p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3.333rem;}
  #main .implantSec .mySwiper6 {padding-bottom: 12.167rem;}
  #main .implantSec .swiper-pagination6 {display: block;}
}


#main .featureSec {background: url("../img/featureSec_bg.jpg") no-repeat center / cover;color: #fff;padding: 15rem 0 11.5rem;}
#main .featureSec .titWrap {text-align: center;}
#main .featureSec .titWrap h3 {font-size: 5rem;line-height: 6.5rem;font-weight: 700;}
#main .featureSec .titWrap p {font-size: 2.2rem;line-height: 3.2rem;padding-top: 3.5rem;}
#main .featureSec .featureGrid {display: flex;justify-content: space-between;margin-top: 6rem;}
#main .featureSec .featureGrid .item {display: flex;flex-direction: column;gap: 3rem;width: auto;}
#main .featureSec .featureGrid .item .icon {width: 21rem;height: 21rem;border-radius: 20rem;border: 1px solid #fff;box-sizing: border-box;display: flex;justify-content: center;align-items: center;}
#main .featureSec .featureGrid .item .icon img {height: auto;}
#main .featureSec .featureGrid .item p {font-size: 2.5rem;line-height: 3.5rem;text-align: center;font-weight: 700;}
#main .featureSec .featureGrid .item1 .icon img {width: 6rem;}
#main .featureSec .featureGrid .item2 .icon img {width: 6.3rem;}
#main .featureSec .featureGrid .item3 .icon img {width: 5.6rem;}
#main .featureSec .featureGrid .item4 .icon img {width: 7rem;}
#main .featureSec .featureGrid .item5 .icon img {width: 7.1rem;}
#main .featureSec .featureGrid .item6 .icon img {width: 7.4rem;}

@media all and (max-width:760px) {
  #main .featureSec {background-image: url("../img/featureSec_bg_mo.jpg");padding: 11.667rem 0 8.333rem;}
  #main .featureSec .inner {width: calc(100% - 3.333rem);margin: 0;margin-left: 3.333rem;}
  #main .featureSec .titWrap h3 {font-size: 4.333rem;line-height: 6rem;}
  #main .featureSec .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3.333rem;}
  #main .featureSec .featureGrid {margin-top: 6.667rem;justify-content: start;}
  #main .featureSec .featureGrid .item {gap: 3.667rem;width: auto;}
  #main .featureSec .featureGrid .item .icon {width: 160px;height: 160px;}
  #main .featureSec .featureGrid .item p {font-size: 3.333rem;line-height: 4.667rem;}
  #main .featureSec .featureGrid .item1 .icon img {width: 10rem;}
  #main .featureSec .featureGrid .item2 .icon img {width: 10.5rem;margin-left: -2rem;}
  #main .featureSec .featureGrid .item3 .icon img {width: 9.333rem;}
  #main .featureSec .featureGrid .item4 .icon img {width: 11.667rem;}
  #main .featureSec .featureGrid .item5 .icon img {width: 11.833rem;}
  #main .featureSec .featureGrid .item6 .icon img {width: 12.333rem;}
}


#main .caseSec {padding: 15rem 0;}
#main .caseSec .titWrap {text-align: center;}
#main .caseSec .titWrap h4 {font-size: 1.8rem;font-weight: 500;color: #ED6D24;}
#main .caseSec .titWrap h4 span {letter-spacing: 0.3em;}
#main .caseSec .titWrap h3 {font-size: 5rem;line-height: 6.5rem;font-weight: 700;padding-top: 3rem;color: #222;}
#main .caseSec .titWrap p {font-size: 2.2rem;line-height: 3.2rem;color: #444;padding-top: 3.5rem;}
#main .caseSec .txtWrap {margin-top: 7rem;}
#main .caseSec .txtWrap .swiper-slide {width: 100%;display: flex;background-color: #F8F4EF;}
#main .caseSec .txtWrap .swiper-slide .img {width: 70rem;}
#main .caseSec .txtWrap .swiper-slide .img img {width: 100%;height: auto;}
#main .caseSec .txtWrap .swiper-slide .contTxt {width: calc(100% - 70rem);display: flex;flex-direction: column;justify-content: center;padding-left: 6rem;}
#main .caseSec .txtWrap .swiper-slide .contTxt h4 {font-size: 3.2rem;line-height: 3.6rem;font-weight: 700;color: #222;}
#main .caseSec .txtWrap .swiper-slide .contTxt p {font-size: 2rem;line-height: 3.2rem;color: #444;padding-top: 2rem;}
#main .caseSec .txtWrap .swiperArea {position: relative;}
#main .caseSec .txtWrap .casePagination { display: flex; gap: 5.5rem; justify-content: center; margin-bottom: 5rem;}
#main .caseSec .txtWrap .casePagination .swiper-pagination-bullet { margin: 0; width: auto; height: auto; border-radius: 0; opacity: 1; background: none; font-size: 2.6rem; color: #222; cursor: pointer; transition: all 0.3s; font-weight: 500;}
#main .caseSec .txtWrap .casePagination .swiper-pagination-bullet-active { font-weight: 700; color: #ED6D24;text-decoration: underline;}
#main .caseSec .txtWrap .arrows {position: absolute;top: 0;width: 6rem; height: 6rem; transition: all 0.3s; flex-shrink: 0;background-color: #ED6D24;}
#main .caseSec .txtWrap .btnPrev {right: 6rem;background-color: #FD8A48;}
#main .caseSec .txtWrap .btnNext {right: 0;}
#main .caseSec .txtWrap .arrows img {width: 1.15rem;height: auto;}
#main .caseSec .mySwiper2 {position: relative;}
#main .caseSec .swiper-pagination2 {display: none;position: absolute;top: auto;bottom: 0;left: 50%;transform: translateX(-50%);width: auto;}
#main .caseSec .swiper-pagination2 .swiper-pagination-bullet {background-color: #C3C3C3;opacity: 1;}
#main .caseSec .swiper-pagination2 .swiper-pagination-bullet-active {background-color: #ED6D24;}

@media all and (max-width:760px) {
  #main .caseSec {padding: 11.667rem 0;}
  #main .caseSec .titWrap h4 {font-size: 2.333rem;}
  #main .caseSec .titWrap h3 {font-size: 4.333rem;padding-top: 2.5rem;}
  #main .caseSec .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3rem;}
  #main .caseSec .txtWrap {margin-top: 5.833rem;}
  #main .caseSec .txtWrap .swiper-slide {flex-direction: column;}
  #main .caseSec .txtWrap .swiper-slide .img {width: 100%;}
  #main .caseSec .txtWrap .swiper-slide .contTxt {width: 100%;height: 40.667rem;padding-left: 4.167rem;justify-content: start;}
  #main .caseSec .txtWrap .swiper-slide .contTxt h4 {font-size: 4rem;line-height: 1;padding-top: 6.667rem;}
  #main .caseSec .txtWrap .swiper-slide .contTxt p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3.333rem;}
  #main .caseSec .txtWrap .casePagination {flex-wrap: wrap;gap: 2.5rem 0;justify-content: center;width: 258px;margin: 0 auto 5rem;}
  #main .caseSec .txtWrap .casePagination .swiper-pagination-bullet {font-size: 3rem;width: 50%;text-align: center;}
  #main .caseSec .txtWrap .casePagination .swiper-pagination-bullet:last-child {width: 100%;}
  #main .caseSec .mySwiper2 {padding-bottom: 4.667rem;}
  #main .caseSec .swiper-pagination2 {display: flex;gap: 6px;}
}


#main .recomSec {padding-bottom: 20rem;display: flex;justify-content: right;}
#main .recomSec .container {width: calc(100% - 26rem);display: flex;justify-content: space-between;align-items: center;}
#main .recomSec .recomWrap {width: 62rem;}
#main .recomSec .recomWrap .contTit h4 {font-size: 4rem;line-height: 5.2rem;font-weight: 700;color: #222;}
#main .recomSec .recomWrap .recomList {display: flex;flex-direction: column;margin-top: 1.5rem;}
#main .recomSec .recomWrap .recomList li {display: flex;align-items: center;gap: 1.5rem;padding: 2rem 0;border-top: 1px solid #D4D4D4;}
#main .recomSec .recomWrap .recomList li:first-child {border-top: 0;}
#main .recomSec .recomWrap .recomList li:last-child {padding-bottom: 0;}
#main .recomSec .recomWrap .recomList li .icon {width: 3.2rem;height: 3.2rem;}
#main .recomSec .recomWrap .recomList li .icon img {width: 100%;height: auto;}
#main .recomSec .recomWrap .recomList li p {font-size: 2.4rem;color: #222;}
#main .recomSec .img {width: calc(100% - 70rem);}
#main .recomSec .img img {width: 100%;height: auto;}

@media all and (max-width:1560px) {
  #main .recomSec .container {width: 97%;}
}

@media all and (max-width:760px) {
  #main .recomSec {padding-bottom: 13.333rem;display: block;}
  #main .recomSec .container {flex-direction: column;gap: 5rem;width: 94%;margin: 0 auto;}
  #main .recomSec .recomWrap {width: 100%;order: 2;}
  #main .recomSec .recomWrap .contTit h4 {line-height: 5.667rem;}
  main .recomSec .recomWrap .recomList {margin-top: 2rem;}
  #main .recomSec .recomWrap .recomList li {gap: 1.667rem;padding: 3rem 0;}
  #main .recomSec .recomWrap .recomList li .icon {width: 3.667rem;height: 3.667rem;}
  #main .recomSec .recomWrap .recomList li p {font-size: 2.667rem;}
  #main .recomSec .img {width: 100%;order: 1;}
}


#main .orthSec {padding: 5rem 0 15rem;position: relative;}
#main .orthSec::before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 94.5rem;background: url("../img/orthSec_bg.jpg") no-repeat bottom center / cover;z-index: -1;}
#main .orthSec .titWrap {text-align: center;}
#main .orthSec .titWrap h4 {font-size: 1.8rem;font-weight: 500;color: #ED6D24;}
#main .orthSec .titWrap h4 span {letter-spacing: 0.3em;}
#main .orthSec .titWrap h3 {font-size: 5rem;line-height: 6.5rem;font-weight: 700;padding-top: 3rem;color: #222;}
#main .orthSec .titWrap p {font-size: 2.2rem;line-height: 3.2rem;color: #444;padding-top: 3.5rem;}
#main .orthSec .imgWrap {margin-top: 5rem;}
#main .orthSec .imgWrap .swiper-wrapper {display: flex;justify-content: space-between;}
#main .orthSec .imgWrap .swiper-slide {width: calc(50% - 1.5rem);}
#main .orthSec .imgWrap .img {width: 100%;}
#main .orthSec .imgWrap .img img {width: 100%;height: auto;}
#main .orthSec .targetWrap {display: flex;color: #fff;justify-content: space-between;margin-top: 12rem;}
#main .orthSec .targetWrap .contTit h5 {font-size: 1.8rem;font-weight: 500;color: #ED6D24;}
#main .orthSec .targetWrap .contTit h5 span {letter-spacing: 0.3em;}
#main .orthSec .targetWrap .contTit h4 {font-size: 5rem;line-height: 6.5rem;font-weight: 700;padding-top: 2.5rem;}
#main .orthSec .targetWrap .targetList {display: flex;flex-direction: column;width: 62rem;margin-top: 17.3rem;}
#main .orthSec .targetWrap .targetList li {display: flex;align-items: center;gap: 1.5rem;padding: 2rem 0;border-top: 1px solid #D4D4D4;box-sizing: border-box;}
#main .orthSec .targetWrap .targetList li:first-child {border-top: 0;padding-top: 0;}
#main .orthSec .targetWrap .targetList li:last-child {padding-bottom: 0;}
#main .orthSec .targetWrap .targetList li .icon {width: 3.2rem;height: 3.2rem;}
#main .orthSec .targetWrap .targetList li .icon img {width: 100%;height: auto;}
#main .orthSec .targetWrap .targetList li p {font-size: 2.4rem;}

@media all and (max-width:760px) {
  #main .orthSec {padding: 0 0 11.667rem;}
  #main .orthSec::before {height: 107.167rem;background-image: url("../img/orthSec_bg_mo.jpg") }
  #main .orthSec .titWrap h4 {font-size: 2.333rem;}
  #main .orthSec .titWrap h3 {font-size: 4.333rem;padding-top: 2.5rem;}
  #main .orthSec .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3rem;}
  #main .orthSec .imgWrap {justify-content: center;margin-top: 6.667rem;}
  #main .orthSec .imgWrap .img {width: 100%;}
  #main .orthSec .targetWrap {flex-direction: column;justify-content: start;margin-top: 8.333rem;}
  #main .orthSec .targetWrap .contTit h5 {font-size: 2.333rem;}
  #main .orthSec .targetWrap .contTit h4 {font-size: 4.333rem;line-height: 6rem;}
  #main .orthSec .targetWrap .targetList {width: 100%;margin-top: 4.167rem;}
  #main .orthSec .targetWrap .targetList li {align-items: start;padding: 1.667rem 0;border-top: 0;border-bottom: 1px solid #D4D4D4;}
  #main .orthSec .targetWrap .targetList li:last-child {padding-bottom: 1.667rem;}
  #main .orthSec .targetWrap .targetList li .icon {width: 3.667rem;height: 3.667rem;margin-top: 0.5rem;}
  #main .orthSec .targetWrap .targetList li p {font-size: 2.667rem;line-height: 4.333rem;}
}


#main .bracesSec {padding: 15rem 0;}
#main .bracesSec .titWrap {text-align: center;}
#main .bracesSec .titWrap h4 {font-size: 1.8rem;font-weight: 500;color: #ED6D24;}
#main .bracesSec .titWrap h4 span {letter-spacing: 0.3em;}
#main .bracesSec .titWrap h3 {font-size: 5rem;line-height: 6.5rem;font-weight: 700;padding-top: 3rem;color: #222;}
#main .bracesSec .titWrap p {font-size: 2.2rem;line-height: 3.2rem;color: #444;padding-top: 3.5rem;}
#main .bracesSec .bracesCard {display: flex;flex-wrap: wrap;gap: 6rem 4rem;justify-content: center;margin-top: 6rem;}
#main .bracesSec .bracesCard .card {width: 44rem;}
#main .bracesSec .bracesCard .card .img {width: 100%;}
#main .bracesSec .bracesCard .card .img img {width: 100%;height: auto;}
#main .bracesSec .bracesCard .card .cardTit h4 {font-size: 3.2rem;line-height: 3.6rem;font-weight: 700;color: #222;padding-bottom: 1.5rem;border-bottom: 1px solid #D4D4D4;margin-bottom: 2rem;margin-top: 3.5rem;}
#main .bracesSec .bracesCard .card .cardTit p {font-size: 2rem;line-height: 3.2rem;color: #444;}
#main .bracesSec .mySwiper8 {position: relative;}
#main .bracesSec .swiper-pagination8 {display: none;position: absolute;top: auto;bottom: 0;left: 50%;transform: translateX(-50%);width: auto;}
#main .bracesSec .swiper-pagination8 .swiper-pagination-bullet {background-color: #C3C3C3;opacity: 1;}
#main .bracesSec .swiper-pagination8 .swiper-pagination-bullet-active {background-color: #ED6D24;}

@media all and (max-width:760px) {
  #main .bracesSec {padding: 11.667rem 0 10rem;}
  #main .bracesSec .titWrap h4 {font-size: 2.333rem;}
  #main .bracesSec .titWrap h3 {font-size: 4.333rem;padding-top: 2.5rem;}
  #main .bracesSec .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3rem;}
  #main .bracesSec .bracesCard {flex-wrap: nowrap;gap: 0;justify-content: start;margin-top: 5rem;}
  #main .bracesSec .bracesCard .card {width: 100%;}
  #main .bracesSec .bracesCard .card .cardTit h4 {font-size: 4.333rem;line-height: 1;padding-bottom: 3.333rem;margin-bottom: 4.167rem;margin-top: 6.667rem;}
  #main .bracesSec .bracesCard .card .cardTit p {font-size: 2.667rem;line-height: 4.333rem;}
  #main .bracesSec .mySwiper8 {padding-bottom: 4.667rem;}
  #main .bracesSec .swiper-pagination8 {display: flex;}
}


#main .reasonsSec {background-color: #F5F5F5;padding: 12rem 0 15rem;}
#main .reasonsSec .titWrap {text-align: center;}
#main .reasonsSec .titWrap h4 {font-size: 1.8rem;font-weight: 500;color: #ED6D24;}
#main .reasonsSec .titWrap h4 span {letter-spacing: 0.3em;}
#main .reasonsSec .titWrap h3 {font-size: 5rem;line-height: 6.5rem;font-weight: 700;padding-top: 3rem;color: #222;}
#main .reasonsSec .reasonWrap {display: flex;width: 164rem;margin-left: 2rem;align-items: end;justify-content: space-between;margin-top: 6rem;}
#main .reasonsSec .reasonWrap .img {width: 58.8rem;}
#main .reasonsSec .reasonWrap .img img {width: 100%;height: auto;}
#main .reasonsSec .reasonWrap .reasonList {width: 102rem;display: flex;flex-wrap: wrap;gap: 2rem 0;justify-content: space-between;}
#main .reasonsSec .reasonWrap .reasonList li {display: flex;width: 50rem;height: 16rem;background-color: #fff;gap: 4rem;align-items: center;}
#main .reasonsSec .reasonWrap .reasonList li .icon {width: 10rem;height: 10rem;margin-left: 4rem;}
#main .reasonsSec .reasonWrap .reasonList li .icon img {width: 100%;height: auto;}
#main .reasonsSec .reasonWrap .reasonList li p {font-size: 2.6rem;line-height: 3.6rem;font-weight: 500;}
#main .reasonsSec .mySwiper9 {position: relative;}
#main .reasonsSec .swiper-pagination9 {display: none;position: absolute;top: auto;bottom: 0;left: 50%;transform: translateX(-50%);width: auto;}
#main .reasonsSec .swiper-pagination9 .swiper-pagination-bullet {background-color: #C3C3C3;opacity: 1;}
#main .reasonsSec .swiper-pagination9 .swiper-pagination-bullet-active {background-color: #ED6D24;}

@media all and (max-width:1660px) {
  #main .reasonsSec .reasonWrap {width: 94%;gap: 2rem;}
  #main .reasonsSec .reasonWrap .img {width: 30%;}
  #main .reasonsSec .reasonWrap .mySwiper9 {width: 70%;}
  #main .reasonsSec .reasonWrap .reasonList {width: 100%;}
  #main .reasonsSec .reasonWrap .reasonList li {width: calc(50% - 1rem);}
  #main .reasonsSec .reasonWrap .reasonList li p {padding-right: 3rem;word-break: keep-all;}
  #main .reasonsSec .reasonWrap .reasonList li p br {display: none;}
}

@media all and (min-width: 761px) {
  #main .reasonsSec .reasonWrap .reasonList .slide-group {display: contents;}
}

@media all and (max-width:760px) {
  #main .reasonsSec {padding: 11.667rem 0 8.333rem;}
  #main .reasonsSec .titWrap h4 {font-size: 2.333rem;}
  #main .reasonsSec .titWrap h3 {font-size: 4.333rem;padding-top: 2.5rem;}
  #main .reasonsSec .reasonWrap {flex-direction: column;margin-top: 5rem;}
  #main .reasonsSec .reasonWrap .img {order: 2;width: calc(100% - 13.333rem);margin: 0 auto;}
  #main .reasonsSec .reasonWrap .mySwiper9 {width: 100%;}
  #main .reasonsSec .reasonWrap .reasonList {order: 1;width: 100%;flex-wrap: nowrap;}
  #main .reasonsSec .reasonWrap .reasonList .slide-group {display: flex;flex-direction: column;gap: 1.667rem;width: 100%;}
  #main .reasonsSec .reasonWrap .reasonList li {width: 100%;height: 22.333rem;gap: 3.5rem;}
  #main .reasonsSec .reasonWrap .reasonList li .icon {width: 14rem;height: 14rem;margin-left: 5rem;}
  #main .reasonsSec .reasonWrap .reasonList li p {font-size: 3rem;line-height: 4.333rem;}
  #main .reasonsSec .reasonWrap .reasonList li p br {display: block;}
  #main .reasonsSec .mySwiper9 {padding-bottom: 4.667rem;}
  #main .reasonsSec .swiper-pagination9 {display: flex;}
}


#main .prmSec {padding: 18rem 0 12rem;}
#main .prmSec .titWrap {text-align: center;}
#main .prmSec .titWrap h4 {font-size: 2.2rem;font-weight: 700;color: #fff;background-color: #ED6D24;display: inline-block;padding: 0.9rem 1rem;}
#main .prmSec .titWrap h3 {font-size: 5rem;line-height: 6.5rem;font-weight: 700;padding-top: 2.5rem;}
#main .prmSec .cont {display: flex;align-items: center;gap: 7rem;margin-top: 7rem;}
#main .prmSec .cont .img {width: 96rem;}
#main .prmSec .cont .img img {width: 100%;height: auto;}
#main .prmSec .cont .pWrap {display: flex;flex-direction: column;gap: 4rem;}
#main .prmSec .cont .pWrap p {font-size: 2.6rem;line-height: 4rem;}
#main .prmSec .cont .pWrap p strong {font-weight: 700;color: #ED6D24;}

@media all and (max-width:760px) {
  #main .prmSec {padding: 11.667rem 0;}
  #main .prmSec .titWrap h4 {background: none;display: flex;flex-direction: column;font-size: 2.667rem;gap: 1rem;}
  #main .prmSec .titWrap h4 span {background-color: #ED6D24;display: inline;height: 4.333rem;line-height: 4.333rem;margin: 0 auto;}
  #main .prmSec .titWrap h4 span:nth-child(1) {width: 30.5rem;}
  #main .prmSec .titWrap h4 span:nth-child(2) {width: 44.333rem;}
  #main .prmSec .titWrap h3 {font-size: 4.333rem;line-height: 6rem;padding-top: 3rem;}
  #main .prmSec .cont {flex-direction: column;margin-top: 5.833rem;gap: 5.833rem;}
  #main .prmSec .cont .img {width: 100%;}
  #main .prmSec .cont .pWrap {width: calc(100% - 6.667rem);margin: 0 auto;gap: 3.333rem;}
  #main .prmSec .cont .pWrap p {font-size: 3rem;line-height: 4.667rem;}
}


#main .cavitySec {padding: 12rem 0 13rem;background: url("../img/cavitySec_bg.jpg") no-repeat center / cover;color: #fff;}
#main .cavitySec .titWrap {text-align: center;}
#main .cavitySec .titWrap h3 {font-size: 5rem;line-height: 6.5rem;font-weight: 700;padding-top: 3rem;}
#main .cavitySec .titWrap p {font-size: 2.2rem;line-height: 3.2rem;padding-top: 3.5rem;}
#main .cavitySec .stepGrid {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 3rem;margin-top: 5rem;}
#main .cavitySec .stepGrid .card {position: relative;width: calc(50% - 1.5rem);height: 28rem;background-color: rgba(177,66,3,0.7);color: #fff;}
#main .cavitySec .stepGrid .card h6 {position: absolute;top: 3.5rem;right: 4rem;font-size: 4rem;font-weight: 800;color: #fff;opacity: 0.2;letter-spacing: 0.05em;}
#main .cavitySec .stepGrid .card h5 {font-size: 3.2rem;font-weight: 700;padding-top: 5.5rem;padding-left: 5rem;}
#main .cavitySec .stepGrid .card p {font-size: 2rem;line-height: 3rem;padding-top: 2.5rem;padding-left: 5rem;}
#main .cavitySec .mySwiper10 {position: relative;}
#main .cavitySec .swiper-pagination10 {display: none;position: absolute;top: auto;bottom: 0;left: 50%;transform: translateX(-50%);width: auto;}
#main .cavitySec .swiper-pagination10 .swiper-pagination-bullet {background-color: #fff;opacity: 0.3;}
#main .cavitySec .swiper-pagination10 .swiper-pagination-bullet-active {opacity: 1;}

@media all and (max-width:760px) {
  #main .cavitySec {padding: 11.667rem 0 10rem;background-image: url("../img/cavitySec_bg_mo.jpg");}
  #main .cavitySec .titWrap h3 {font-size: 4.333rem;padding-top: 2.5rem;}
  #main .cavitySec .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3rem;}
  #main .cavitySec .stepGrid {margin-top: 6.667rem;flex-wrap: nowrap;gap: 0;margin-top: 5.833rem;}
  #main .cavitySec .stepGrid .card {width: 100%;height: 44rem;}
  #main .cavitySec .stepGrid .card h6 {top: 4.167rem;right: 4.167rem;}
  #main .cavitySec .stepGrid .card h5 {font-size: 4rem;padding-top: 7.5rem;}
  #main .cavitySec .stepGrid .card p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3.333rem;}
  #main .cavitySec .mySwiper10 {padding-bottom: 3.833rem;}
  #main .cavitySec .swiper-pagination10 {display: block;}
}


#main .prosSec {padding: 15rem 0 18rem;}
#main .prosSec .titWrap {text-align: center;}
#main .prosSec .titWrap h4 {font-size: 1.8rem;font-weight: 500;color: #ED6D24;}
#main .prosSec .titWrap h4 span {letter-spacing: 0.3em;}
#main .prosSec .titWrap h3 {font-size: 5rem;line-height: 6.5rem;font-weight: 700;padding-top: 3rem;color: #222;}
#main .prosSec .titWrap p {font-size: 2.2rem;line-height: 3.2rem;color: #444;padding-top: 3.5rem;}
#main .prosSec .accorWrap {display: flex;gap: 1.8rem;margin-top: 7rem;}
#main .prosSec .accorWrap .item {position: relative;height: 42rem;background-color: #F8F4EF;transition: width 0.4s ease;width: 8rem;overflow: hidden;}
#main .prosSec .accorWrap .item::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0.8rem;background-color: #EDE2D4;}
#main .prosSec .accorWrap .item .on {display: none;width: 100%;position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#main .prosSec .accorWrap .item .on .itemTxt h4 {font-size: 4rem;font-weight: 700;padding-top: 9rem;padding-left: 7rem;white-space: nowrap;}
#main .prosSec .accorWrap .item .on .itemTxt p {font-size: 2.6rem;line-height: 4rem;color: #444;padding-top: 4rem;padding-left: 7rem;white-space: nowrap;}
#main .prosSec .accorWrap .item .on .icon {position: absolute;bottom: 6.5rem;}
#main .prosSec .accorWrap .item .on .icon img {width: 100%;height: auto;}
#main .prosSec .accorWrap .item.item1 .on .icon {width: 14.5rem;right: 6rem;}
#main .prosSec .accorWrap .item.item2 .on .icon {width: 19.5rem;right: 5rem;}
#main .prosSec .accorWrap .item.item3 .on .icon {width: 11.2rem;right: 8.5rem;}
#main .prosSec .accorWrap .item.item4 .on .icon {width: 9.5rem;right: 9rem;}
#main .prosSec .accorWrap .item.item5 .on .icon {width: 14.5rem;right: 6rem;}
#main .prosSec .accorWrap .item .off {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
#main .prosSec .accorWrap .item .off p {font-size: 2.6rem;font-weight: 500;text-align: center;}
#main .prosSec .accorWrap .item.active {width: calc(100% - 39.2rem);}
#main .prosSec .accorWrap .item.active::before {background-color: #FA9860;}
#main .prosSec .accorWrap .item.active .on {display: block;}
#main .prosSec .accorWrap .item.active .off {display: none;}

@media all and (max-width:760px) {
  #main .prosSec {padding: 13.333rem 0;}
  #main .prosSec .titWrap h4 {font-size: 2.333rem;}
  #main .prosSec .titWrap h3 {font-size: 4.333rem;padding-top: 2.5rem;}
  #main .prosSec .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3rem;}
  #main .prosSec .accorWrap {flex-direction: column;gap: 1.667rem;margin-top: 6.667rem;}
  #main .prosSec .accorWrap .item {height: 12rem;width: 100%;transition: height 0.4s ease;}
  #main .prosSec .accorWrap .item::before {height: 0.833rem;}
  #main .prosSec .accorWrap .item .on .itemTxt h4 {font-size: 4.333rem;padding-top: 8.333rem;padding-left: 5rem;}
  #main .prosSec .accorWrap .item .on .itemTxt p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 4.167rem;padding-left: 5rem;}
  #main .prosSec .accorWrap .item .on .icon {bottom: auto;}
  #main .prosSec .accorWrap .item.item1 .on .icon {width: 12.833rem;right: 5rem;top: 32.5rem;}
  #main .prosSec .accorWrap .item.item2 .on .icon {width: 15rem;right: 5rem;top: 31.833rem;}
  #main .prosSec .accorWrap .item.item3 .on .icon {width: 8.5rem;right: 7.5rem;top: 32.167rem;}
  #main .prosSec .accorWrap .item.item4 .on .icon {width: 7.833rem;right: 6.5rem;top: 33.667rem;}
  #main .prosSec .accorWrap .item.item5 .on .icon {width: 13rem;right: 5rem;top: 31.833rem;}
  #main .prosSec .accorWrap .item .off {height: 100%;width: 100%;}
  #main .prosSec .accorWrap .item .off p {font-size: 3.667rem;padding-top: 0.833rem;}
  #main .prosSec .accorWrap .item .off p br {display: none;}
  #main .prosSec .accorWrap .item.active {width: 100%;height: 53.333rem;}
}


#main .clinicSec {background: url("../img/clinicSec_bg.jpg") no-repeat center / cover;color: #fff;padding: 15rem 0;}
#main .clinicSec .titWrap {text-align: center;}
#main .clinicSec .titWrap h4 {font-size: 1.8rem;font-weight: 500;color: #ED6D24;}
#main .clinicSec .titWrap h4 span {letter-spacing: 0.3em;}
#main .clinicSec .titWrap h3 {font-size: 5rem;line-height: 6.5rem;font-weight: 700;padding-top: 3rem;}
#main .clinicSec .titWrap p {font-size: 2.2rem;line-height: 3.2rem;padding-top: 3.5rem;}
#main .clinicSec .clinicCard {display: flex;flex-wrap: wrap;gap: 4rem 0;justify-content: space-between;margin-top: 6rem;}
#main .clinicSec .clinicCard .card {width: calc(50% - 2rem);height: 63rem;border: 1px solid #fff;box-sizing: border-box;overflow: hidden;}
#main .clinicSec .clinicCard .card .img img {width: 100%;height: auto;}
#main .clinicSec .clinicCard .card .cardTit h4 {font-size: 3.5rem;font-weight: 700;padding-top: 4.6rem;padding-left: 5rem;}
#main .clinicSec .clinicCard .card .cardTit p {font-size: 2.4rem;line-height: 3.6rem;padding-top: 2.5rem;padding-left: 5rem;}
#main .clinicSec .mySwiper11 {position: relative;}
#main .clinicSec .swiper-pagination11 {display: none;position: absolute;top: auto;bottom: 0;left: 50%;transform: translateX(-50%);width: auto;}
#main .clinicSec .swiper-pagination11 .swiper-pagination-bullet {background-color: #fff;opacity: 0.3;}
#main .clinicSec .swiper-pagination11 .swiper-pagination-bullet-active {opacity: 1;}

@media all and (max-width:760px) {
  #main .clinicSec {padding: 11.667rem 0 10rem;}
  #main .clinicSec .inner {width: 100%;}
  #main .clinicSec .titWrap h4 {font-size: 2.333rem;}
  #main .clinicSec .titWrap h3 {font-size: 4.333rem;padding-top: 2.5rem;}
  #main .clinicSec .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3rem;}
  #main .clinicSec .clinicCard {flex-wrap: nowrap;gap: 0;margin-top: 5.833rem;}
  #main .clinicSec .clinicCard .card {height: 75rem;}
  #main .clinicSec .clinicCard .card .cardTit h4 {font-size: 4.333rem;padding-top: 6.667rem;}
  #main .clinicSec .clinicCard .card .cardTit p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 3.333rem;}
  #main .clinicSec .mySwiper11 {width: 100%;padding: 0 20px;padding-bottom: 4.667rem;}
  #main .clinicSec .swiper-pagination11 {display: block;}
}


#main .ytbSec {padding: 18rem 0;}
#main .ytbSec .titWrap {position: relative;}
#main .ytbSec .titWrap .ci {position: absolute;top: -9rem;left: -12rem;width: 18.4rem;z-index: -1;}
#main .ytbSec .titWrap .ci img {width: 100%;height: auto;}
#main .ytbSec .titWrap h3 {font-size: 5rem;line-height: 6.5rem;font-weight: 700;}
#main .ytbSec .titWrap p {font-size: 2.2rem;line-height: 3.2rem;color: #444;padding-top: 3rem;}
#main .ytbSec .titWrap .goBtn {position: absolute;bottom: 0;right: 0;display: flex;align-items: center;justify-content: center;width: 23rem;height: 5.6rem;background-color: #E6363A;border-radius: 5rem;color: #fff;font-size: 2rem;font-weight: 700;}
#main .ytbSec .ytbCard {display: flex;justify-content: space-between;margin-top: 6rem;}
#main .ytbSec .ytbCard .card {display: flex; }
#main .ytbSec .ytbCard .card .img {width: 100%;}
#main .ytbSec .ytbCard .card .img img {width: 100%;height: auto;display: block;}
#main .ytbSec .ytbCard .card.card1 {width: 65.571%;}
#main .ytbSec .ytbCard .card.card2 {width: 33%;display: flex;flex-direction: column;justify-content: space-between;}

@media all and (max-width:760px) {
  #main .ytbSec {position: relative;padding: 13.333rem 0 23rem;}
  #main .ytbSec .titWrap {text-align: center;position: static;}
  #main .ytbSec .titWrap .ci {top: 7.5rem;left: 1.667rem;width: 15.167rem;}
  #main .ytbSec .titWrap h3 {font-size: 4.333rem;line-height: 6rem;}
  #main .ytbSec .titWrap p {font-size: 2.667rem;line-height: 4.333rem;padding-top: 2.5rem;}
  #main .ytbSec .titWrap .goBtn {bottom: 11.167rem;right: auto;left: 50%;width: 23.167rem;height: 6rem;font-size: 2.333rem;transform: translateX(-50%);}
  #main .ytbSec .ytbCard {flex-direction: column;gap: 1.667rem;margin-top: 5rem;}
  #main .ytbSec .ytbCard .card.card1 {width: 100%;}
  #main .ytbSec .ytbCard .card.card2 {width: 100%;flex-direction: row;}
  #main .ytbSec .ytbCard .card.card2 .img {width: calc(50% - 0.833rem);}
}


#main .interiorSec {background-color: #F8F4EF;padding: 15rem 0;}
#main .interiorSec .titWrap {text-align: center;}
#main .interiorSec .titWrap h4 {font-size: 2.4rem;font-weight: 700;color: #ED6D24;}
#main .interiorSec .titWrap h4 span {letter-spacing: 0.2em;}
#main .interiorSec .titWrap h3 {font-size: 5rem;font-weight: 700;padding-top: 3rem;}
#main .interiorSec .interiorWrap {position: relative;margin-top: 6rem;}
#main .interiorSec .interiorWrap .arrows {position: absolute;top: 50%;left: 50%;width: 6rem;height: 6rem;transform: translateY(-50%);background-color: #ED6D24;z-index: 10;display: flex;align-items: center;justify-content: center;}
#main .interiorSec .interiorWrap .arrows img {width: 1.15rem;height: auto;}
#main .interiorSec .interiorWrap .swiper-button-prev3 {margin-left: -27.083vw;}
#main .interiorSec .interiorWrap .swiper-button-next3 {margin-left: 23.958vw;}
#main .interiorSec .swiper-slide img {width: 100%;height: auto;}
#main .interiorSec .mySwiper3 {position: relative;}
#main .interiorSec .swiper-pagination3 {display: none;position: absolute;top: auto;bottom: 0;left: 50%;transform: translateX(-50%);width: auto;}
#main .interiorSec .swiper-pagination3 .swiper-pagination-bullet {background-color: #C3C3C3;opacity: 1;}
#main .interiorSec .swiper-pagination3 .swiper-pagination-bullet-active {background-color: #ED6D24;}

@media all and (max-width:760px) {
  #main .interiorSec {padding: 11.667rem 0;}
  #main .interiorSec .titWrap h4 {font-size: 2.667rem;}
  #main .interiorSec .titWrap h3 {font-size: 4.333rem;padding-top: 2.833rem;}
  #main .interiorSec .interiorWrap {width: calc(100% - 6.667rem);margin-top: 5rem;}
  #main .interiorSec .interiorWrap .arrows {display: none;}
  #main .interiorSec .mySwiper3 {padding-bottom: 4.667rem;}
  #main .interiorSec .swiper-pagination3 {display: block;}
}


#main .bannerSec {width: 100%;height: 60rem;background: url("../img/bannerSec_bg.jpg") no-repeat center / cover;color: #fff;display: flex;align-items: center;}
#main .bannerSec .titWrap {display: flex;flex-direction: column;align-items: center;text-align: center;}
#main .bannerSec .titWrap .ci {width: 7rem;}
#main .bannerSec .titWrap .ci img {width: 100%;height: auto;}
#main .bannerSec .titWrap h4 {font-size: 4.5rem;line-height: 5.8rem;font-weight: 700;padding-bottom: 1rem;padding-top: 3.5rem;}
#main .bannerSec .titWrap p {font-size: 2.2rem;line-height: 3.2rem;padding-top: 2.5rem;}

@media all and (max-width:760px) {
  #main .bannerSec {height: auto;background-image: url("../img/bannerSec_bg_mo.jpg");padding: 11.667rem 0;}
  #main .bannerSec .titWrap .ci {width: 6.833rem;}
  #main .bannerSec .titWrap h4 {font-size: 4.333rem;line-height: 6rem;padding-bottom: 0.833rem;padding-top: 4.167rem;}
  #main .bannerSec .titWrap p {font-size: 2.667rem;line-height: 4.333rem;}
}


.contactSec {display: flex;gap: 8rem;align-items: center;}
.contactSec > .img {width: 96rem;}
.contactSec > .img img {width: 100%;height: auto;}
.contactSec .contactInfo {width: 62rem;}
.contactSec .contactInfo .mapImg img {width: 100%;height: auto;}
.contactSec .contactInfo ul {padding-top: 4rem;}
.contactSec .contactInfo ul li {padding: 3rem 0;border-top: 1px solid rgba(34,34,34,0.2);}
.contactSec .contactInfo ul li:first-child {border-top: 0;padding-top: 0;}
.contactSec .contactInfo ul li .hWrap {display: flex;gap: 1.2rem;align-items: center;margin-bottom: 2rem;}
.contactSec .contactInfo ul li .hWrap .icon {width: 2.2rem;height: 2.2rem;}
.contactSec .contactInfo ul li .hWrap .icon img {width: 100%;height: auto;}
.contactSec .contactInfo ul li .hWrap h5 {font-size: 2.4rem;font-weight: 700;}
.contactSec .contactInfo ul li.info1 p {font-size: 2rem;font-weight: 500;}
.contactSec .contactInfo ul li.info2 p {font-size: 3.5rem;font-weight: 700;color: #ED6D24;}
.contactSec .contactInfo ul li.info3 .timeList {display: flex;flex-direction: column;gap: 1.2rem;}
.contactSec .contactInfo ul li.info3 .timeList .time {display: flex;align-items: center;font-size: 1.8rem;font-weight: 500;}
.contactSec .contactInfo ul li.info3 .timeList .time h5 {width: 6.1rem;}
.contactSec .contactInfo ul li.info3 .timeList .time p {margin-left: 2rem;}
.contactSec .contactInfo ul li.info3 .timeList .time .night {width: 6.5rem;height: 2.2rem;background-color: #ED6D24;border-radius: 5rem;font-size: 1.2rem;font-weight: 700;color: #fff;display: flex;align-items: center;justify-content: center;margin-left: 1rem;}

@media all and (max-width:1660px) {
  .contactSec .contactInfo {padding-right: 5rem;}
}

@media all and (max-width:760px) {
  .contactSec {flex-direction: column;gap: 7.5rem;margin-top: 11.667rem;}
  .contactSec > .img {width: 100%;}
  .contactSec .contactInfo {width: calc(100% - 6.667rem);padding-right: 0;}
  .contactSec .contactInfo ul {padding-top: 5rem;}
  .contactSec .contactInfo ul li {padding: 4.167rem 0;}
  .contactSec .contactInfo ul li .hWrap {gap: 1.667rem;margin-bottom: 2.5rem;}
  .contactSec .contactInfo ul li .hWrap .icon {width: 3rem;height: 3rem;}
  .contactSec .contactInfo ul li .hWrap h5 {font-size: 3rem;}
  .contactSec .contactInfo ul li.info1 p {font-size: 3rem;}
  .contactSec .contactInfo ul li.info2 p {font-size: 5rem;}
  .contactSec .contactInfo ul li.info3 {padding-bottom: 5rem;}
  .contactSec .contactInfo ul li.info3 .timeList .time {font-size: 2.667rem;min-height: 3.667rem;}
  .contactSec .contactInfo ul li.info3 .timeList .time h5 {width: 10rem;}
  .contactSec .contactInfo ul li.info3 .timeList .time p {margin-left: 2.5rem;}
  .contactSec .contactInfo ul li.info3 .timeList .time .night {width: 10.833rem;height: 3.667rem;font-size: 2rem;margin-left: 1.5rem;}
}


#prvc {min-height: 85vh;}
#prvc .inner {max-width: 1320px; margin: 0 auto; padding: 160px 0 100px;}
#prvc .pvTit {font-size: 24px; font-weight: bold; margin-bottom: 20px; border-left: 7px solid; padding-left: 12px;}
#prvc .pvBox {font-size: 15px; line-height: 1.4; padding: 30px 20px; border: 1px solid #ebebeb; border-radius: 10px; font-weight: 400;}

@media all and (max-width: 880px){
  #prvc {min-height: auto;}
  #prvc .inner {max-width: 90%; padding: 100px 0;}
  #prvc .pvTit {font-size: 18px; border-left: 6px solid; padding-left: 6px; margin-bottom: 15px}
  #prvc .pvBox {font-size: 13px; padding: 12px; line-height: 1.6;}
}


#footer {width: 100%;}
#footer .ftUtil {width: 100%;height: 6rem;background-color: #3E4246;}
#footer .ftUtil .inner {display: flex;height: 100%;align-items: center;gap: 5rem;}
#footer .ftUtil a {font-size: 1.6rem;font-weight: 700;color: #fff;}
#footer .ftInfo {background-color: #222527;color: #fff;padding: 5rem 0 6rem;}
#footer .ftInfo .inner {display: flex;align-items: end;justify-content: space-between;}
#footer .ftInfo .left p {font-size: 1.6rem;font-weight: 500;}
#footer .ftInfo .left p.company {font-size: 2rem; font-weight: 600; margin-bottom: 1.5rem;}
#footer .ftInfo .left .pWrap {display: flex;gap: 2rem;margin-top: 1.5rem;}
#footer .ftInfo .left address {font-size: 1.6rem;font-weight: 500;margin-top: 3.5rem;}
#footer .ftInfo .ftLogo {margin-bottom: 2.1rem;}
#footer .ftInfo .ftLogo a {display: block;width: 23.1rem;}
#footer .ftInfo .ftLogo a img {width: 100%;height: auto;}

@media all and (max-width:760px) {
  #footer .ftUtil {height: 7.5rem;}
  #footer .ftUtil a {font-size: 2.5rem;}
  #footer .ftInfo {padding: 5rem 0 7.5rem;}
  #footer .ftInfo .inner {flex-direction: column;align-items: start;justify-content: start;}
  #footer .ftInfo .left p {font-size: 2.333rem;}
  #footer .ftInfo .left .pWrap {flex-wrap: wrap;gap: 2rem 3.333rem;margin-top: 2rem;}
  #footer .ftInfo .left address {font-size: 2.333rem;margin-top: 4.167rem;}
  #footer .ftInfo .ftLogo {margin-bottom: 4.167rem;}
  #footer .ftInfo .ftLogo a {width: 28rem;}
}