@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: 'Pretendard', 'NanumSquareNeo', -apple-system, BlinkMacSystemFont, 'sans-serif';color: var(--color-primary);-webkit-text-size-adjust: none;-webkit-overflow-scrolling:touch;overflow-x:hidden;background-color: var(--color-bg);}
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;}

:root {
  --color-primary: #0f172a;
  --color-accent: #06b6d4;
  --color-accent-dark: #0891b2;
  --color-cta: #f97316;
  --color-cta-dark: #ea580c;
  --color-bg: #f8fafc;
  --color-surface: #ffffff;
  --color-text: #334155;
  --color-text-muted: #64748b;
  --color-border: #e2e8f0;
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 24px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --header-height: 80px;
}

html {scroll-behavior: smooth;}

.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: var(--header-height);background-color: rgba(255, 255, 255, 0.85);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);position: fixed;top: 0;left: 0;z-index: 1000;border-bottom: 1px solid transparent;transition: var(--transition);}
#header.scrolled {background-color: rgba(255, 255, 255, 0.95);border-bottom-color: var(--color-border);box-shadow: var(--shadow-sm);}
#header .inner {display: flex;height: 100%;align-items: center;justify-content: space-between;}
#header .hdLogo a {display: block;width: 180px;transition: opacity var(--transition);}
#header .hdLogo a:hover {opacity: 0.8;}
#header .hdLogo a img {width: 100%;height: auto;}
#header .hdGnb {height: 100%;}
#header .hdGnb ul {display: flex;gap: 40px;height: 100%;}
#header .hdGnb ul li {height: 100%;}
#header .hdGnb ul li a {font-size: 15px;font-weight: 600;display: flex;align-items: center;height: 100%;color: var(--color-text);letter-spacing: 0.02em;position: relative;transition: color var(--transition);}
#header .hdGnb ul li a::after {content: '';position: absolute;bottom: 24px;left: 0;width: 0;height: 2px;background: linear-gradient(90deg, var(--color-accent), var(--color-cta));border-radius: 2px;transition: width var(--transition);}
#header .hdGnb ul li a:hover {color: var(--color-primary);}
#header .hdGnb ul li a:hover::after {width: 100%;}
#header .mMenuBtn {display: none;}

@media all and (max-width:760px) {
  :root {--header-height: 64px;}
  #header {height: var(--header-height);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: 140px;line-height: 0;}
  #header .hdLogo a img {display: block;width: 100%;height: auto;}
  #header .hdGnb {position: fixed;top: var(--header-height);right: 0;width: 100%;height: calc(100vh - var(--header-height));background-color: rgba(255,255,255,0.98);backdrop-filter: blur(16px);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: auto;padding: 36px 28px;box-sizing: border-box;}
  #header .hdGnb ul li {height: auto;border-bottom: 1px solid var(--color-border);}
  #header .hdGnb ul li a {display: flex;align-items: center;height: auto;padding: 20px 0;font-size: 18px;font-weight: 600;}
  #header .hdGnb ul li a::after {display: none;}
  #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: var(--color-primary);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);}
}


.sectionLabel {display: inline-block;font-size: 13px;font-weight: 700;letter-spacing: 0.12em;color: var(--color-accent);margin-bottom: 8px;text-transform: uppercase;}

.fade-up {opacity: 0;transform: translateY(32px);transition: opacity 0.7s ease, transform 0.7s ease;}
.fade-up.visible {opacity: 1;transform: translateY(0);}


