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

body {position: relative;font-family: "Pretendard";color: #000;-webkit-text-size-adjust: none;-webkit-overflow-scrolling:touch;overflow-x:hidden;}
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", sans-serif;}
.clear:after{display:block;content:"";clear:both;}

.innerWrapper {width: 1440px;margin: 0 auto;}

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

@media all and (max-width:760px) {
  .innerWrapper {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;}
}


@keyframes blinkEffect {
  0% {
      opacity: 1;
  }
  50% {
      opacity: 0.6;
  }
  100% {
      opacity: 1;
  }
}

.landing .container {display: flex;}
.landing .container .splitPane {position: relative;width: 50%;height: 100vh;}
.landing .container .splitPane .topLogoArea {position: absolute;top: 4.6vh;left: 0;width: 100%;height: 7.5rem;display: flex;align-items: center;justify-content: center;}
.landing .container .splitPane .modelImg {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.landing .container .splitPane .modelImg img {height:100%;width:auto;}
.landing .container .splitPane .modelImg img.img2 {display: none;}
.landing .container .splitPane .bgHugeText {position: absolute;top: 20vh;left: 50%;transform: translateX(-50%);font-size: 10.677vw;font-weight: 900;width: 100%;text-align: center;display: flex;justify-content: center;gap: 17rem;width: 100%;}
.landing .container .splitPane .txtBox {position: absolute;bottom: 26.2vh;left: 50%;width: 42.813vw;height: 17.3rem;border-radius: 1.8rem;transform: translateX(-50%);text-align: center;display: flex;flex-direction: column;gap: 1.1rem;justify-content: center;}
.landing .container .splitPane .txtBox strong {display: block;font-size: 2.292vw;font-weight: 800;}
.landing .container .splitPane .txtBox p {font-size: 1.25vw;font-weight: 500;}
.landing .container .splitPane .btn {position: absolute;bottom: 16.5vh;left: 50%;width: 29.6rem;height: 6.4rem;transform: translateX(-50%);display: flex;align-items: center;justify-content: center;color: #fff;font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-size: 2rem;animation: blinkEffect 1.5s infinite ease-in-out;}
.landing .container .splitPane .btn:hover {animation-play-state: paused;opacity: 1;}
.landing .container .splitPane .btn strong {font-weight: 700;}
.landing .container .splitPane .btn .plus {width: 1.5rem;height: 1.5rem;}
.landing .container .splitPane .btn .plus img {width: 100%;height: auto;}
.landing .container .leftPane {background-color: #E4E4E4;}
.landing .container .leftPane .topLogoArea .logo {width: 29rem;}
.landing .container .leftPane .topLogoArea .logo img {width: 100%;height: auto;}
.landing .container .leftPane .modelImg {height: 89.62962962963%;}
.landing .container .leftPane .bgHugeText {color: #6F6F6F;}
.landing .container .leftPane .txtBox {background-color: rgba(14,43,76,0.97);color: #fff;}
.landing .container .leftPane .btn {background-color: #276AB8;gap: 0.5rem;}
.landing .container .rightPane {background-color: #7C7C7C;}
.landing .container .rightPane .topLogoArea .logo {font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-size: 3rem;color: #fff;font-weight: 700;}
.landing .container .rightPane .topLogoArea .logo span {letter-spacing: 0.15em;}
.landing .container .rightPane .modelImg {height: 90.37037037037%;}
.landing .container .rightPane .bgHugeText {color: #fff;}
.landing .container .rightPane .txtBox {background-color: rgba(255,255,255,0.97);}
.landing .container .rightPane .btn {background-color: #F08D1D;gap: 1.9rem;}

@media all and (max-width:1280px) {
  .landing .container {flex-direction: column;}
  .landing .container .splitPane {width: 100%;height: 100svh;min-height: 600px;}
  .landing .container .splitPane .bgHugeText {font-size: 15vw;gap: 25rem;width: 100%;}
}

@media all and (max-width:760px) {
  .landing .container .splitPane .bgHugeText {font-size: 20.267vw;gap: 18vw;}
  .landing .container .splitPane .txtBox {bottom: 16vw;width: 85.867vw;height: 30.4vw;border-radius: 1.5rem;gap: 1.667rem;}
  .landing .container .splitPane .txtBox strong {font-size: 6.4vw;}
  .landing .container .splitPane .txtBox p {font-size: 4.267vw;}
  .landing .container .splitPane .btn {bottom: 0;width: 100%;height: 10.667rem;font-size: 4.167rem;}
}

@media all and (max-width:550px) {
  .landing .container .splitPane .bgHugeText {font-size: 18vw;gap: 28vw;}
  .landing .container .splitPane .txtBox {bottom: 20vw;}
}


#quickMenu {position:fixed;top:50%;right:0;z-index:100;transform: translateY(-50%);background-color: #5CA7FF;border-radius: 5.2rem 0 0 5.2rem;width: 10.4rem;padding: 7rem 0;display: block;}
#quickMenu .menuWrap {display: flex;flex-direction: column;gap: 6.1rem;}
#quickMenu .menuWrap li a {display: block;}
#quickMenu .menuWrap li a .icon {display: block;margin: 0 auto;}
#quickMenu .menuWrap li a .icon img {width: 100%;height: auto;}
#quickMenu .menuWrap li.li1 a .icon {width: 3.2rem;height: 2.95rem;}
#quickMenu .menuWrap li.li2 a .icon {width: 2.9rem;height: 3.25rem;}
#quickMenu .menuWrap li.li3 a .icon {width: 3.25rem;height: 3.25rem;}
#quickMenu .menuWrap li.li4 a .icon {width: 3.3rem;height: 3.3rem;}
#quickMenu .menuWrap li a p {font-size: 1.4rem;font-weight: 500;text-align: center;color: #fff;padding-top: 0.6rem;}

@media all and (max-width:760px) {
  #quickMenu {display: none;right:3.333rem;border-radius: 10rem;width: 13rem;padding: 6rem 0;top: auto;transform: translateY(0);bottom: 31rem;}
  #quickMenu .menuWrap {gap: 6.5rem;}
  #quickMenu .menuWrap li.li1 a .icon {width: 5.333rem;height: 4.9rem;}
  #quickMenu .menuWrap li.li2 a .icon {width: 4.823rem;height: 5.35rem;}
  #quickMenu .menuWrap li.li3 a .icon {width: 5.387rem;height: 5.387rem;}
  #quickMenu .menuWrap li.li4 a .icon {width: 5.42rem;height: 5.42rem;}
  #quickMenu .menuWrap li a p {font-size: 2.333rem;padding-top: 1rem;}
}


.moMoreBtn {width: 13rem;height: 13rem;position: fixed;bottom: 16rem;right: 3.333rem;border-radius: 10rem;background-color: #5CA7FF;z-index: 100;display: none;align-items: center;justify-content: center;}
.moMoreBtn .dotWrap {display: flex;gap: 6px;}
.moMoreBtn .dotWrap .dot {width: 7px;height: 7px;border-radius: 10px;background-color: #fff;}
.moMoreBtnBg {position: fixed;bottom: 16rem;right: 3.333rem;width: 13rem;height: 13rem;border-radius: 10rem;background-color: #5CA7FF;filter: blur(5px);z-index: 99;display: none;}
.topBtn {width: 13rem;height: 13rem;position: fixed;bottom: 1.667rem;right: 3.333rem;border-radius: 10rem;background-color: rgba(255, 255, 255, 0.1);backdrop-filter: blur(30px) brightness(1.1);-webkit-backdrop-filter: blur(30px) brightness(1.2);display: none;align-items: center;justify-content: center;z-index: 100;}
.topBtn .icon {width: 3.417rem;height: 4.25rem;display: block;}
.topBtn .icon img {width: 100%;height: auto;}

@media all and (max-width:760px) {
  .moMoreBtn {display: flex;}
  .moMoreBtnBg {display: block;}
  .topBtn {display: flex;}
}


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

#header {position:fixed;top:0;left:0;width:100%;height:11.6rem;z-index:100;}
#header::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255,255,255,0.5);filter: blur(4px);}
#header .hdArea {display:flex;align-items:center;width:calc(100% - 12.4rem);height:100%;margin:0 auto;position: relative;z-index: 10;justify-content: space-between;}
#header .hdArea .hdLogo a {display:block;}
#header .hdArea .hdLogo a img {width:26.9rem;height:auto;}
#header .hdArea .hdWrapper {display: flex;justify-content: space-between;gap: 15rem;margin-right: 17.8rem;}
#header .hdArea .hdWrapper .gnbWrap {position: relative;display:flex;align-items:center;height: 6.7rem;padding: 0 6rem;}
#header .hdArea .hdWrapper .gnbWrap::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(92,167,255,0.97);filter: blur(5px);border-radius: 5rem;}
#header .hdArea .hdWrapper .gnbWrap ul {display:flex;gap:6rem;position: relative;z-index: 10;}
#header .hdArea .hdWrapper .gnbWrap ul li a {display:block;font-size:2.4rem;text-align:center;font-weight: 500;color: #fff;}
#header .hdArea .hdWrapper .landingBtn {position: relative;display:flex;align-items:center;height: 6.7rem;padding: 0 6rem;}
#header .hdArea .hdWrapper .landingBtn span {position: relative;font-size: 2.4rem;font-weight: 500;color: #fff;z-index: 10;}
#header .hdArea .hdWrapper .landingBtn::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(92,167,255,0.97);filter: blur(5px);border-radius: 10rem;}
#header .hdArea .moMenuBtn {width: 22px;height: 18px;display: none;}
#header .hdArea .moMenuBtn img {width: 100%;height: auto;}
#header .hdArea .moBox {position:fixed;width:100%;height:100%;top:0;right:0;background:rgba(0,0,0,0.6);z-index:101;display:none;}
#header .hdArea .moBox.act {display: block;}
#header .hdArea .moMenuWrap {position: relative;background:#5CA7FF;width:59.2%;position:fixed;top:0;right: -100%;height:100%;transition:0.4s;z-index:102;opacity: 0;}
#header .hdArea .moMenuWrap.act {right:0;opacity:1;box-shadow: -2px 2px 6px rgba(0,0,0,0.16);}
#header .hdArea .moMenuWrap .moCloseBtn {width:25px;height:15px;position:absolute;top:20px;right:20px;z-index: 10;}
#header .hdArea .moMenuWrap .moCloseBtn img {width:100%;height:auto;}
#header .hdArea .moMenuWrap .moCloseBtn img.on {display:none;}
#header .hdArea .moMenuWrap .moSlide .menuList {padding-left:25px;margin-top:63px;}
#header .hdArea .moMenuWrap .moSlide .menuList li {display:flex;align-items:center;border-top: 1px solid #fff;width: calc(100% - 57px);}
#header .hdArea .moMenuWrap .moSlide .menuList li:first-child {margin-top:0;border-top: 0;}
#header .hdArea .moMenuWrap .moSlide .menuList li a {display:block;padding:20px 0;font-size:24px;color:#fff;font-weight:500;}

@media all and (max-width:1700px) {
  #header .hdArea .hdWrapper {gap: 10rem;margin-right: 0;}
}

@media all and (max-width:1560px) {
  #header .hdArea {width:94%;}
  #header .hdArea .hdWrapper {gap: 2rem;}
  #header .hdArea .hdWrapper .gnbWrap ul {gap:3rem;}
}

@media all and (max-width:1280px) {
  #header .hdArea .hdWrapper .gnbWrap {padding: 0 3rem;}
  #header .hdArea .hdWrapper .landingBtn {padding: 0 3rem;}
}

@media all and (max-width:760px) {
  #header {height:10.833rem;}
  #header .hdArea {width:calc(100% - 6.667rem);}
  #header .hdArea .hdLogo a img {width:26.667rem;}
  #header .hdArea .hdWrapper {display: none;}
  #header .hdArea .moMenuBtn {display: block;}
}


#main {position: relative;overflow: hidden;}
#main article {overflow: hidden;}

@keyframes floating {
  0% { transform: translateY(0); }
  50% { transform: translateY(-5rem); }
  100% { transform: translateY(0); }
}

.objet {position: absolute;z-index: -1;animation-name: floating;animation-timing-function: ease-in-out;animation-iteration-count: infinite;}
.objet img {width: 100%;height: auto;}
.objet1 {width: 97.85rem;height: 97.45rem;top: -2rem;left: -63.5rem;animation-duration: 6s;animation-delay: 0s;}
.objet2 {width: 54.1rem;height: 48.8rem;top: 20rem;left: 50%;margin-left: -42rem;animation-duration: 5s;animation-delay: 1s;}
.objet3 {width: 124.7rem;height: 116.7rem;top: -70rem;right: -49rem;animation-duration: 7s;animation-delay: 0.5s;}
.objet4 {width: 125.1rem;height: 125.1rem;top: 37rem;right: -25rem;animation-duration: 5.5s;animation-delay: 2s;}
.objet5 {width: 77.4rem;height: 77.7rem;top: 24rem;left: -17rem;animation-duration: 6.5s;animation-delay: 1.5s;}
.objet6 {width: 122.3rem;height: 121.1rem;top: 50%;right: -7rem;margin-top: -65rem;animation-duration: 8s;animation-delay: 0.2s;}

@media all and (max-width:760px) {
  .objet1 {width: 50rem;height: auto;top: 90rem;left: -30rem;aspect-ratio: 97.85 / 94.45;}
  .objet2 {width: 60rem;height: auto;top: 0;left: -30rem;margin-left: 0;aspect-ratio: 54.1 / 48.8;}
  .objet3 {width: 40rem;height: auto;top: -10rem;right: -15rem;aspect-ratio: 124.7 / 116.7;}
  .objet4 {width: 80rem;height: auto;top: 65rem;right: -40rem;aspect-ratio: 125.1 / 125.1;}
  .objet5 {width: 60rem;height: auto;top: 45rem;left: -30rem;aspect-ratio: 77.4 / 77.7;}
  .objet6 {width: 90rem;height: auto;top: 50%;right: -46rem;margin-top: -175rem;aspect-ratio: 122.3 / 121.1;}
}


.heroAtc { width: 100%;}
.heroAtc .heroCont {padding: 41.3rem 0 23.8rem;position: relative;z-index: 10;width: fit-content;}
.heroAtc .heroCont .heroTit { font-size: 4.8rem; line-height: 6.2rem; font-weight: 600; margin-bottom: 3rem;}
.heroAtc .heroCont .heroTit span {display: block;color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;
background-clip: text;}
.heroAtc .heroCont .heroTit strong {font-weight: 800;color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;}
.heroAtc .heroCont .heroTit .flexBox {display: flex;gap: 1.3rem;}
.heroAtc .heroCont .heroDesc { font-size: 1.8rem; line-height: 2.8rem;font-weight: 500; }
.heroAtc .heroCont .heroDesc strong {font-weight: 700;color: #276AB8;}

@media all and (max-width:760px) {
  .heroAtc .heroCont {text-align: center;margin: 0 auto;padding: 24.167rem 0 33.333rem;}
  .heroAtc .heroCont .heroTit {font-size: 4.667rem; line-height: 6rem;margin-bottom: 3.333rem;}
  .heroAtc .heroCont .heroTit .flexBox {justify-content: center;}
  .heroAtc .heroCont .heroDesc {font-size: 3rem; line-height: 4.333rem;}
}


.mktAtc {padding-top: 14.2rem;position: relative;z-index: 10;}
.mktSec .secHd {text-align: center;}
.mktSec .secHd .subTit {font-size: 4rem;font-weight: 700;line-height: 5.2rem;padding-bottom: 3rem;}
.mktSec .secHd .subTit strong {color: #686868;font-weight: 700;}
.mktSec .secHd .mainTit {font-size: 6rem;font-weight: 800;}
.mktSec .secHd .mainTit strong {color: #276AB8;font-weight: 800;}
.mktSec .cardList {position: relative;height: 23.2rem;margin-top: 6.2rem;}
.mktSec .cardList .card {position: absolute;border: 1px solid #D7D7D7;box-sizing: border-box;display: flex;flex-direction: column;font-size: 1.8rem;gap: 0.5rem;padding: 1.9rem 0;width: fit-content;background-color: #fff;background-color: rgba(255, 255, 255, 0.1);backdrop-filter: blur(30px) brightness(1.5);-webkit-backdrop-filter: blur(30px) brightness(1.5);border-radius: 10rem;overflow: hidden;}
.mktSec .cardList .card strong {font-weight: 700;}
.mktSec .cardList .card.c1 {padding-inline: 4.1rem;top: 0;left: 22.083vw;z-index: 2;}
.mktSec .cardList .card.c2 {padding-inline: 3.9rem;top: 7.6rem;right: 19.479vw;z-index: 1;}
.mktSec .cardList .card.c3 {padding-left: 3.1rem;padding-right: 3.8rem;top: 14.8rem;left: 19.323vw;}
.mktSec .btmText {font-size: 3.4rem;text-align: center;font-weight: 600;padding-top: 7rem;}
.mktSec .secHd .gsapTg {background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;}
.mktSec .secHd .subTit .gsapTg1 {color: rgba(104, 104, 104, 0.3);background-image: linear-gradient(to right, #686868, #686868);}
.mktSec .secHd .subTit .gsapTg2 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.mktSec .secHd .mainTit .gsapTg3 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.mktSec .secHd .mainTit .gsapTg4 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}

@media all and (max-width:760px) {
  .mktAtc {padding-top: 11rem;}
  .mktSec .secHd .subTit {font-size: 3rem;line-height: 4.333rem;padding-bottom: 3.333rem;}
  .mktSec .secHd .mainTit {line-height: 8rem;}
  .mktSec .cardList {height: auto;margin-top: 5rem;}
  .mktSec .cardList .card {position: static;font-size: 3rem;gap: 0.833rem;padding: 3rem 0;width: 100%;border-radius: 20rem;margin-top: 3.333rem;}
  .mktSec .cardList .card p {line-height: 4.333rem;}
  .mktSec .cardList .card.c1, .mktSec .cardList .card.c2, .mktSec .cardList .card.c3 {padding-inline: 6.833rem;}
  .mktSec .cardList .card.c1 {margin-top: 0;}
  .mktSec .btmText {font-size: 4rem;line-height: 5.333rem;padding-top: 5rem;}
}


.synergySec {padding-top: 13.7rem;padding-bottom: 27.7rem;}
.synergySec .innerWrapper {display: flex;justify-content: space-between;}
.synergySec .textWrapper {padding-left: 3.7rem;padding-top: 38.4rem;}
.synergySec .textWrapper .brandLabel {font-size: 3rem;font-weight: 700;color: #5CA7FF;}
.synergySec .textWrapper .synergyTit {font-size: 6rem;line-height: 7.5rem;font-weight: 700;padding-top: 2rem;}
.synergySec .textWrapper .synergyTit strong {font-weight: 700;color: #276AB8;}
.synergySec .textWrapper .synergyDesc {font-size: 1.8rem;line-height: 2.8rem;padding-top: 3rem;}
.synergySec .cardGrid {display: flex;gap: 3rem;margin-right: -6.2rem;}
.synergySec .cardGrid > div {display: flex;flex-direction: column;gap: 3rem;}
.synergySec .cardGrid .rightCard {margin-top: 30rem;}
.synergySec .cardGrid .synergyCard {position: relative;width: 35rem;height: 27rem;border-radius: 2.2rem;border: 1px solid #D7D7D7;box-sizing: border-box;box-shadow: 0 3px 6px rgba(0,0,0,0.16);transition: border 0.5s;background-color: rgba(255, 255, 255, 0.1);backdrop-filter: blur(30px) brightness(1.5);-webkit-backdrop-filter: blur(30px) brightness(1.5);overflow: hidden;}
.synergySec .cardGrid .synergyCard .cardTit {position: relative;z-index: 1;padding-top: 3.8rem;padding-left: 3.6rem;transition: 0.5s;}
.synergySec .cardGrid .synergyCard .cardTit .cardSub {font-size: 1.8rem;}
.synergySec .cardGrid .synergyCard .cardTit .cardMain {font-size: 3.2rem;font-weight: 700;padding-top: 1rem;}
.synergySec .cardGrid .synergyCard .icon {position: absolute;bottom: 4.5rem;right: 5rem;aspect-ratio: 1/1;z-index: 1;}
.synergySec .cardGrid .synergyCard .icon img {width: 100%;height: auto;}
.synergySec .cardGrid .synergyCard .icon img.on {display: none;}
.synergySec .cardGrid .cardType1 .icon {width: 6.95rem;}
.synergySec .cardGrid .cardType2 .icon {width: 7.25rem;}
.synergySec .cardGrid .cardType3 .icon {width: 6.95rem;height: 6.75rem;}
.synergySec .cardGrid .cardType4 .icon {width: 7.85rem;height: 7.45rem;}
.synergySec .cardGrid .synergyCard::after {content: '';position: absolute;top: 0; left: 0;background-repeat: no-repeat;background-position: center;background-size: cover;width: 100%;height: 100%;opacity: 0;transition: 0.5s;}
.synergySec .cardGrid .synergyCard.cardType1::after {background-image: url("../a_img/synergySec_card_bg1_on.png");}
.synergySec .cardGrid .synergyCard.cardType2::after {background-image: url("../a_img/synergySec_card_bg2_on.png");}
.synergySec .cardGrid .synergyCard.cardType3::after {background-image: url("../a_img/synergySec_card_bg3_on.png");}
.synergySec .cardGrid .synergyCard.cardType4::after {background-image: url("../a_img/synergySec_card_bg4_on.png");}
.synergySec .textWrapper .synergyTit .gsapTg {background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;}
.synergySec .textWrapper .synergyTit .flexBox {display: flex;}
.synergySec .textWrapper .synergyTit .gsapTg1 {margin-right: 1.3rem;color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.synergySec .textWrapper .synergyTit .gsapTg2 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.synergySec .textWrapper .synergyTit .gsapTg3 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.synergySec .textWrapper .synergyTit .gsapTg4 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}

@media all and (max-width:1560px) {
  .synergySec .textWrapper {padding-left: 0;}
  .synergySec .cardGrid {gap: 1rem;}
  .synergySec .cardGrid > div {gap: 1rem;}
  .synergySec .cardGrid .synergyCard {width: 30rem;height: 27rem;}
  .synergySec .cardGrid .rightCard {margin-top: 28rem;}
}

@media (min-width: 761px) {
  .synergySec .cardGrid .synergyCard:hover {border: 1px solid rgba(255, 255, 255, 0);}
  .synergySec .cardGrid .synergyCard:hover .cardTit {color: #fff;}
  .synergySec .cardGrid .synergyCard:hover .icon img.off {display: none;}
  .synergySec .cardGrid .synergyCard:hover .icon img.on {display: block;}
  .synergySec .cardGrid .synergyCard:hover::after {opacity: 1;}
}

@media all and (max-width:760px) {
  .synergySec {padding-top: 14.833rem;padding-bottom: 24.5rem;}
  .synergySec .innerWrapper {display: block;}
  .synergySec .textWrapper {padding-top: 0;}
  .synergySec .textWrapper .synergyTit {line-height: 8rem;padding-top: 3.333rem;}
  .synergySec .textWrapper .synergyDesc {font-size: 3rem;line-height: 4.667rem;padding-top: 3.333rem;}
  .synergySec .cardGrid {display: block;margin-right: 0;margin-top: 5rem;}
  .synergySec .cardGrid > div {gap: 3.333rem;}
  .synergySec .cardGrid .rightCard {margin-top: 3.333rem;}
  .synergySec .cardGrid .synergyCard {width: 100%;height: 26.667rem;border-radius: 3.667rem;}
  .synergySec .cardGrid .synergyCard .cardTit {padding-top: 4rem;padding-left: 5rem;}
  .synergySec .cardGrid .synergyCard .cardTit .cardSub {font-size: 3rem;}
  .synergySec .cardGrid .synergyCard .cardTit .cardMain {font-size: 5.333rem;padding-top: 1.6rem;}
  .synergySec .cardGrid .synergyCard .icon {bottom: 3.5rem;right: 4rem;aspect-ratio: 1/1;z-index: 1;}
  .synergySec .cardGrid .cardType1 .icon {width: 10.167rem;}
  .synergySec .cardGrid .cardType2 .icon {width: 10.167rem;}
  .synergySec .cardGrid .cardType3 .icon {width: 10.167;}
  .synergySec .cardGrid .cardType4 .icon {width: 10.5rem;height: 10rem;}
  .synergySec .cardGrid .synergyCard.active {border: 1px solid transparent;backdrop-filter: none;}
  .synergySec .cardGrid .synergyCard.active .cardTit {color: #fff;}
  .synergySec .cardGrid .synergyCard.active .icon img.off {display: none;}
  .synergySec .cardGrid .synergyCard.active .icon img.on {display: block;}
  .synergySec .cardGrid .synergyCard.active::after {opacity: 1;}
  .synergySec .cardGrid .synergyCard.cardType1::after {background-image: url("../a_img/synergySec_card_bg1_on_mo.png");}
  .synergySec .cardGrid .synergyCard.cardType2::after {background-image: url("../a_img/synergySec_card_bg2_on_mo.png");}
  .synergySec .cardGrid .synergyCard.cardType3::after {background-image: url("../a_img/synergySec_card_bg3_on_mo.png");}
  .synergySec .cardGrid .synergyCard.cardType4::after {background-image: url("../a_img/synergySec_card_bg4_on_mo.png");}
}


.diffSec .secHd {width: 1504px;margin: 0 auto 2rem;}
.diffSec .secHd .secLabel {text-align: left;font-size: 3rem;font-weight: 700;color: #5CA7FF;padding-left: 6.9rem;}
.diffSec .comparisonWrapper {display: flex;flex-direction: column;gap: 4rem;width: 1504px;margin: 0 auto;position: relative;z-index: 11;}
.diffSec .comparisonWrapper .compCard {border-radius: 100rem;display: flex;align-items: center;justify-content: center;position: relative;border: 1px solid #D7D7D7;box-sizing: border-box;gap: 6.8rem;width: 1366px;margin: 0 auto;height: 27.2rem;overflow: hidden;background-color: rgba(255, 255, 255, 0.1);backdrop-filter: blur(30px) brightness(1.5);-webkit-backdrop-filter: blur(30px) brightness(1.5);}
.diffSec .comparisonWrapper .compCard .compTit {font-size: 3.2rem;font-weight: 700;font-family: 'Spoqa Han Sans Neo', 'sans-serif';position: relative;z-index: 1;}
.diffSec .comparisonWrapper .compCard .processSteps {display: flex;gap: 5.7rem;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem {position: relative;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem::before {content: '';position: absolute;top: 2.1rem;left: -5.7rem;width: 5.7rem;height: 1px;border-top: 1px dashed #7C7C7C;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem::after {content: '';position: absolute;top: 1.3rem;left: -3.3rem;width: 1rem;height: 1.7rem;background: url("../a_img/diffSec_arrow2.png") no-repeat center / cover;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem1::before,
.diffSec .comparisonWrapper .compCard .processSteps .stepItem1::after {display: none;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem .stepBadge {display: flex;align-items: center;font-size: 2.4rem;font-weight: 700;color: #fff;background-color: #7C7C7C;height: 4.3rem;border-radius: 5rem;justify-content: center;margin: 0 auto;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem .stepDesc {font-size: 1.8rem;line-height: 2.8rem;text-align: center;padding-top: 3rem;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem1 .stepBadge {width: 23rem;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem2 .stepBadge {width: 28rem;color: #000;background-color: #fff;border: 1px solid #D7D7D7;box-sizing: border-box;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem3 {margin-left: -1.4rem;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem3::before {left: -4.2rem;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem3::after {left: -1.8rem;}
.diffSec .comparisonWrapper .compCard .processSteps .stepItem3 .stepBadge {width: 20.1rem;}
.diffSec .comparisonWrapper .compCard.cindy {gap: 11.8rem;width: 100%;height: 29.9rem;}
.diffSec .comparisonWrapper .compCard.cindy .processSteps {gap: 6.8rem;}
.diffSec .comparisonWrapper .compCard.cindy .compTit {color: #5CA7FF;}
.diffSec .comparisonWrapper .compCard.cindy .processSteps .stepItem::before {left: -6.8rem;width: 6.8rem;border-top: 1px dashed #D7D7D7;}
.diffSec .comparisonWrapper .compCard.cindy .processSteps .stepItem::after {left: -3.7rem;background-image: url("../a_img/diffSec_arrow1.png");}
.diffSec .comparisonWrapper .compCard.cindy .processSteps .stepItem1 .stepBadge {background-color: #5CA7FF;}
.diffSec .comparisonWrapper .compCard.cindy .processSteps .stepItem2 .stepBadge {width: 25.7rem;}
.diffSec .comparisonWrapper .compCard.cindy .processSteps .stepItem3 {margin-left: -3.2rem;}
.diffSec .comparisonWrapper .compCard.cindy .processSteps .stepItem3::before {left: -3.6rem;}
.diffSec .comparisonWrapper .compCard.cindy .processSteps .stepItem3::after {left: -0.5rem;}
.diffSec .comparisonWrapper .compCard.cindy .processSteps .stepItem3 .stepBadge {width: 13.7rem;background-color: #5CA7FF;}

.mySwiper6 {z-index: 100;}

@media all and (max-width:1560px) {
  .diffSec .secHd {width: 94%;}
  .diffSec .comparisonWrapper {width: 94%;}
  .diffSec .comparisonWrapper .compCard {width: 100%;}
}

@media all and (max-width:1440px) {
  .diffSec .secHd .secLabel {text-align: center;padding-left: 0;}
  .diffSec .comparisonWrapper .compCard {flex-direction: column;height: auto;gap: 2rem;padding: 5rem 0;}
  .diffSec .comparisonWrapper .compCard.cindy {height: auto;gap: 2rem;}
}

@media all and (max-width:760px) {
  .mySwiper6 {width: calc(100% - 6.667rem);max-width: 400px;}
  .diffSec .secHd {margin-bottom: 5rem;width: calc(100% - 6.667rem);}
  .diffSec .comparisonWrapper {gap: 0;flex-direction: row;width: 100%;}
  .diffSec .comparisonWrapper .compCard {gap: 5rem;padding: 15.833rem 0;border-radius: 70rem;}
  .diffSec .comparisonWrapper .compCard .compTit {font-size: 4.667rem;text-align: center;line-height: 6rem;}
  .diffSec .comparisonWrapper .compCard .processSteps {flex-direction: column;}
  .diffSec .comparisonWrapper .compCard .processSteps .stepItem::before, .diffSec .comparisonWrapper .compCard .processSteps .stepItem::after {display: none;}
  .diffSec .comparisonWrapper .compCard .processSteps .stepItem .stepBadge {font-size: 4rem;height: 7.167rem;}
  .diffSec .comparisonWrapper .compCard .processSteps .stepItem .stepDesc {font-size: 3rem;line-height: 4.667rem;padding-top: 3.333rem;}
  .diffSec .comparisonWrapper .compCard .processSteps .stepItem1 .stepBadge {width: 38.333rem;}
  .diffSec .comparisonWrapper .compCard .processSteps .stepItem2 .stepBadge {width: 46.667rem;}
  .diffSec .comparisonWrapper .compCard .processSteps .stepItem3 {margin-left: 0;}
  .diffSec .comparisonWrapper .compCard .processSteps .stepItem3 .stepBadge {width: 33.5rem;}
  .diffSec .comparisonWrapper .compCard.cindy {gap: 5rem;height: auto;padding: 12.167rem 0 15.833rem;}
  .diffSec .comparisonWrapper .compCard.cindy .compTit {font-size: 6rem;line-height: 8rem;}
  .diffSec .comparisonWrapper .compCard.cindy .processSteps {gap: 6.667rem;}
  .diffSec .comparisonWrapper .compCard.cindy .compTit {color: #5CA7FF;}
  .diffSec .comparisonWrapper .compCard.cindy .processSteps .stepItem2 .stepBadge {width: 42.833rem;}
  .diffSec .comparisonWrapper .compCard.cindy .processSteps .stepItem3 {margin-left: 0;}
  .diffSec .comparisonWrapper .compCard.cindy .processSteps .stepItem3 .stepBadge {width: 22.833rem;}
}


@keyframes spinArc {
  0% {
    transform: translateX(-50%) rotate(0deg);
  }
  100% {
    transform: translateX(-50%) rotate(360deg);
  }
}

.diffSec .arcCont {position: relative;width: 1560px;height: 820px;margin: -16rem auto 0;overflow: hidden;}
.diffSec .arcCont .dashedArc {position: absolute;bottom: 2rem;left: 50%;width: 100%;aspect-ratio: 1/1;background: url("../a_img/arcCont_cc.png") no-repeat center / contain;animation: spinArc 30s linear infinite;}
.diffSec .arcCont::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;height: 12.4rem;background: url("../a_img/arcCont_bar.png") no-repeat center / cover;z-index: 10;}
.diffSec .arcCont .centerMessage {position: absolute;bottom: 15.625vw;left: 50%;transform: translateX(-50%);text-align: center;z-index: 11;}
.diffSec .arcCont .centerMessage .centerSub {font-size: 3.2rem;font-weight: 700;}
.diffSec .arcCont .centerMessage .centerSub strong {font-weight: 700;color: #5CA7FF;}
.diffSec .arcCont .centerMessage .centerMain {font-size: 6rem;line-height: 7.5rem;padding-top: 2rem;}
.diffSec .arcCont .centerMessage .centerMain strong {font-weight: 700;color: #276AB8;}
.diffSec .arcCont .centerMessage .centerDesc {font-size: 1.8rem;padding-top: 3rem;}
.diffSec .arcCont .centerMessage .centerMain .gsapTg {background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;}
.diffSec .arcCont .centerMessage .centerMain .gsapTg1 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.diffSec .arcCont .centerMessage .centerMain .gsapTg2 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.diffSec .arcCont .node {position: absolute;width: 15rem;height: 15rem;font-size: 2.8rem;font-weight: 700;color: #fff;text-align: center;}
.diffSec .arcCont .node span {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;transition: opacity 0.5s;width: 100%;}
.diffSec .arcCont .node span.on {opacity: 0;}
.diffSec .arcCont .node::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #5CA7FF;filter: blur(5px);border-radius: 10rem;}
.diffSec .arcCont .node:hover span.off {opacity: 0;}
.diffSec .arcCont .node:hover span.on {opacity: 1;}
.diffSec .arcCont .node.n1 {top: 25rem;left: 5rem;}
.diffSec .arcCont .node.n2 {top: 53rem;left: 28rem;}
.diffSec .arcCont .node.n3 {bottom: 1rem;left: 50%;transform: translateX(-50%);}
.diffSec .arcCont .node.n4 {top: 53rem;right: 28rem;}
.diffSec .arcCont .node.n5 {top: 25rem;right: 5rem;}

.bottomPunchline {text-align: center;font-family: 'Spoqa Han Sans Neo', 'sans-serif';padding-top: 6.5rem;}
.bottomPunchline .punchlineTit {font-size: 6rem;line-height: 7.5rem;font-weight: 700;}
.bottomPunchline .punchlineTit strong {font-weight: 700;color: #276AB8;}
.bottomPunchline .punchlineDesc {font-size: 1.8rem;padding-top: 2rem;}
.bottomPunchline .punchlineTit .gsapTg {background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;}
.bottomPunchline .punchlineTit .flexBox {display: flex;justify-content: center;}
.bottomPunchline .punchlineTit .flexBox2 {gap: 1.3rem;}
.bottomPunchline .punchlineTit .gsapTg1 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.bottomPunchline .punchlineTit .gsapTg2 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.bottomPunchline .punchlineTit .gsapTg3 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.bottomPunchline .punchlineTit .gsapTg4 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}

@media all and (max-width:1560px) {
  .diffSec .arcCont {width: 94%;height: auto;aspect-ratio: 1560 / 820;}
  .diffSec .arcCont .node.n1 {top: 13.021vw;left: 2.604vw;}
  .diffSec .arcCont .node.n2 {top: 30.5vw;left: 16vw;}
  .diffSec .arcCont .node.n3 {bottom: 0.521vw;left: 50%;transform: translateX(-50%);}
  .diffSec .arcCont .node.n4 {top: 30.5vw;right: 16vw;}
  .diffSec .arcCont .node.n5 {top: 13.021vw;right: 2.604vw;}
}

@media all and (max-width:760px) {
  .diffSec .arcCont {width: calc(100% - 6.667rem);margin: 0 auto;height: auto;aspect-ratio: auto;padding-bottom: 6.667rem;}
  .diffSec .arcCont .dashedArc {display: none;}
  .diffSec .arcCont::before {display: none;}
  .diffSec .arcCont .centerMessage {position: static;transform: translateX(0);margin-bottom: 6.667rem;margin-top: 10rem;}
  .diffSec .arcCont .centerMessage .centerSub {font-size: 3rem;}
  .diffSec .arcCont .centerMessage .centerMain {line-height: 8rem;padding-top: 3.333rem;}
  .diffSec .arcCont .centerMessage .centerDesc {font-size: 3rem;line-height: 4.667rem;padding-top: 5rem;}
  .diffSec .arcCont .node {position: relative;width: 25rem;height: 25rem;font-size: 2.8rem;margin: 0 auto;font-size: 4.667rem;margin-top: 5rem;}
  .diffSec .arcCont .node::before {border-radius: 20rem;}
  .diffSec .arcCont .node.n1 {top: auto;left: auto;margin-top: 0;}
  .diffSec .arcCont .node.n2 {top: auto;left: auto;}
  .diffSec .arcCont .node.n3 {bottom: auto;left: auto;transform: translateX(0);}
  .diffSec .arcCont .node.n4 {top: auto;right: auto;}
  .diffSec .arcCont .node.n5 {top: auto;right: auto;}

  .bottomPunchline {padding-top: 0;}
  .bottomPunchline .punchlineTit {font-size: 4.667rem;line-height: 6rem;}
  .bottomPunchline .punchlineTit .flexBox1 {flex-direction: column;}
  .bottomPunchline .punchlineTit .flexBox1 .gsapTg1 span {display: inline-block;color: #000;}
  .bottomPunchline .punchlineDesc {font-size: 3rem;line-height: 4.667rem;padding-top: 3.333rem;}
}


.pfAtc {padding-top: 29.2rem;background: url("../a_img/pfAtc_bg.png") no-repeat center / cover;padding-bottom: 17.9rem;}
.pfAtc .pfSec .secHd {padding-left: 3.7rem;}
.pfAtc .pfSec .secHd h4 {font-size: 3rem;font-weight: 700;color: #5CA7FF;}
.pfAtc .pfSec .secHd h3 {font-size: 6rem;line-height: 7.5rem;font-weight: 700;padding-top: 2.1rem;}
.pfAtc .pfSec .secHd h3 strong {color: #276AB8;font-weight: 700;}
.pfAtc .pfSec .secHd p {font-size: 1.8rem;line-height: 2.8rem;padding-top: 3rem;}
.pfAtc .pfSec1 .protGrid {display: flex;gap: 2rem;margin-top: 4rem;padding-left: 3.7rem;}
.pfAtc .pfSec1 .protGrid .protCard {position: relative;width: 45.2rem;border-radius: 2.2rem;overflow: hidden;}

@media all and (max-width:1560px) {
  .pfAtc .pfSec .secHd {padding-left: 0;}
}

@media all and (max-width:760px) {
  .pfAtc {padding-bottom: 15rem;background-image: url("..pfAtc_bg_mo.png");background-position: top center;background-size: 120% auto;}
  .pfAtc .pfSec .secHd {text-align: center;}
  .pfAtc .pfSec .secHd h3 {line-height: 8rem;padding-top: 3.333rem;}
  .pfAtc .pfSec .secHd p {font-size: 3rem;line-height: 4.667rem;padding-top: 5rem;}
}


.pfAtc .pfSec1 .protGrid .protCard {background-color: rgba(255, 255, 255, 0.1);backdrop-filter: blur(30px) brightness(1.2);-webkit-backdrop-filter: blur(30px) brightness(1.2);overflow: hidden;}
.pfAtc .pfSec1 .protGrid .protCard .cardImgArea {width: 100%;position: relative;z-index: 1;}
.pfAtc .pfSec1 .protGrid .protCard .cardImgArea img {width: 100%;height: auto;}
.pfAtc .pfSec1 .protGrid .protCard .cardText {font-size: 2.4rem;line-height: 3.5rem;font-weight: 500;text-align: center;padding: 6rem 0 5.5rem;position: relative;z-index: 1;}
.pfAtc .pfSec1 .secHd .gsapTg {background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;}
.pfAtc .pfSec1 .secHd .flexBox {display: flex;}
.pfAtc .pfSec1 .secHd .flexBox1 {gap: 1.3rem;}
.pfAtc .pfSec1 .secHd .gsapTg1 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec1 .secHd .gsapTg2 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.pfAtc .pfSec1 .secHd .gsapTg3 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec1 .secHd .gsapTg4 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.pfAtc .pfSec1 .secHd .gsapTg5 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec1 .secHd .moGsapTg1 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec1 .secHd .moGsapTg2 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.pfAtc .pfSec1 .secHd .moGsapTg3 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec1 .secHd .moGsapTg4 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.pfAtc .pfSec1 .secHd .moGsapTg5 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec1 .secHd .moGsapTg6 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}

@media all and (max-width:1560px) {
  .pfAtc .pfSec1 .protGrid {padding-left: 0;}
  .pfAtc .pfSec1 .protGrid .protCard {width: calc(33.333333% - 1.333333rem);border-radius: 2.2rem;overflow: hidden;}
}

@media all and (max-width:760px) {
  .pfAtc .pfSec1 .secHd .flexBox {justify-content: center;}
  .pfAtc .pfSec1 .protGrid {gap: 0;margin-top: 6.667rem;}
  .pfAtc .pfSec1 .protGrid .protCard {border-radius: 3.667rem;}
  .pfAtc .pfSec1 .protGrid .protCard .cardText {font-size: 2.833rem;line-height: 4.333rem;padding: 6.667rem 0 7.833rem;}
}


.pfAtc .pfSec2 {padding-left: 0;margin-top: 12.9rem;}
.pfAtc .pfSec2 .swiperContainer {position: relative;margin-top: 4rem;}
.pfAtc .pfSec2 .swiperContainer .swiper {width: 164.3rem;position: absolute;top: 0;left: 3.7rem;}
.pfAtc .pfSec2 .solGallery {display: flex;}
.pfAtc .pfSec2 .solGallery .posterCard {width: 45.2rem;border-radius: 2.2rem;overflow: hidden;}
.pfAtc .pfSec2 .solGallery .posterCard img {width: 100%;height: auto;}
.pfAtc .pfSec2 .featureGrid {padding-left: 3.7rem;display: flex;gap: 2rem;margin-top: 5.6rem;}
.pfAtc .pfSec2 .featureGrid .featureBox {position: relative;width: 43.6rem;height: 23.6rem;background-color: rgba(255, 255, 255, 0.1);backdrop-filter: blur(30px) brightness(1.2);-webkit-backdrop-filter: blur(30px) brightness(1.2);border-radius: 2.2rem;overflow: hidden;}
.pfAtc .pfSec2 .featureGrid .featureBox > * {position: relative;z-index: 1;padding-left: 3rem;}
.pfAtc .pfSec2 .featureGrid .featureBox h5 {font-size: 1.8rem;line-height: 2.8rem;font-weight: 700;padding-top: 3.5rem;}
.pfAtc .pfSec2 .featureGrid .featureBox p {font-size: 1.6rem;line-height: 2.3rem;padding-top: 3.7rem;}
.pfAtc .pfSec2 .featureGrid .featureBox.b3 p {padding-top: 2.9rem;}
.pfAtc .pfSec2 .secHd .gsapTg {background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;}
.pfAtc .pfSec2 .secHd .flexBox {display: flex;}
.pfAtc .pfSec2 .secHd .flexBox2 {gap: 1.3rem;}
.pfAtc .pfSec2 .secHd .gsapTg1 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.pfAtc .pfSec2 .secHd .gsapTg2 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec2 .secHd .gsapTg3 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec2 .secHd .gsapTg4 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}

@media all and (max-width:1560px) {
  .pfAtc .pfSec2 .swiperContainer .swiper {left: 0;width: 110%;}
  .pfAtc .pfSec2 .featureGrid {padding-left: 0;width: 100%;}
  .pfAtc .pfSec2 .featureGrid .featureBox {width: calc(33.333333% - 1.333333rem);height: auto;padding-bottom: 3.5rem;}
  .pfAtc .pfSec2 .featureGrid .featureBox p {padding-right: 1rem;word-break: keep-all;}
}

@media all and (max-width:760px) {
  .pfAtc .pfSec2 {margin-top: 15rem;}
  .pfAtc .pfSec2 .secHd .flexBox {justify-content: center;}
  .pfAtc .pfSec2 .swiperContainer {margin-top: 6.667rem;}
  .pfAtc .pfSec2 .swiperContainer .swiper {width: 100%;}
  .pfAtc .pfSec2 .solGallery .posterCard {width: 100%;border-radius: 3.667rem;}
  .pfAtc .pfSec2 .featureGrid {flex-direction: column;gap: 3.333rem;margin-top: 9.167rem;}
  .pfAtc .pfSec2 .featureGrid .featureBox {width: 100%;padding-bottom: 0;height: 39.333rem;}
  .pfAtc .pfSec2 .featureGrid .featureBox::before {border-radius: 3.667rem;}
  .pfAtc .pfSec2 .featureGrid .featureBox > * {padding-left: 5rem;}
  .pfAtc .pfSec2 .featureGrid .featureBox h5 {font-size: 3rem;line-height: 4.667rem;padding-top: 6.667rem;}
  .pfAtc .pfSec2 .featureGrid .featureBox p {font-size: 2.667rem;line-height: 3.833rem;padding-top: 3.333rem;}
  .pfAtc .pfSec2 .featureGrid .featureBox.b2 h5 {padding-top: 5rem;}
  .pfAtc .pfSec2 .featureGrid .featureBox.b3 h5 {padding-top: 5rem;}
  .pfAtc .pfSec2 .featureGrid .featureBox.b3 p {padding-top: 2.167rem;}
}


.pfAtc .pfSec3 {margin-top: 12.8rem;}
.pfAtc .pfSec3 .protGrid {display: flex;gap: 2rem;margin-top: 4rem;padding-left: 3.7rem;}
.pfAtc .pfSec3 .protGrid .protCard {width: 45.2rem;border-radius: 2.2rem;overflow: hidden;}
.pfAtc .pfSec3 .protGrid .protCard img {width: 100%;height: auto;}
.pfAtc .pfSec3 .secHd .gsapTg {background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;}
.pfAtc .pfSec3 .secHd .flexBox {display: flex;gap: 1.3rem;}
.pfAtc .pfSec3 .secHd .gsapTg1 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec3 .secHd .gsapTg2 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.pfAtc .pfSec3 .secHd .gsapTg3 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec3 .secHd .gsapTg4 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.pfAtc .pfSec3 .secHd .moGsapTg1 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec3 .secHd .moGsapTg2 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.pfAtc .pfSec3 .secHd .moGsapTg3 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}
.pfAtc .pfSec3 .secHd .moGsapTg4 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}
.pfAtc .pfSec3 .secHd .moGsapTg5 {color: rgba(39, 106, 184, 0.3);background-image: linear-gradient(to right, #276AB8, #276AB8);}

@media all and (max-width:1560px) {
  .pfAtc .pfSec3 .protGrid {padding-left: 0;}
  .pfAtc .pfSec3 .protGrid .protCard {width: calc(33.333333% - 1.333333rem);}
}

@media all and (max-width:760px) {
  .pfAtc .pfSec3 {margin-top: 15rem;}
  .pfAtc .pfSec3 .secHd .flexBox {justify-content: center;}
  .pfAtc .pfSec3 .protGrid {gap: 0;margin-top: 6.667rem;}
  .pfAtc .pfSec3 .protGrid .protCard {border-radius: 3.667rem;}
}


#main .solAtc {position: relative;width: 100%;height: 48rem;background: url("../a_img/solAtc_bg.png") no-repeat center / cover;overflow: visible;}

.solAtc .innerWrapper {height: 100%;display: flex;align-items: center;justify-content: center;}
.solAtc .contContainer {text-align: center;color: #fff;}
.solAtc .contContainer .subLabel {font-size: 3rem;font-weight: 700;}
.solAtc .contContainer .mainTit {font-size: 6rem;font-weight: 800;padding-top: 3.1rem;}
.solAtc .contContainer .cardList {display: flex;gap: 2rem;justify-content: center;margin-top: 4rem;}
.solAtc .contContainer .cardList .infoCard {position: relative;width: 43.6rem;height: 8.9rem;display: flex;align-items: center;justify-content: center;background-color: rgba(255, 255, 255, 0.1);backdrop-filter: blur(30px) brightness(1.5);-webkit-backdrop-filter: blur(30px) brightness(1.5);border-radius: 10rem;overflow: hidden;}
.solAtc .contContainer .cardList .infoCard p {font-size: 1.8rem;font-weight: 700;}
.solAtc .scrollIndicator {position: absolute;bottom: -6rem;left: 50%;transform: translateX(-50%);width: 7rem;height: 12.5rem;z-index: 100;}
.solAtc .scrollIndicator img {width: 100%;height: auto;}
.solAtc .contContainer .mainTit .gsapTg {background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;}
.solAtc .contContainer .mainTit .gsapTg1 {color: rgba(255, 255, 255, 0.3);background-image: linear-gradient(to right, #fff, #fff);}

@media all and (max-width:1560px) {
  .solAtc .contContainer .cardList .infoCard {width: 40rem;}
}

@media all and (max-width:1280px) {
  .solAtc .contContainer .mainTit {font-size: 5.5rem;}
  .solAtc .contContainer .cardList {gap: 1rem;}
}

@media all and (max-width:760px) {
  #main .solAtc {height: auto;background-image: url("../a_img/solAtc_bg_mo.png");padding: 14.667rem 0 15.833rem;}
  .solAtc .contContainer {width: 100%;}
  .solAtc .contContainer .mainTit {line-height: 8rem;padding-top: 3.333rem;font-size: 6rem;}
  .solAtc .contContainer .cardList {flex-direction: column;width: 100%;gap: 3.333rem;margin-top: 6.667rem;}
  .solAtc .contContainer .cardList .infoCard {width: 100%;height: 14.833rem;backdrop-filter: blur(30px) brightness(1);-webkit-backdrop-filter: blur(30px) brightness(1);}
  .solAtc .contContainer .cardList .infoCard p {font-size: 3rem;line-height: 4.667rem;}
  .solAtc .scrollIndicator {bottom: -11rem;width: 12rem;height: auto;aspect-ratio: 7/12.5;}
}


.certAtc {padding: 10.9rem 0 10.2rem;background-color: #fff;border-radius: 0 0 13.8rem 13.8rem;position: relative;z-index: 10;}
.certAtc .secHd {text-align: center;}
.certAtc .secHd .mainTit {font-size: 6rem;font-weight: 700;}
.certAtc .secHd .subLabel {font-size: 2.4rem;font-weight: 500;padding-top: 3rem;}
.certAtc .certImg {width: 111.9rem;margin: 4rem auto 0;}
.certAtc .certImg img {width: 100%;height: auto;}
.certAtc .secHd .mainTit .gsapTg {background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;}
.certAtc .secHd .mainTit .gsapTg1 {color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}

@media all and (max-width:760px) {
  .certAtc {padding-bottom: 9.5rem;border-radius: 0 0 7.833rem 7.833rem;}
  .certAtc .secHd .mainTit {line-height: 8rem;}
  .certAtc .secHd .subLabel {font-size: 3rem;padding-top: 5rem;}
  .certAtc .certImg {width: 100%;margin: 6.667rem auto 0;}
}

@keyframes textLoop {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.statAtc {background-color: #F3F3F3;margin-top: -10rem;padding-bottom: 25rem;}
.statAtc .statSec {padding-top: 10rem;}
.statAtc .statSec .stacMain {display: flex;align-items: center;justify-content: center;}
.statAtc .statSec .stacMain .prefixText {font-size: 6rem;font-weight: 800;margin-top: -5rem;margin-right: -4rem;}
.statAtc .statSec .stacMain .bigNumber {width: 68.2rem;}
.statAtc .statSec .stacMain .bigNumber img {width: 100%;height: auto;}
.statAtc .statSec .stacMain .suffixGroup {margin-left: -4rem;}
.statAtc .statSec .stacMain .suffixGroup .percentMark {font-size: 11.9rem;font-weight: 800;}
.statAtc .statSec .stacMain .suffixGroup .suffixText {font-size: 6rem;font-weight: 800;padding-top: 1rem;}
.statAtc .statSec .partnerLogos {margin-top: -10rem;opacity: 0.5;}
.statAtc .statSec .partnerLogos .flowWrap {display: flex;animation: textLoop 30s linear infinite;will-change: transform;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000px;perspective: 1000px;-webkit-font-smoothing: antialiased;transform: translateZ(0);width: max-content;}
.statAtc .statSec .partnerLogos .flowWrap.moOnly {display: none;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem {margin-left: 14.6rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem img {height: auto;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l1 img {width: 26.5rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l2 img {width: 26.6rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l3 img {width: 54.5rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l4 img {width: 23.5rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l5 img {width: 20.4rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l6 img {width: 40.5rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l7 img {width: 35.2rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l8 img {width: 36.7rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l9 {margin-left: 8.8rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l9 img {width: 55.6rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l10 {margin-left: 8.8rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l10 img {width: 21.3rem;}
.statAtc .statSec .partnerLogos .flowWrap .flowItem.l11 img {width: 14.7rem;}
.statAtc .statSec .statFooterText {font-size: 3.2rem;font-weight: 700;text-align: center;padding-top: 7rem;}
.statAtc .statSec .stacMain .gsapTg {background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}

@media all and (max-width:760px) {
  .statAtc {padding-bottom: 17rem;padding-top: 10rem;}
  .statAtc .statSec .stacMain {flex-direction: column;}
  .statAtc .statSec .stacMain .prefixText {margin-top: 0;margin-right: 0;}
  .statAtc .statSec .stacMain .bigNumber {position: relative;width: 100%;margin-top: -10rem;}
  .statAtc .statSec .stacMain .bigNumber img {width: 92%;}
  .statAtc .statSec .stacMain .bigNumber span {position: absolute;top: 50%;right: 5%;font-size: 6rem;font-weight: 800;margin-top: 8rem;}
  .statAtc .statSec .stacMain .suffixGroup {margin-left: 0;margin-top: -10rem;}
  .statAtc .statSec .partnerLogos {margin-top: 9.167rem;opacity: 1;}
  .statAtc .statSec .partnerLogos .flowWrap {margin-top: 3.6675rem;}
  .statAtc .statSec .partnerLogos .flowWrap.moOnly {display: flex;}
  .statAtc .statSec .partnerLogos .flowWrap:first-child {margin-top: 0;}
  .statAtc .statSec .statFooterText {font-size: 6rem;line-height: 8rem;padding-top: 9.167rem;}
}


.insightAtc {background-color: #fff;background-image: url("../a_img/insight_bg.png");background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 13.8rem 13.8rem 0 0;margin-top: -10rem;padding-bottom: 5.6rem;}
.insightAtc .insightSec {padding-top: 13.1rem;}
.insightAtc .insightSec .secHd {text-align: center;}
.insightAtc .insightSec .secHd .subLabel {font-size: 3rem;font-weight: 700;color: #5CA7FF;}
.insightAtc .insightSec .secHd .mainTit {font-size: 5.5rem;line-height: 7.3rem;font-weight: 700;padding-top: 2rem;}
.insightAtc .insightSec .secHd .moreLink {display: block;font-family: 'Spoqa Han Sans Neo', 'sans-serif';font-size: 2.4rem;padding-top: 3rem;}
.insightAtc .insightSec .insightList {display: flex;margin-top: 6rem;}
.insightAtc .insightSec .insightList .insightCard {width: 43.6rem;}
.insightAtc .insightSec .insightList .insightCard .cardImage img {width: 100%;height: auto;}
.insightAtc .insightSec .insightList .insightCard .cardTit {font-size: 1.8rem;font-weight: 700;padding-top: 2rem;}
.insightAtc .insightSec .insightList .insightCard .cardDesc {font-size: 1.8rem;padding-top: 1rem;}
.insightAtc .insightSec .secHd .gsapTg {background-repeat: no-repeat;background-size: 0% 100%;-webkit-background-clip: text;background-clip: text;color: rgba(0, 0, 0, 0.3);background-image: linear-gradient(to right, #000, #000);}

@media all and (max-width:760px) {
  .insightAtc {border-radius: 7.833rem 7.833rem 0 0;padding-bottom: 9.333rem;}
  .insightAtc .insightSec {padding-top: 10rem;}
  .insightAtc .insightSec .secHd .mainTit {font-size: 6rem;line-height: 8rem;padding-top: 3.333rem;}
  .insightAtc .insightSec .secHd .moreLink {font-size: 3rem;padding-top: 5rem;}
  .insightAtc .insightSec {width: calc(100% - 6.667rem);margin: 0 auto;}
  .insightAtc .insightSec .insightList {margin-top: 3.833rem;}
  .insightAtc .insightSec .insightList .insightCard .cardTit {font-size: 3rem;padding-top: 3.333rem;}
  .insightAtc .insightSec .insightList .insightCard .cardDesc {font-size: 3rem;line-height: 4.667rem;padding-top: 1.667rem;}
}


.insightAtc .contactSec {padding-top: 18.8rem;}
.insightAtc .contactSec .secHd {width: 71.4rem;height: 15.1rem;background-color: #fff;border-radius: 2.2rem;margin: 0 auto;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.insightAtc .contactSec .secHd .subTit {font-size: 2.4rem;font-weight: 700;color: #5CA7FF;}
.insightAtc .contactSec .secHd .mainTit {font-size: 4rem;font-weight: 700;padding-top: 1rem;}
.insightAtc .contactSec .contactForm {position: relative;margin-top: 5.7rem;}
.insightAtc .contactSec .contactForm .ipBox {margin-top: 6rem;}
.insightAtc .contactSec .contactForm .ipBox h4 {font-size: 2.4rem;font-weight: 700;display: block;padding-bottom: 1.5rem;}
.insightAtc .contactSec .contactForm .ipBox input {width: 100%;height: 5.2rem;border: 1px solid #D7D7D7;box-sizing: border-box;border-radius: 0.3rem;font-family: "Pretendard";font-size: 2rem;}
.insightAtc .contactSec .contactForm .ipBox input:not([type="checkbox"]) {padding: 0 15px;}
.insightAtc .contactSec .contactForm .ipBox textarea {width: 100%;height: 14.1rem;border: 0;border-radius: 2rem;resize: none;font-family: "Pretendard";font-size: 2rem;padding: 15px;}
.insightAtc .contactSec .contactForm .ipBox .optionsGroup {display: flex;flex-wrap: wrap;gap: 3.5rem 6rem;margin-bottom: 38px;width: 797px;}
.insightAtc .contactSec .contactForm .ipBox .optionsGroup .optionCard {display: flex;align-items: center;cursor: pointer;}
.insightAtc .contactSec .contactForm .ipBox .optionsGroup .optionCard:nth-child(odd) {width: 440px;}
.insightAtc .contactSec .contactForm .ipBox .optionsGroup .optionCard input[type="checkbox"] {appearance: none;-webkit-appearance: none;width: 3rem;height: 3rem;margin: 0;cursor: pointer;position: relative;flex-shrink: 0;background-color: #fff;border-radius: 0.3rem;}
.insightAtc .contactSec .contactForm .ipBox .optionsGroup .optionCard input[type="checkbox"]:checked {border-color: #5CA7FF;background-color: #fff;}
.insightAtc .contactSec .contactForm .ipBox .optionsGroup .optionCard input[type="checkbox"]:checked::after {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 2.2rem;height: 2.2rem;background-color: #5CA7FF;border-radius: 0.3rem;}
.insightAtc .contactSec .contactForm .ipBox .optionsGroup .optionCard .optionText {font-size: 2.4rem;font-weight: 700;margin-left: 1rem;}
.insightAtc .contactSec .contactForm .ipBox.ipBox1 {margin-top: 0;}
.insightAtc .contactSec .contactForm .ipBox.ipBox4 h4 {padding-bottom: 2.8rem;}
.insightAtc .contactSec .contactForm .ipBox6 .phoneGroup {display: flex;align-items: center;gap: 0.9rem;}
.insightAtc .contactSec .contactForm .ipBox6 .phoneGroup.moOnly {display: none;}
.insightAtc .contactSec .contactForm .ipBox6 .phoneGroup input {width: 13.2rem;}
.insightAtc .contactSec .contactForm .ipBox6 .phoneGroup span {width: 2.3rem;height: 0.4rem;background-color: #707070;border-radius: 1rem;}
.insightAtc .contactSec .contactForm .submitBtn {position: absolute;bottom: 1.3rem;right: 21.9rem;width: 21rem;height: 7rem;background-color: #5CA7FF;border-radius: 2.2rem;font-size: 2.4rem;color: #fff;font-weight: 700;border: 1px solid #D7D7D7;box-sizing: border-box;}

@media all and (max-width:760px) {
  .insightAtc .contactSec {padding-top: 6.667rem;}
  .insightAtc .contactSec .secHd {text-align: center;width: 100%;height: auto;padding: 5rem 0 4rem;}
  .insightAtc .contactSec .secHd .subTit {font-size: 4rem;}
  .insightAtc .contactSec .secHd .mainTit {font-size: 6rem;line-height: 8rem;padding-top: 3.333rem;}
  .insightAtc .contactSec .contactForm {margin-top: 9.333rem;}
  .insightAtc .contactSec .contactForm .ipBox {margin-top: 8.333rem;}
  .insightAtc .contactSec .contactForm .ipBox h4 {font-size: 4rem;padding-bottom: 2.5rem;}
  .insightAtc .contactSec .contactForm .ipBox input {height: 8.667rem;border-radius: 0.5rem;font-size: 4rem;}
  .insightAtc .contactSec .contactForm .ipBox textarea {height: 50rem;border-radius: 3.333rem;font-size: 4rem;}
  .insightAtc .contactSec .contactForm .ipBox .optionsGroup {gap: 4.667rem 0;margin-bottom: 8.333rem;width: 100%;}
  .insightAtc .contactSec .contactForm .ipBox .optionsGroup .optionCard {width: 100%;}
  .insightAtc .contactSec .contactForm .ipBox .optionsGroup .optionCard:nth-child(odd) {width: 100%;}
  .insightAtc .contactSec .contactForm .ipBox .optionsGroup .optionCard input[type="checkbox"] {width: 4rem;height: 4rem;border-radius: 0.5rem;}
  .insightAtc .contactSec .contactForm .ipBox .optionsGroup .optionCard .optionText {font-size: 3rem;margin-left: 1.333rem;}
  .insightAtc .contactSec .contactForm .ipBox.ipBox4 h4 {padding-bottom: 4.667rem;}
  .insightAtc .contactSec .contactForm .ipBox6 .phoneGroup.pcOnly {display: none;}
  .insightAtc .contactSec .contactForm .ipBox6 .phoneGroup.moOnly {display: block;}
  .insightAtc .contactSec .contactForm .ipBox6 .phoneGroup.moOnly input {width: 100%;}
  .insightAtc .contactSec .contactForm .ipBox6 .phoneGroup.moOnly input::placeholder {font-family: "Pretendard";font-size: 4rem;opacity: 0.42;}
  .insightAtc .contactSec .contactForm .submitBtn {display: block;position: static;width: 35rem;height: 11.667rem;border-radius: 3.667rem;font-size: 4rem;margin: 9.167rem auto 0;}
}


#insightList .listAtc {padding-top: 26.7rem;padding-bottom: 12rem;}
#insightList .listAtc .atcHd {text-align: center;}
#insightList .listAtc .atcHd .subTit {font-size: 3rem;font-weight: 700;color: #5CA7FF;}
#insightList .listAtc .atcHd .mainTit {font-size: 5.5rem;line-height: 7.3rem;font-weight: 700;padding-top: 2rem;}
#insightList .listAtc .cardList {padding: 0 4.6rem;margin-top: 8rem;}
#insightList .listAtc .cardList ul {display: flex;flex-wrap: wrap;gap: 8rem 2rem;}
#insightList .listAtc .cardList ul li {width: calc(33.333333% - 1.333333rem);}
#insightList .listAtc .cardList ul li .thumbnail img {width: 100%;height: auto;}
#insightList .listAtc .cardList ul li .cardInfo {font-size: 1.8rem;padding-top: 2rem;}
#insightList .listAtc .cardList ul li .cardInfo .cardMainTit {font-weight: 700;}
#insightList .listAtc .cardList ul li .cardInfo .cardTxt {padding-top: 1rem;}

@media all and (max-width:1280px) {
  #insightList .listAtc .cardList {padding: 0;}
}

@media all and (max-width:760px) {
  #insightList .listAtc {padding-top: 20rem;}
  #insightList .listAtc .atcHd .mainTit {font-size: 6rem;line-height: 8rem;}
  #insightList .listAtc .cardList ul {gap: 10rem 0;}
  #insightList .listAtc .cardList ul li {width: calc(50% - 1.667rem);}
  #insightList .listAtc .cardList ul li .cardInfo {font-size: 3rem;padding-top: 3rem;}
}

@media all and (max-width:550px) {
  #insightList .listAtc .cardList ul li {width: 100%;}
}


#insightView .ViewAtc {padding-top: 26.7rem;padding-bottom: 12rem;}
#insightView .ViewAtc .atcHd {text-align: center;}
#insightView .ViewAtc .atcHd .subTit {font-size: 3rem;font-weight: 700;color: #5CA7FF;}
#insightView .ViewAtc .atcHd .mainTit {font-size: 5.5rem;line-height: 7.3rem;font-weight: 700;padding-top: 2rem;}
#insightView .ViewAtc .viewCont {width: 105.2rem;margin: 14rem auto 0;}
#insightView .ViewAtc .viewCont .img {width: 100%;aspect-ratio: 1/1;}
#insightView .ViewAtc .viewCont .img img {width: 100%;height: auto;}
#insightView .ViewAtc .viewCont p {font-size: 2.4rem;line-height: 4.5rem;text-align: center;word-break: keep-all;}
#insightView .ViewAtc .viewList {width: 105.2rem;margin: 5.4rem auto 0;}
#insightView .ViewAtc .viewList > div {display: flex;align-items: center;gap: 1.62rem;padding: 2.4rem 0;}
#insightView .ViewAtc .viewList > div .icon {width: 2.75rem;aspect-ratio: 2.75/1.55;}
#insightView .ViewAtc .viewList > div .icon img {width: 100%;height: auto;}
#insightView .ViewAtc .viewList > div p {font-size: 1.8rem;font-weight: 700;}
#insightView .ViewAtc .viewList .viewListAfter {border-top: 1px solid #707070;}
#insightView .ViewAtc .listViewBtn {display: flex;align-items: center;justify-content: center;width: 10.8rem;height: 6rem;background-color: #5CA7FF;border-radius: 1.6rem;font-size: 2.4rem;font-weight: 700;color: #fff;margin-top: 1.1rem;}

@media all and (max-width:1280px) {
  #insightView .ViewAtc .viewCont {width: 100%;}
  #insightView .ViewAtc .viewList {width: 100%;}
}

@media all and (max-width:760px) {
  #insightView .ViewAtc .atcHd .mainTit {font-size: 6rem;line-height: 8rem;}
  #insightView .ViewAtc .viewCont {margin-top: 8rem;}
  #insightView .ViewAtc .viewCont p {font-size: 3rem;line-height: 1.5;padding: 5rem 0;word-break: keep-all;}
  #insightView .ViewAtc .viewList > div {gap: 2rem;padding: 3rem 0;}
  #insightView .ViewAtc .viewList > div .icon {width: 3rem;}
  #insightView .ViewAtc .viewList > div p {font-size: 3rem;}
  #insightView .ViewAtc .listViewBtn {width: 100%;height: 8rem;font-size: 3rem;margin-top: 2rem;}
}


#footer {padding: 5.4rem 0 5.8rem;border-top: 1px solid #9D9D9D;}
#footer .ftContainer {display: flex;padding: 0 16.8rem 0 19.5rem;justify-content: space-between;}
#footer .ftContainer .ftLeft {font-size: 1.8rem;line-height: 3.1rem;}
#footer .ftContainer .ftLeft address {padding-top: 4rem;}
#footer .ftContainer .ftRight {display: flex;flex-direction: column;align-items: end;justify-content: space-between;}
#footer .ftContainer .ftRight .addressInfo {font-size: 1.8rem;line-height: 3.1rem;}
#footer .ftContainer .ftRight .ftLogo {width: 15.25rem;}
#footer .ftContainer .ftRight .ftLogo img {width: 100%;height: auto;}

@media all and (max-width:1560px) {
  #footer .ftContainer {width: 94%;padding: 0;margin: 0 auto;}
}

@media all and (max-width:760px) {
  #footer {padding: 6.667rem 0 7.167rem;}
  #footer .ftContainer {width: calc(100% - 6.667rem);flex-direction: column;align-items: start;}
  #footer .ftContainer .ftLeft {font-size: 2.667rem;line-height: 4.333rem;}
  #footer .ftContainer .ftLeft address {padding-top: 4rem;}
  #footer .ftContainer .ftRight {margin-top: 5rem;display: block;width: 100%;}
  #footer .ftContainer .ftRight .addressInfo {font-size: 3rem;line-height: 4.333rem;}
  #footer .ftContainer .ftRight address {font-size: 2.667rem;line-height: 4.333rem;margin-top: 5rem;}
  #footer .ftContainer .ftRight .ftLogo {width: 25.333rem;margin: 5.667rem auto 0;}
}