@charset "utf-8";

@font-face {
  font-family: 'GmarketSans';
  font-weight: 300;
  src: local('GmarketSans Light'),
  url('../fonts/GmarketSansLight.eot') format('eot'),
  url('../fonts/GmarketSansLight.woff') format('woff'),
  url('../fonts/GmarketSansLight.ttf') format('truetype');
}
 
@font-face {
  font-family: 'GmarketSans';
  font-weight: 500;
  src: local('GmarketSans Medium'),
  url('../fonts/GmarketSansMedium.eot') format('eot'),
  url('../fonts/GmarketSansMedium.woff') format('woff'),
  url('../fonts/GmarketSansMedium.ttf') format('truetype');
}
 
@font-face {
  font-family: 'GmarketSans';
  font-weight: 700;
  src: local('GmarketSans Bold'),
  url('../fonts/GmarketSansBold.eot') format('eot'),
  url('../fonts/GmarketSansBold.woff') format('woff'),
  url('../fonts/GmarketSansBold.ttf') format('truetype');
}

@font-face {
  font-family: 'NanumSquareNeo';
  font-weight: 100 900; 
  font-style: normal;
  src: url('../fonts/NanumSquareNeo-Variable.woff2') format('woff2'),
       url('../fonts/NanumSquareNeo-Variable.woff') format('woff');
}

@font-face {
  font-family: 'oneMobileTitle';
  src: url('../fonts/ONE Mobile Title.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Rix';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/RixYeoljeongdo_Regular.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}


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

body {position: relative;font-family: 'NanumSquareNeo', 'sans-serif';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: 700;}
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;}

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

.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;}
}


#header {width: 100%;height: 100px;background-color: #fff;position: relative;z-index: 1000;}
#header .inner {display: flex;height: 100%;align-items: center;justify-content: space-between;}
#header .hdLogo a {display: block;width: 213px;}
#header .hdLogo a img {width: 100%;height: auto;}
#header .hdGnb {height: 100%;}
#header .hdGnb ul {display: flex;gap: 56px;height: 100%;}
#header .hdGnb ul li {height: 100%;}
#header .hdGnb ul li a {font-size: 15.75px;font-weight: 900;display: flex;align-items: center;height: 100%;}
#header .mMenuBtn {display: none;}

@media all and (max-width:760px) {
  #header {height: 64px;padding: 0;}
  #header .inner {height: 100%;display: flex;align-items: center;justify-content: space-between;}
  #header .hdLogo {display: flex;align-items: center;}
  #header .hdLogo a {display: block;width: 150px;line-height: 0;}
  #header .hdLogo a img {display: block;width: 100%;height: auto;}
  #header .hdGnb {position: fixed;top: 64px;right: 0;width: 100%;height: calc(100vh - 64px);background-color: #fff;z-index: 999;transform: translateX(100%);transition: transform 0.45s ease;box-shadow: none;}
  #header .hdGnb.on {transform: translateX(0);}
  #header .hdGnb ul {display: flex;flex-direction: column;gap: 0;height: 100%;padding: 36px 22px;box-sizing: border-box;}
  #header .hdGnb ul li {height: auto;border-bottom: 1px solid rgba(0,0,0,0.08);}
  #header .hdGnb ul li a {display: flex;align-items: center;height: auto;padding: 20px 0;font-size: 20px;font-weight: 900;}
  #header .mMenuBtn {display: flex;position: relative;width: 26px;height: 20px;border: 0;background: none;padding: 0;cursor: pointer;flex-direction: column;justify-content: space-between;z-index: 1001;}
  #header .mMenuBtn span {display: block;width: 100%;height: 2px;background-color: #111;border-radius: 10px;transition: transform 0.35s ease, opacity 0.25s ease;}
  #header .mMenuBtn.on {justify-content: center;}
  #header .mMenuBtn.on span {position: absolute;left: 0;}
  #header .mMenuBtn.on span:nth-child(1) {transform: rotate(45deg);}
  #header .mMenuBtn.on span:nth-child(2) {opacity: 0;}
  #header .mMenuBtn.on span:nth-child(3) {transform: rotate(-45deg);}
}