#main .visualSec {position: relative;margin-top: calc(-1 * var(--header-height));}
#main .visualSec .swiper-slide {width: 100%;height: 90vh;min-height: 600px;max-height: 900px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;}
#main .visualSec .swiper-slide::before {content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(15, 23, 42, 0.75) 0%, rgba(15, 23, 42, 0.45) 50%, rgba(8, 145, 178, 0.35) 100%);z-index: 1;}
#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: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;color: #fff;width: 100%;max-width: 900px;padding: 0 24px;z-index: 2;}
#main .visualSec .swiper-slide .visualTxt .subTit {font-size: 14px;font-weight: 600;letter-spacing: 0.15em;text-transform: uppercase;opacity: 0.9;}
#main .visualSec .swiper-slide .visualTxt .subTit strong {color: var(--color-accent);font-weight: 700;}
#main .visualSec .swiper-slide .visualTxt .mainTit {font-family: 'Pretendard', 'GmarketSans', sans-serif;font-size: clamp(28px, 4vw, 48px);line-height: 1.35;font-weight: 700;letter-spacing: -0.02em;padding-top: 20px;}
#main .visualSec .swiper-slide .visualTxt .mainTit strong {font-weight: 800;}
#main .visualSec .swiper-slide .visualTxt .mainTit strong em {background: linear-gradient(135deg, #22d3ee, #06b6d4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-style: normal;}
#main .visualSec .swiper-slide .visualTxt .bar {display: block;width: 48px;height: 3px;background: linear-gradient(90deg, var(--color-accent), var(--color-cta));margin: 28px auto;border-radius: 2px;}
#main .visualSec .swiper-slide .visualTxt .desc {font-size: clamp(14px, 1.5vw, 17px);line-height: 1.7;letter-spacing: -0.02em;opacity: 0.92;font-weight: 400;}
#main .visualSec .swiper-slide .visualTxt .callGroup {display: inline-flex;align-items: center;justify-content: center;gap: 12px;padding: 16px 36px;border-radius: var(--radius-full);background: linear-gradient(135deg, var(--color-cta) 0%, var(--color-cta-dark) 100%);margin: 40px auto 0;box-shadow: 0 8px 32px rgba(249, 115, 22, 0.35);transition: transform var(--transition), box-shadow var(--transition);}
#main .visualSec .swiper-slide .visualTxt .callGroup:hover {transform: translateY(-2px);box-shadow: 0 12px 40px rgba(249, 115, 22, 0.45);}
#main .visualSec .swiper-slide .visualTxt .callGroup > * {margin-top: 0;}
#main .visualSec .swiper-slide .visualTxt .callGroup .icon {width: 32px;height: 32px;flex-shrink: 0;}
#main .visualSec .swiper-slide .visualTxt .callGroup .icon img {width: 100%;height: auto;}
#main .visualSec .swiper-slide .visualTxt .callGroup p {font-size: 16px;font-weight: 600;letter-spacing: -0.02em;color: #fff;}
#main .visualSec .swiper-slide .visualTxt .callGroup .callNum,
#main .visualSec .swiper-slide .visualTxt .callGroup strong {font-size: 24px;letter-spacing: 0.04em;color: #fef08a;font-weight: 800;text-decoration: none;}
#main .visualSec .swiper-pagination {bottom: 40px !important;z-index: 10;}
#main .visualSec .swiper-pagination-bullet {width: 10px;height: 10px;background: rgba(255,255,255,0.4);opacity: 1;transition: var(--transition);}
#main .visualSec .swiper-pagination-bullet-active {background: var(--color-accent);width: 28px;border-radius: 5px;}

@media all and (max-width:760px) {
  #main .visualSec .swiper-slide {height: calc(var(--vh, 1vh) * 100);min-height: 480px;}
  #main .visualSec .swiper-slide .visualTxt .subTit {font-size: 11px;}
  #main .visualSec .swiper-slide .visualTxt .mainTit {font-size: 28px;line-height: 1.35;}
  #main .visualSec .swiper-slide .visualTxt .bar {width: 36px;height: 2px;margin: 20px auto;}
  #main .visualSec .swiper-slide .visualTxt .desc {font-size: 14px;line-height: 1.6;}
  #main .visualSec .swiper-slide .visualTxt .callGroup {gap: 8px;padding: 14px 24px;flex-wrap: wrap;margin-top: 28px;}
  #main .visualSec .swiper-slide .visualTxt .callGroup .icon {width: 22px;height: 22px;}
  #main .visualSec .swiper-slide .visualTxt .callGroup p {font-size: 14px;}
  #main .visualSec .swiper-slide .visualTxt .callGroup .callNum,
  #main .visualSec .swiper-slide .visualTxt .callGroup strong {font-size: 20px;display: block;width: 100%;text-align: center;}
  #main .visualSec .swiper-pagination {bottom: 24px !important;}
}


#main .workSec {padding: 100px 0;background-color: var(--color-surface);}
#main .workSec .titWrap {text-align: center;max-width: 640px;margin: 0 auto;}
#main .workSec .titWrap h3 {font-family: 'Pretendard', sans-serif;font-size: clamp(28px, 3vw, 36px);font-weight: 800;letter-spacing: -0.03em;color: var(--color-primary);}
#main .workSec .titWrap p {font-size: 16px;line-height: 1.7;letter-spacing: -0.02em;font-weight: 400;color: var(--color-text-muted);padding-top: 12px;}
#main .workSec .workList {margin-top: 56px;}
#main .workSec .workList ul {display: grid;grid-template-columns: repeat(4, 1fr);gap: 24px;}
#main .workSec .workList ul li {border-radius: var(--radius-md);overflow: hidden;background: var(--color-surface);box-shadow: var(--shadow-md);border: 1px solid var(--color-border);transition: transform var(--transition), box-shadow var(--transition);}
#main .workSec .workList ul li:hover {transform: translateY(-6px);box-shadow: var(--shadow-lg);}
#main .workSec .workList ul li .img {overflow: hidden;}
#main .workSec .workList ul li .img img {width: 100%;height: auto;transition: transform 0.5s ease;}
#main .workSec .workList ul li:hover .img img {transform: scale(1.05);}
#main .workSec .workList ul li .workBox {position: relative;background-color: var(--color-surface);padding: 28px 24px 32px;text-align: center;}
#main .workSec .workList ul li .workBox .num {display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark));border-radius: 50%;font-size: 14px;font-weight: 800;color: #fff;margin-bottom: 16px;position: static;transform: none;top: auto;left: auto;padding-top: 0;}
#main .workSec .workList ul li .workBox h4 {font-size: 20px;letter-spacing: -0.03em;font-weight: 700;color: var(--color-primary);}
#main .workSec .workList ul li .workBox .bar {display: block;width: 24px;height: 3px;background: linear-gradient(90deg, var(--color-accent), var(--color-cta));margin: 14px auto;border-radius: 2px;}
#main .workSec .workList ul li .workBox .desc {font-size: 14px;line-height: 1.65;letter-spacing: -0.02em;font-weight: 400;color: var(--color-text-muted);padding-inline: 0;word-break: keep-all;}

@media all and (max-width:1080px) {
  #main .workSec .workList ul {grid-template-columns: repeat(2, 1fr);gap: 20px;}
}