#main .visualSec .swiper-slide {width: 100%;height: 830px;background-repeat: no-repeat;background-position: center;background-size: cover;}
#main .visualSec .swiper-slide.visual1 {background-image: url("../img/main/visualSec_img1-1.jpg");}
#main .visualSec .swiper-slide.visual2 {background-image: url("../img/main/visualSec_img2-1.jpg");}
#main .visualSec .swiper-slide.visual3 {background-image: url("../img/main/visualSec_img3-1.jpg");}
#main .visualSec .swiper-slide .visualTxt {position: absolute;top: 173px;left: 50%;transform: translateX(-50%);text-align: center;color: #fff;width: 100%;}
#main .visualSec .swiper-slide .visualTxt .subTit {font-size: 16px;font-family: 'oneMobileTitle';letter-spacing: 0.02em;}
#main .visualSec .swiper-slide .visualTxt .subTit strong {color: #06ffea;font-family: 'oneMobileTitle';}
#main .visualSec .swiper-slide .visualTxt .mainTit {font-family: 'GmarketSans';font-size: 42px;line-height: 51px;font-weight: 500;letter-spacing: -0.005em;padding-top: 20px;}
#main .visualSec .swiper-slide .visualTxt .mainTit strong {font-weight: 700;}
#main .visualSec .swiper-slide .visualTxt .mainTit strong em {color: #00e6e3;}
#main .visualSec .swiper-slide .visualTxt .bar {display: block;width: 27px;height: 4px;background-color: #fff;margin: 25px auto 28px;}
#main .visualSec .swiper-slide .visualTxt .desc {font-size: 16.75px;line-height: 26px;letter-spacing: -0.04em;}
#main .visualSec .swiper-slide .visualTxt .callGroup {display: flex;align-items: center;justify-content: center;gap: 11px;width: 486px;height: 65px;border-radius: 50px;background-color: #ff5f37;margin: 38px auto 0;}
#main .visualSec .swiper-slide .visualTxt .callGroup > * {margin-top: -2px;}
#main .visualSec .swiper-slide .visualTxt .callGroup .icon {width: 35px;height: 35px;}
#main .visualSec .swiper-slide .visualTxt .callGroup .icon img {width: 100%;height: auto;}
#main .visualSec .swiper-slide .visualTxt .callGroup p {font-family: 'NanumSquareNeo';font-size: 21px;font-weight: 600;letter-spacing: -0.035em;}
#main .visualSec .swiper-slide .visualTxt .callGroup strong {font-family: 'oneMobileTitle';font-size: 31px;letter-spacing: 0.06em;color: #fffc00;font-weight: 900;}

@media all and (max-width:760px) {
  #main .visualSec .swiper-slide {height: calc(var(--vh, 1vh) * 100 - 101px);}
  #main .visualSec .swiper-slide .visualTxt {top: 50%;transform: translate(-50%,-50%);}
  #main .visualSec .swiper-slide .visualTxt .subTit {font-size: 11px;}
  #main .visualSec .swiper-slide .visualTxt .mainTit {font-size: 32px;line-height: 1.3;}
  #main .visualSec .swiper-slide .visualTxt .bar {width: 22px;height: 2px;margin: 15px auto;}
  #main .visualSec .swiper-slide .visualTxt .desc {font-size: 13px;line-height: 1.5;}
  #main .visualSec .swiper-slide .visualTxt .callGroup {gap: 5px;width: 300px;height: auto;flex-wrap: wrap;padding: 10px 0;margin-top: 25px;}
  #main .visualSec .swiper-slide .visualTxt .callGroup > * {margin-top: 0;}
  #main .visualSec .swiper-slide .visualTxt .callGroup .icon {width: 20px;height: 20px;}
  #main .visualSec .swiper-slide .visualTxt .callGroup p {font-size: 16px;}
  #main .visualSec .swiper-slide .visualTxt .callGroup strong {font-size: 24px;display: block;width: 100%;;}
}