@media all and (max-width:760px) {
  #main .workSec {padding: 64px 0;}
  #main .workSec .titWrap p {font-size: 14px;line-height: 1.6;}
  #main .workSec .workList {margin-top: 36px;}
  #main .workSec .workList ul {grid-template-columns: repeat(2, 1fr);gap: 12px;}
  #main .workSec .workList ul li .workBox {padding: 20px 16px 24px;}
  #main .workSec .workList ul li .workBox .num {width: 32px;height: 32px;font-size: 12px;margin-bottom: 10px;}
  #main .workSec .workList ul li .workBox h4 {font-size: 15px;}
  #main .workSec .workList ul li .workBox .bar {width: 20px;height: 2px;margin: 10px 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: 100px 0;background-color: var(--color-bg);}
#main .pfSec .titWrap {text-align: center;max-width: 640px;margin: 0 auto;}
#main .pfSec .titWrap h3 {font-family: 'Pretendard', sans-serif;font-size: clamp(28px, 3vw, 36px);font-weight: 800;letter-spacing: -0.03em;color: var(--color-primary);}
#main .pfSec .titWrap p {font-size: 16px;line-height: 1.7;letter-spacing: -0.02em;font-weight: 400;color: var(--color-text-muted);padding-top: 12px;}
#main .pfSec .pfList {margin-top: 56px;}
#main .pfSec .pfList ul {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
#main .pfSec .pfList1 {margin-top: 20px;}
#main .pfSec .pfList1 ul {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;}
#main .pfSec .pfList ul li,
#main .pfSec .pfList1 ul li {border: 1px solid var(--color-border);box-sizing: border-box;border-radius: var(--radius-md);overflow: hidden;background: var(--color-surface);box-shadow: var(--shadow-sm);transition: transform var(--transition), box-shadow var(--transition);}
#main .pfSec .pfList ul li:hover,
#main .pfSec .pfList1 ul li:hover {transform: translateY(-4px);box-shadow: var(--shadow-md);}
#main .pfSec .pfList ul li .img,
#main .pfSec .pfList1 ul li .img {overflow: hidden;}
#main .pfSec .pfList ul li .img a,
#main .pfSec .pfList1 ul li .img a {display: block;}
#main .pfSec .pfList ul li .img img,
#main .pfSec .pfList1 ul li .img img {width: 100%;height: auto;transition: transform 0.5s ease;}
#main .pfSec .pfList ul li:hover .img img,
#main .pfSec .pfList1 ul li:hover .img img {transform: scale(1.04);}
#main .pfSec .pfList ul li .pfBox {height: auto;min-height: 72px;display: flex;flex-direction: column;justify-content: center;padding: 16px 20px;border-top: 1px solid var(--color-border);}
#main .pfSec .pfList ul li .pfBox .pfTit {font-size: 15px;letter-spacing: -0.02em;font-weight: 700;color: var(--color-primary);}
#main .pfSec .pfList ul li .pfBox .pfLink {font-size: 12px;letter-spacing: 0;color: var(--color-text-muted);font-weight: 400;padding-top: 4px;}
#main .pfSec .pfList1:last-of-type {text-align: center;}
#main .pfSec .moreBtn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 16px 40px;border-radius: var(--radius-full);background: linear-gradient(135deg, var(--color-cta) 0%, var(--color-cta-dark) 100%);font-size: 16px;color: #fff;letter-spacing: -0.02em;font-weight: 600;margin: 48px auto 0;box-shadow: 0 8px 24px rgba(249, 115, 22, 0.3);transition: transform var(--transition), box-shadow var(--transition);width: auto;height: auto;line-height: 1;}
#main .pfSec .moreBtn:hover {transform: translateY(-2px);box-shadow: 0 12px 32px rgba(249, 115, 22, 0.4);}
#main .pfSec .moreBtn strong {color: #fef08a;font-weight: 700;}
#main .pfSec .moreBtn .arrow {font-size: 18px;transition: transform var(--transition);}
#main .pfSec .moreBtn:hover .arrow {transform: translateX(4px);}

@media all and (max-width:1080px) {
  #main .pfSec .pfList ul,
  #main .pfSec .pfList1 ul {grid-template-columns: repeat(3, 1fr);gap: 16px;}
}

@media all and (max-width:760px) {
  #main .pfSec {padding: 64px 0;}
  #main .pfSec .titWrap p {font-size: 14px;line-height: 1.6;}
  #main .pfSec .pfList {margin-top: 36px;}
  #main .pfSec .pfList ul,
  #main .pfSec .pfList1 ul {grid-template-columns: repeat(2, 1fr);gap: 12px;}
  #main .pfSec .pfList ul li .pfBox {min-height: 60px;padding: 12px 14px;}
  #main .pfSec .pfList ul li .pfBox .pfTit {font-size: 13px;}
  #main .pfSec .pfList ul li .pfBox .pfLink {font-size: 11px;}
  #main .pfSec .moreBtn {padding: 14px 32px;font-size: 14px;margin-top: 32px;}
}


#main .procSec {background: linear-gradient(180deg, var(--color-surface) 0%, var(--color-bg) 100%);padding: 100px 0;}
#main .procSec .titWrap {text-align: center;max-width: 640px;margin: 0 auto;}
#main .procSec .titWrap h3 {font-family: 'Pretendard', sans-serif;font-size: clamp(28px, 3vw, 36px);font-weight: 800;letter-spacing: -0.03em;color: var(--color-primary);}
#main .procSec .titWrap p {font-size: 16px;line-height: 1.7;letter-spacing: -0.02em;font-weight: 400;color: var(--color-text-muted);padding-top: 12px;}
#main .procSec .procList {margin-top: 56px;}
#main .procSec .procList ul {display: flex;align-items: center;justify-content: space-between;}
#main .procSec .procList ul .step .cc {width: 160px;height: 160px;background-color: var(--color-surface);border: 2px solid var(--color-border);box-sizing: border-box;border-radius: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);}
#main .procSec .procList ul .step:hover .cc {border-color: var(--color-accent);box-shadow: 0 8px 24px rgba(6, 182, 212, 0.15);transform: scale(1.05);}
#main .procSec .procList ul .step .cc p {font-size: 15px;letter-spacing: -0.02em;font-weight: 600;color: var(--color-primary);padding-top: 12px;}
#main .procSec .procList ul .arrow .icon img.mo {display: none;}
#main .procSec .procList ul .arrow .icon img {opacity: 0.4;filter: hue-rotate(180deg);}


@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 {padding: 64px 0;}
  #main .procSec .titWrap p {font-size: 14px;line-height: 1.6;}
  #main .procSec .procList {width: 100%;margin-top: 36px;}
  #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: 2px solid var(--color-border);}
  #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 {padding-top: var(--header-height);}
.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: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color: #fff;padding: 80px 0;}
#footer .inner {display: flex;gap: 64px;align-items: flex-start;}
#footer .ftBln {position: relative;display: flex;align-items: center;flex-shrink: 0;width: 420px;padding: 32px 36px;background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);border-radius: var(--radius-md);backdrop-filter: blur(8px);}
#footer .ftBln::before {display: none;}
#footer .ftBln p {font-size: 22px;line-height: 1.5;letter-spacing: -0.02em;padding-left: 0;font-weight: 500;}
#footer .ftBln p strong {background: linear-gradient(135deg, #22d3ee, #06b6d4);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;font-weight: 700;}
#footer .ftInfo .info {display: flex;}
#footer .ftInfo .info h5 {font-size: 12px;font-weight: 700;letter-spacing: 0.1em;text-transform: uppercase;color: var(--color-accent);width: 180px;flex-shrink: 0;}
#footer .ftInfo .info1 p {font-size: 14px;color: #94a3b8;line-height: 1.8;font-weight: 400;}
#footer .ftInfo .info2 {margin-top: 28px;}
#footer .ftInfo .info2 .contactGroup {display: flex;align-items: center;gap: 24px;}
#footer .ftInfo .info2 .contactGroup .time {font-size: 14px;font-weight: 500;line-height: 1.7;color: #cbd5e1;}
#footer .ftInfo .info2 .contactGroup .ftCall {display: flex;align-items: center;gap: 12px;}
#footer .ftInfo .info2 .contactGroup .ftCall .icon {width: 32px;height: 32px;}
#footer .ftInfo .info2 .contactGroup .ftCall .icon img {width: 100%;height: auto;}
#footer .ftInfo .info2 .contactGroup .ftCall strong {font-size: 28px;font-weight: 800;color: #fef08a;letter-spacing: 0.02em;}

@media all and (max-width:1280px) {
  #footer .inner {flex-direction: column;gap: 40px;align-items: center;}
  #footer .ftBln {width: 100%;max-width: 480px;justify-content: center;text-align: center;}
  #footer .ftBln p {text-align: center;}
}

@media all and (max-width:760px) {
  #footer {padding: 48px 0;}
  #footer .ftBln {padding: 24px 20px;}
  #footer .ftBln p {font-size: 18px;line-height: 1.5;}
  #footer .ftInfo .info {flex-direction: column;align-items: center;text-align: center;gap: 12px;}
  #footer .ftInfo .info h5 {width: auto;}
  #footer .ftInfo .info1 p {font-size: 12px;line-height: 1.6;}
  #footer .ftInfo .info1 p .blank {display: block;height: 5px;}
  #footer .ftInfo .info2 {border-top: 1px solid rgba(255,255,255,0.08);padding-top: 28px;width: 100%;}
  #footer .ftInfo .info2 .contactGroup {flex-direction: column;gap: 16px;}
  #footer .ftInfo .info2 .contactGroup .ftCall strong {font-size: 24px;}
}