#main .workSec {padding-top: 65px;}
#main .workSec .titWrap {text-align: center;}
#main .workSec .titWrap h3 {font-family: 'Rix';font-size: 35px;}
#main .workSec .titWrap p {font-size: 15.85px;line-height: 23px;letter-spacing: -0.05em;font-weight: 400;color: #464646;padding-top: 5px;}
#main .workSec .titWrap .downIcon {display: block;text-align: center;margin-top: 20px;}
#main .workSec .workList {margin-top: 23px;}
#main .workSec .workList ul {display: flex;justify-content: space-between;}
#main .workSec .workList ul li {width: calc(25% - 15px);border-radius: 18px;overflow: hidden;}
#main .workSec .workList ul li .img img {width: 100%;height: auto;}
#main .workSec .workList ul li .workBox {position: relative;background-color: #f0f0f0;height: 163px;text-align: center;}
#main .workSec .workList ul li .workBox .num {position: absolute;top: -35px;left: 50%;transform: translateX(-50%);width: 108px;height: 35px;background: url("../img/main/workSec_mut.png") no-repeat center / cover;font-size: 17px;font-weight: 900;color: #777676;text-align: center;padding-top: 15px;}
#main .workSec .workList ul li .workBox h4 {font-size: 24px;letter-spacing: -0.05em;font-weight: 700;padding-top: 25px;}
#main .workSec .workList ul li .workBox .bar {display: block;width: 20px;height: 4px;background-color: #ccc;margin: 12px auto;}
#main .workSec .workList ul li .workBox .desc {font-size: 15.45px;line-height: 21.5px;letter-spacing: -0.038em;font-weight: 400;color: #414141;padding-inline: 30px;word-break: keep-all;}

@media all and (max-width:1080px) {
  #main .workSec .workList ul {flex-wrap: wrap;gap: 30px 0;}
  #main .workSec .workList ul li {width: calc(50% - 15px);}
}

@media all and (max-width:760px) {
  #main .workSec .titWrap p {font-size: 13.5px;line-height: 1.5;}
  #main .workSec .workList ul {gap: 10px 0;}
  #main .workSec .workList ul li {width: calc(50% - 5px);}
  #main .workSec .workList ul li .workBox .num {top: -25px;width: 80px;height: auto;aspect-ratio: 108/35;font-size: 12px;padding-top: 9px;background-size: contain;}
  #main .workSec .workList ul li .workBox h4 {font-size: 16px;}
  #main .workSec .workList ul li .workBox .bar {width: 16px;height: 2px;margin: 8px auto;}
  #main .workSec .workList ul li .workBox .desc {font-size: 12px;line-height: 1.5;}
  #main .workSec .workList ul li .workBox .desc br {display: none;}
}


#main .pfSec {padding-top: 80px;padding-bottom: 67px;}
#main .pfSec .titWrap {text-align: center;}
#main .pfSec .titWrap h3 {font-family: 'Rix';font-size: 35px;}
#main .pfSec .titWrap p {font-size: 15.85px;line-height: 23px;letter-spacing: -0.05em;font-weight: 400;color: #464646;padding-top: 5px;}
#main .pfSec .titWrap .downIcon {display: block;text-align: center;margin-top: 20px;}
#main .pfSec .pfList {margin-top: 23px;}
#main .pfSec .pfList ul {display: flex;justify-content: space-between;}
#main .pfSec .pfList ul li {width: calc(20% - 16px);border: 2px solid #f0f0f0;box-sizing: border-box;border-radius: 18px;overflow: hidden;}
#main .pfSec .pfList1 ul li {width: calc(20% - 16px);border: 2px solid #f0f0f0;box-sizing: border-box;border-radius: 18px;overflow: hidden;}
#main .pfSec .pfList ul li .img img {width: 100%;height: auto;}
#main .pfSec .pfList ul li .pfBox {height: 74px;display: flex;flex-direction: column;justify-content: center;padding-left: 20px;border-top: 2px solid #f0f0f0;}
#main .pfSec .pfList ul li .pfBox .pfTit {font-size: 17.4px;letter-spacing: -0.033em;font-weight: 600;}
#main .pfSec .pfList ul li .pfBox .pfLink {font-size: 13.0px;letter-spacing: 0.012em;color: #8d8686;font-weight: 400;padding-top: 0px;}
#main .pfSec .pfList .moreBtn {display: block;width: 285px;height: 65px;line-height: 65px;text-align: center;border-radius: 50px;background-color: #ff5f37;font-size: 17px;color: #fff;letter-spacing: -0.035em;font-weight: 700;margin: 35px auto 0;}
#main .pfSec .pfList .moreBtn strong {color: #fff000;}
#main .pfSec .ptnList ul li {width: calc(20% - 16px);border: 0px solid #f0f0f0;box-sizing: border-box;border-radius: 18px;overflow: hidden;}

@media all and (max-width:1080px) {
  #main .pfSec .pfList ul {flex-wrap: wrap;gap: 30px 0;}
  #main .pfSec .pfList ul li {width: calc(50% - 15px);}
}

@media all and (max-width:760px) {
  #main .pfSec .titWrap p {font-size: 13.5px;line-height: 1.5;}
  #main .pfSec .pfList ul {gap: 10px 0;}
  #main .pfSec .pfList ul li {width: calc(50% - 5px);border: 1px solid #f0f0f0;}
  #main .pfSec .pfList ul li .pfBox {height: 64px;;padding-left: 10px;border-top: 1px solid #f0f0f0;}
  #main .pfSec .pfList ul li .pfBox .pfTit {font-size: 14px;}
  #main .pfSec .pfList ul li .pfBox .pfLink {font-size: 10.5px;padding-top: 4px;}
  #main .pfSec .pfList .moreBtn {width: 275px;height: 55px;line-height: 55px;font-size: 15px;}
}


#main .procSec {background-color: #fafafa;padding: 83px 0 93px;}
#main .procSec .titWrap {text-align: center;}
#main .procSec .titWrap h3 {font-family: 'Rix';font-size: 35px;}
#main .procSec .titWrap p {font-size: 15.85px;line-height: 23px;letter-spacing: -0.05em;font-weight: 400;color: #464646;padding-top: 5px;}
#main .procSec .titWrap .downIcon {display: block;text-align: center;margin-top: 20px;}
#main .procSec .procList {margin-top: 40px;}
#main .procSec .procList ul {display: flex;align-items: center;justify-content: space-between;}
#main .procSec .procList ul .step .cc {width: 185px;height: 185px;background-color: #fff;border: 3px solid #e1e1e1;box-sizing: border-box;border-radius: 200px;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
#main .procSec .procList ul .step .cc p {font-size: 17.95px;letter-spacing: -0.04em;font-weight: 600;padding-top: 15px;}
#main .procSec .procList ul .arrow .icon img.mo {display: none;}
#main .procSec .procList ul .arrow .icon img1.mo {display: none;text-align: center;}


@media all and (max-width:1440px) {
  #main .procSec .procList {width: 700px;margin: 40px auto 0;}
  #main .procSec .procList ul {position: relative;flex-wrap: wrap;gap: 60px 0;}
  #main .procSec .procList ul .arrow3 {order: 6;transform: translateY(-50%);position: absolute;top: 50%;right: 84px;}
  #main .procSec .procList ul .step4 {order: 11;}
  #main .procSec .procList ul .arrow4 {order: 8;transform: rotate(180deg);}
  #main .procSec .procList ul .step5 {order: 9;}
  #main .procSec .procList ul .arrow5 {order: 10;transform: rotate(180deg);}
  #main .procSec .procList ul .step6 {order: 7;}
  #main .procSec .procList ul .arrow .icon img.pc {display: none;}
  #main .procSec .procList ul .arrow .icon img.mo {display: block;}
}

@media all and (max-width:760px) {
  #main .procSec .titWrap p {font-size: 13.5px;line-height: 1.5;}
  #main .procSec .procList {width: 100%;margin-top: 23px;}
  #main .procSec .procList ul {gap: 15px 0;}
  #main .procSec .procList ul .arrow3 {order: 5;transform: translateY(0);position: static;}
  #main .procSec .procList ul .step4 {order: 7;}
  #main .procSec .procList ul .arrow2 {display: none;}
  #main .procSec .procList ul .step5 {order: 9;}
  #main .procSec .procList ul .arrow4 {display: none;}
  #main .procSec .procList ul .arrow5 {order: 10;transform: rotate(0);}
  #main .procSec .procList ul .step6 {order: 11;}
  #main .procSec .procList ul .step {width: calc(50% - 25px);}
  #main .procSec .procList ul .step .cc {width: 100%;height: auto;aspect-ratio: 1/1;border: 1px solid #e1e1e1;}
  #main .procSec .procList ul .step .cc .icon {width: 40px;}
  #main .procSec .procList ul .step .cc .icon img {width: 100%;height: auto;}
  #main .procSec .procList ul .step .cc p {font-size: 14px;padding-top: 10px;}
  #main .procSec .procList ul .arrow .icon {width: 20px;display: block;}
  #main .procSec .procList ul .arrow .icon img {width: 100%;height: auto;}
  #main .procSec .procList ul .arrow .icon img.pc {display: block;}
  #main .procSec .procList ul .arrow .icon img.mo {display: none;}
}


.subPage .visualSec {width: 100%;height: 202px;background: url("../img/sub/works_visual.jpg") no-repeat center / cover;display: flex;justify-content: center;align-items: center;}
.subPage .visualSec .titWrap {display: flex;color: #fff;align-items: center;gap: 28px;}
.subPage .visualSec .titWrap .visualTit .subTit {font-size: 13px;font-family: 'oneMobileTitle';letter-spacing: 0.09em;}
.subPage .visualSec .titWrap .visualTit .subTit strong {color: #06ffea;}
.subPage .visualSec .titWrap .visualTit .mainTit {font-family: 'Rix';font-size: 40px;font-weight: 100;letter-spacing: -0.025em;padding-top: 10px;}
.subPage .visualSec .titWrap .visualTit .mainTit strong {font-family: 'oneMobileTitle';color: #06ffea;font-weight: 100;}
.subPage .visualSec .titWrap .callGroup {display: flex;align-items: center;justify-content: center;gap: 11px;width: 486px;height: 65px;border-radius: 50px;background-color: #ff5f37;}
.subPage .visualSec .titWrap .callGroup > * {margin-top: -2px;}
.subPage .visualSec .titWrap .callGroup .icon {width: 35px;height: 35px;}
.subPage .visualSec .titWrap .callGroup .icon img {width: 100%;height: auto;}
.subPage .visualSec .titWrap .callGroup p {font-size: 21px;font-weight: 600;letter-spacing: -0.035em;}
.subPage .visualSec .titWrap .callGroup strong {font-size: 31px;letter-spacing: 0.02em;color: #fffc00;font-weight: 900;}

@media all and (max-width:1080px) {
  .subPage .visualSec {height: auto;padding: 50px 0;}
  .subPage .visualSec .titWrap {flex-direction: column;}
  .subPage .visualSec .titWrap .visualTit {text-align: center;}
}

@media all and (max-width:760px) {
  .subPage .visualSec .titWrap {gap: 15px 0;}
  .subPage .visualSec .titWrap .visualTit .subTit {font-size: 12px;}
  .subPage .visualSec .titWrap .visualTit .mainTit {font-size: 38px;}
  .subPage .visualSec .titWrap .callGroup {gap: 5px;width: 300px;height: auto;flex-wrap: wrap;padding: 10px 0;text-align: center;}
  .subPage .visualSec .titWrap .callGroup > * {margin-top: 0;}
  .subPage .visualSec .titWrap .callGroup .icon {width: 20px;height: 20px;}
  .subPage .visualSec .titWrap .callGroup p {font-size: 16px;}
  .subPage .visualSec .titWrap .callGroup strong {font-size: 24px;display: block;width: 100%;}
}


.subPage .subPfSec {padding-top: 75px;padding-bottom: 78px;}
.subPage .subPfSec .titWrap {text-align: center;}
.subPage .subPfSec .titWrap h3 {font-family: 'Rix';font-size: 35px;}
.subPage .subPfSec .titWrap p {font-size: 15.85px;line-height: 23px;letter-spacing: -0.03em;font-weight: 400;color: #414141;padding-top: 5px;}
.subPage .subPfSec .titWrap .downIcon {display: block;text-align: center;margin-top: 20px;}
.subPage .subPfSec .pfList {margin-top: 23px;}
.subPage .subPfSec .pfList ul {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.subPage .subPfSec .pfList ul li {width: calc(20% - 16px);border: 2px solid #f0f0f0;box-sizing: border-box;border-radius: 18px;overflow: hidden;}
.subPage .subPfSec .pfList ul li .img img {width: 100%;height: auto;}
.subPage .subPfSec .pfList ul li .pfBox {height: 74px;display: flex;flex-direction: column;justify-content: center;padding-left: 20px;border-top: 2px solid #f0f0f0;}
.subPage .subPfSec .pfList ul li .pfBox .pfTit {font-size: 17.25px;letter-spacing: -0.033em;font-weight: 700;}
.subPage .subPfSec .pfList ul li .pfBox .pfLink {font-size: 13.3px;letter-spacing: 0.012em;color: #575757;font-weight: 400;padding-top: 0px;}
.subPage .subPfSec .ptnList {margin-top: 23px;}
.subPage .subPfSec .ptnList ul {display: flex;justify-content: space-between;flex-wrap: wrap;gap: 20px;}
.subPage .subPfSec .ptnList ul li {width: calc(20% - 16px);}
.subPage .subPfSec .ptnList ul li .img img {width: 100%;height: auto;}

@media all and (max-width:1080px) {
  .subPage .subPfSec .pfList ul {flex-wrap: wrap;gap: 30px 0;}
  .subPage .subPfSec .pfList ul li {width: calc(50% - 15px);}
  .subPage .subPfSec .ptnList {margin-top: 30px;}
  .subPage .subPfSec .ptnList ul {flex-wrap: wrap;gap: 30px 0;}
  .subPage .subPfSec .ptnList ul li {width: calc(50% - 15px);}
}

@media all and (max-width:760px) {
  .subPage .subPfSec .titWrap p {font-size: 13.5px;line-height: 1.5;}
  .subPage .subPfSec .pfList ul {gap: 10px 0;}
  .subPage .subPfSec .pfList ul li {width: calc(50% - 5px);border: 1px solid #f0f0f0;}
  .subPage .subPfSec .pfList ul li .pfBox {height: 64px;;padding-left: 10px;border-top: 1px solid #f0f0f0;}
  .subPage .subPfSec .pfList ul li .pfBox .pfTit {font-size: 14px;}
  .subPage .subPfSec .pfList ul li .pfBox .pfLink {font-size: 10.5px;padding-top: 4px;}
  .subPage .subPfSec .ptnList {margin-top: 10px;}
  .subPage .subPfSec .ptnList ul {gap: 10px 0;}
  .subPage .subPfSec .ptnList ul li {width: calc(50% - 5px);}
}


#footer {background-color: #222831;color: #fff;padding: 60px 0;}
#footer .inner {display: flex;gap: 95px;}
#footer .ftBln {position: relative;display: flex;align-items: center;width: 512px;height: 139px;background-color: #393e46;border-radius: 18px;}
#footer .ftBln::before {content: '';position: absolute;top: 50%;right: -14px;transform: translateY(-50%);width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #393e46;}
#footer .ftBln p {font-size: 28.25px;line-height: 41.97px;letter-spacing: -0.035em;padding-left: 38px;}
#footer .ftBln p strong {color: #00ffde;font-weight: 500;}
#footer .ftInfo .info {display: flex;}
#footer .ftInfo .info h5 {font-size: 14px;font-weight: 900;letter-spacing: 0.03em;width: 200px;}
#footer .ftInfo .info1 p {font-family: 'NanumSquareNeo';font-size: 14px;color: #95989c;line-height: 24px;font-weight: 400;}
#footer .ftInfo .info2 {margin-top: 30px;}
#footer .ftInfo .info2 .contactGroup {display: flex;align-items: center;gap: 15px;}
#footer .ftInfo .info2 .contactGroup .time {font-family: 'NanumSquareNeo';font-size: 14px;font-weight: 700;line-height: 24px;}
#footer .ftInfo .info2 .contactGroup .ftCall {display: flex;align-items: center;gap: 13px;}
#footer .ftInfo .info2 .contactGroup .ftCall .icon {width: 35px;height: 35px;}
#footer .ftInfo .info2 .contactGroup .ftCall .icon img {width: 100%;height: auto;}
#footer .ftInfo .info2 .contactGroup .ftCall strong {font-size: 33px;font-weight: 900;color: #ffd800;}

@media all and (max-width:1280px) {
  #footer .inner {flex-direction: column;gap: 50px;align-items: center;}
  #footer .ftBln {justify-content: center;}
  #footer .ftBln::before {top: auto;bottom: -15px;right: auto;left: 50%;transform: translateY(0) translateX(-50%);border-bottom: 0;border-right: 15px solid transparent; border-top: 15px solid #393e46; border-left: 15px solid transparent;}
  #footer .ftBln p {padding-left: 0;text-align: center;}
}

@media all and (max-width:760px) {
  #footer {padding: 30px 0;}
  #footer .ftBln {width: 100%;height: 120px;}
  #footer .ftBln p {font-size: 20px;line-height: 1.5;}
  #footer .ftInfo .info {flex-direction: column;align-items: center;text-align: center;gap: 15px;}
  #footer .ftInfo .info1 p {font-size: 12px;line-height: 1.5;letter-spacing: -0.03em;font-weight: 500;}
  #footer .ftInfo .info1 p .blank {display: block;height: 5px;}
  #footer .ftInfo .info2 {border-top: 1px solid rgba(255,255,255,0.1);padding-top: 30px;}
  #footer .ftInfo .info2 .contactGroup {flex-direction: column;}
}