@charset "utf-8";
/* 공통 */
.sub-pd { padding: 140px 0;}
.sub-pd.first { padding-bottom: 140px; padding-top: 0; }
.sub-pd.last { padding-top: 140px; padding-bottom: 0; }
.sub-pd.gray { padding: 120px 0; background: linear-gradient(212deg, rgba(0, 0, 0, 0.00) 19.19%, rgba(0, 0, 0, 0.08) 80.81%), #F6F6F6;}
.sub-pd.gray2 { background: #f6f6f6; }
.sub-mg { margin-bottom: 70px; }
.sub-mg2 { margin-bottom: 100px; }
.sub-mg2.tc { text-align: center; }
.sub-mg2 .text-gra { display: inline-block; font-size: var(--font-size24); font-weight: 700; line-height: 1.6666em; font-family: var(--grotesk); margin-bottom: 40px; background: linear-gradient(-270deg, #66E2D6 0%, #6A6DFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.subtit-mg { margin-bottom: 40px; }
.subtit { font-size: var(--font-size42); font-weight: 700; color: #2c2c2c; line-height: 1.47em; margin-bottom: 24px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap;}
.subtit.db { display: block; }
.subtit.tc {text-align: center; justify-content: center;}
.subtit span { color: var(--color-primary);}
.subtit span.fz { font-size: var(--font-size18); font-weight: 600; color: #a8a8a8; }
.subtxt { font-size: var(--font-size18); color: #676767; font-weight: 400; line-height: 1.666em; }
.subtxt span { color: var(--color-primary); }

/* sub1 공통 */
.sub1-wrap { position: relative; }
.sub1-tab-wrap { position:sticky; top: 110px; width: 100%; max-width: 240px; padding-left: 40px; flex-shrink: 0; min-height: 280px; z-index: 1; }
.sub1-tab-wrap h4 { font-size: var(--font-size24); font-weight: 700; line-height: 1.6666em; font-family: var(--grotesk); margin-bottom: 30px; }
.sub1-tab-wrap ul li { margin-bottom: 8px; }
.sub1-tab-wrap ul li a { display: block; font-size: var(--font-size20); line-height: 1.7em; font-weight: 600; color: #a8a8a8; transition: .3s;}
.sub1-tab-wrap ul li:last-child { margin-bottom: 0; }
.sub1-tab-wrap ul li.active a { color: #2c2c2c;}
.sub1-tab-wrap ul li a:hover { color: #2c2c2c;}
.sub1-contents { position: relative; margin-top: -280px; }
.sub1-txt { font-size: var(--font-size24); line-height: 1.666em; color: #2c2c2c; font-weight: 600; }
.sub1-txt span { color: var(--color-primary);}
.sub1-tit { display: flex; align-items: center; line-height: 1.44em; font-size: var(--font-size32); font-weight: 700; color: #2c2c2c; gap: 5px; margin-bottom: 12px; }
.sub1-tit a { padding: 0px 18px; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 14px; border-radius: 30px; background: #f1f1f1; height: 40px; margin-left: 10px; }
.sub1-feature { display: flex; flex-wrap: wrap; gap: 20px; }
.sub1-feature .col { flex: 1; }
.sub1-feature .col img { border-radius: 24px; }
.sub1-feature .col .num { margin: 34px 0 22px; width: 28px; height: 28px; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1em; background: var(--color-primary); font-size: 14px; font-weight: 700;}
.sub1-feature .col .tit { font-size: var(--font-size28); line-height: 1.5em; font-weight: 700; color: #2c2c2c; margin: 16px 0 24px;}
.sub1-feature .col .subtxt span { color: #2c2c2c; font-weight: 600; }

/* 공통서비스 */
.sub1-service { padding: 120px 0; background: url(../images/sub/sub1-bg.jpg) center no-repeat; background-size: cover; }
.sub1-service .img-wrap { display: flex; gap: 21px; margin-bottom: 20px; }
.sub1-service .img-wrap .col { width: calc(100%/3 - 14px); height: 315px; border-radius: 24px; overflow: hidden; transition: .5s; position: relative; }
.sub1-service .img-wrap .col img { width: 100%; height: 100%; object-fit: cover;}
.sub1-service .img-wrap .col .abbox { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; text-align: left; color: #fff; padding-left: 30px; font-size: var(--font-size26); line-height: 1.53em; font-weight: 700; background: rgba(0,0,0,.5); transition: .3s;}
.sub1-service .img-wrap .col .tit-fx { display: flex; align-items: flex-end; justify-content: space-between; position: absolute; left: 0; width: 100%; padding: 0 40px 40px; color: #fff; height: 100%; top: 0; opacity: 0; transform: translateY(30px); transition: opacity .1s, transform .1s ease-out; transition-delay: 0s; }
.sub1-service .img-wrap .col .tit { font-size: var(--font-size42); font-weight: 700; line-height: 1.33em; }
.sub1-service .img-wrap .col .more { display: inline-block; position: relative; font-family: var(--grotesk); font-weight: 600; line-height: 1.5em; padding-right: 42px; margin-bottom: 15px; }
.sub1-service .img-wrap .col .more::after { content: ""; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 32px; height: 32px; background: url(../images/sub/sub1-1-more.png) center no-repeat; background-size: contain; }
.sub1-service .img-wrap:not(.has-active) .col:hover { width: 70%; } 
.sub1-service .img-wrap:not(.has-active) .col:hover .abbox { opacity: 0; }
.sub1-service .img-wrap:not(.has-active) .col:hover .tit-fx { opacity: 1; transform: translateY(0); transition: opacity .3s, transform .3s ease-out; transition-delay: .5s; }
.sub1-service .img-wrap .col.active { width: 70%; }
.sub1-service .img-wrap .col.active .abbox { opacity: 0; }
.sub1-service .img-wrap .col.active .tit-fx { opacity: 1; transform: translateY(0); transition: opacity .3s, transform .3s ease-out; transition-delay: .5s; }
.sub1-service .img-wrap .col.active .more::after { background-image: url(../images/sub/sub1-1-close.png);}
.sub1-service .service-box { display: none; padding: 30px; background: #fff; border-radius: 24px; }
.service-box .top { display: flex; gap: 10px; flex-wrap: wrap; align-items: flex-end; padding: 20px; padding-bottom: 40px; }
.service-box .top>div { width: calc(100%/2 - 5px); }
.service-box .top .ctr { line-height: 1.42em; font-size: 14px; font-weight: 700; color: var(--color-primary); padding: 10px 12px 8px; border-radius: 8px; background: #eaebff; margin-bottom: 16px; display: inline-block; }
.service-box .top .tit { font-size: var(--font-size32); color: #2c2c2c; font-weight: 700; line-height: 1.5em; }
.service-box .btm-fx { display: flex; gap: 10px; }
.service-box .btm-fx .btm { flex: 1;}
.service-box .btm { padding: 30px; border-radius: 16px; background: rgba(246, 246, 246, 0.96); }
.service-box .btm .tit2 { font-size: var(--font-size20); line-height: 1.7em; color: #2c2c2c; font-weight: 600; display: flex; align-items: center; gap: 12px; }
.service-box .btm .tit2 .num { width: 28px; height: 28px; background: #121212; display: flex; align-items: center; justify-content: center; border-radius: 28px; color: #fff; line-height: 1em; font-size: 14px; font-weight: 700; }
.service-box .btm ul { margin-top: 20px; display: flex; gap: 12px 10px; flex-wrap: wrap;} 
.service-box .btm ul li { width: 100%; position: relative; line-height: 1.5em; padding-left: 25px; }
.service-box .btm ul li::before { content: ""; position: absolute; left: 0; top: 6px; width: 12px; height: 10px; background: url(../images/sub/sub1-1-bf.png) center no-repeat; background-size: contain;}
.service-box .btm ul li span { color: #2c2c2c; font-weight: 600; }
.service-box .btm ul.flex li { width: calc(100%/2 - 6px); }
.service-box .btm .white { margin-top: 30px; padding: 18px 10px; border-radius: 40px; border: 1px solid #eee; text-align: center; color: var(--color-primary); font-weight: 600; line-height: 1.5em; background: #fff; }

/* Package */
.pk-type { display: flex; flex-wrap: wrap; gap: 21px; justify-content: center;}
.pk-type .col { width: calc(100%/3 - 14px); padding: 16px; border: 1px solid #eee; border-radius: 24px; }
.pk-type .col .info { padding: 18px; padding-bottom: 40px; }
.pk-type .col .info .en { line-height: 1.5em; color: #a8a8a8; font-family: var(--grotesk); }
.pk-type .col .info .tit { margin-top: 4px; font-size: var(--font-size28); line-height: 1.5em; font-weight: 700; color: #2c2c2c; }
.pk-type .col .img { text-align: right; }
.pk-type .col .img img { border-radius: 16px; width: 75%; }
.pk-fx .col { margin-bottom: 16px; background: #fff; border-radius: 24px; padding: 16px; display: flex; align-items: center;}
.pk-fx .col:last-child { margin-bottom: 0; }
.pk-fx .col .img img { border-radius: 16px; }
.pk-fx .col .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 50px; }
.pk-fx .col .info .num { width: 28px; height: 28px; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1em; background: var(--color-primary); font-size: 14px; font-weight: 700;}
.pk-fx .col .info .tit { font-size: var(--font-size28); line-height: 1.5em; font-weight: 700; color: #2c2c2c; margin: 16px 0 24px;}

/* OpenQR */
.open-wrap { border: 1px solid #eee; padding: 40px; display: flex; flex-wrap: wrap; gap: 60px 40px; border-radius: 24px; }
.open-wrap .col { width: calc(100%/2 - 20px); }
.open-wrap .col.w100 { width: 100%; }
.open-wrap .col .tit-fx { display: flex; margin-bottom: 30px; align-items: center; gap: 10px 16px; flex-wrap: wrap;}
.open-wrap .col .tit-fx .ctr { padding: 10px 12px; background: #f1f1f1; border-radius: 8px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 1.4em; color: var(--color-primary);}
.open-wrap .col .tit-fx .tit { font-size: var(--font-size26); line-height: 1.5em; font-weight: 700; color: #2c2c2c; }
.open-wrap .col .tit-fx .type { line-height: 1.5em; color: #a8a8a8; font-weight: 600; }
.open-wrap .col ul { display: flex; gap: 4px;}
.open-wrap .col ul li { flex: 1;}
.open-wrap .col ul li img { border-radius: 16px; }
.open-wrap .col ul li .tit { line-height: 1.666em; font-size: var(--font-size24); font-weight: 700; color: #2c2c2c; margin-top: 24px; }
.open-wrap .col ul li .txt { margin-top: 4px; line-height: 1.5em; color: #a8a8a8; }
.open-txt { font-size: var(--font-size22); font-weight: 600; color: #2c2c2c; line-height: 1.63em; }
.open-txt span { color: var(--color-primary); margin-bottom: 4px; }
.open-use { margin-bottom: 24px; display: flex; align-items: center; background: #fff; border-radius: 24px; border: 1px solid #dfdfdf; padding: 40px; }
.open-use img { border-radius: 16px; }
.open-use .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 40px; padding-right: 20px; }
.open-use .info .en { line-height: 1.42em; color: #a8a8a8; font-family: var(--grotesk); font-size: 14px; position: relative; padding-left: 18px; }
.open-use .info .en::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 12px; height: 9px; background: url(../images/sub/sub1-2-chk.png) center no-repeat; background-size: contain;}
.open-use .info .tit { font-size: var(--font-size32); line-height: 1.5em; color: #2c2c2c; font-weight: 700; margin: 16px 0 60px;}
.open-use .info ul li { display: flex; align-items: center; margin-bottom: 24px; }
.open-use .info ul li:last-child { margin-bottom: 0; }
.open-use .info ul li .num { width: 24px; height: 24px; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1em; background: var(--color-primary); font-size: 14px; font-weight: 700; margin-right: 8px; }
.open-use .info ul li .subtxt { flex: 1 1 auto; min-width: 0; width: 1%; color: #505050; }
.open-fx { display: flex; gap: 20px; flex-wrap: wrap;}
.open-fx .col { width: calc(100%/2 - 10px); background: #fafafa; border: 1px solid #eee; border-radius: 24px; padding: 40px; }
.open-fx .col .top { display: flex; align-items: center; margin-bottom: 40px; }
.open-fx .col .top img { border-radius: 16px; }
.open-fx .col .top .info { flex: 1 1 auto; min-width: 0; width: 1%; padding-left: 34px; }
.open-fx .col .top .info .ctr { line-height: 1.42em; font-size: 14px; font-weight: 700; color: var(--color-primary); margin-bottom: 16px; }
.open-fx .col .top .info .tit { font-size: var(--font-size28); line-height: 1.5em; font-weight: 700; color: #2c2c2c; }
.open-fx .col .group { margin-bottom: 24px; }
.open-fx .col .group.mg { margin-bottom: 0;  }
.open-fx .col .group h4 { font-size: var(--font-size20); line-height: 1.7em; font-weight: 700; color: #2c2c2c; margin-bottom: 6px; }
.open-fx .col .group .subtxt { position: relative; }
.open-fx .col .group .subtxt { position: relative; line-height: 1.5em; padding-left: 25px; }
.open-fx .col .group .subtxt::before { content: ""; position: absolute; left: 0; top: 9px; width: 12px; height: 10px; background: url(../images/sub/sub1-1-bf.png) center no-repeat; background-size: contain;}
.open-list { display: flex; flex-wrap: wrap; gap: 10px; }
.open-list .col { flex: 1; }
.open-list .col .tit { display: flex; align-items: center; gap: 12px; }
.open-list .col .tit .num { width: 28px; height: 28px; border-radius: 28px; display: flex; align-items: center; justify-content: center; line-height: 1em; color: #fff; background: var(--color-primary); font-size: 14px; font-weight: 700; }
.open-list .col .tit strong { font-size: var(--font-size28); line-height: 1.5em; font-weight: 700; color: #2c2c2c; }
.open-list .col .img { margin: 24px 0;}
.open-list .col .img img { border-radius: 16px; }
.open-list .col .tit.db { display: block; }
.open-list .col .tit.db strong { font-size: var(--font-size24); margin-top: 12px; display: block; }

/* Hologram */
.holo { margin-bottom: 30px; padding: 40px; border: 1px solid #eee; border-radius: 24px; }
.holo.mg { margin-bottom: 0; }
.holo .tit-fx { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;}
.holo .tit { display: flex; align-items: center; gap: 16px; flex-wrap: wrap;}
.holo .tit .ctr { display: inline-block; line-height: 1.2em; font-size: 14px; font-weight: 700; color: #676767; padding: 10px 12px; border-radius: 8px; background: #f1f1f1; }
.holo .tit strong { display: inline-block; font-size: var(--font-size26); line-height: 1.53em; color: #2c2c2c; font-weight: 700; }
.holo .tit-fx a { display: flex; align-items: center; justify-content: center; gap: 6px; color: #fff; width: 144px; height: 40px; border-radius: 20px; background: var(--color-primary); border-radius: 20px; font-size: 14px; font-weight: 700; line-height: 1.42em; }
.holo .mid { display: flex; margin: 50px 0;}
.holo .mid .info { flex: 1 1 auto; min-width: 0; width: 1%; margin-right: 10px; padding: 30px; border-radius: 16px; background: #f4f5ff; display: flex; flex-direction: column; justify-content: space-between; }
.holo .mid .info h4 { font-size: var(--font-size22); font-weight: 700; line-height: 1.63em; color: #2c2c2c; margin-bottom: 24px; }
.holo .mid .info h4 span { color: var(--color-primary); }
.holo .mid .info .subtxt { position: relative; line-height: 1.5em; padding-left: 22px; margin-bottom: 12px; font-size: 16px; }
.holo .mid .info .subtxt::before { content: ""; position: absolute; left: 0; top: 6px; width: 12px; height: 10px; background: url(../images/sub/sub1-1-bf.png) center no-repeat; background-size: contain;}
.holo .mid .info .subtxt span { color: #878787; font-size: 15px; font-weight: 400; display: block; margin-top: 6px; line-height: 1.33em; }
.holo .mid .info .hash { display: flex; gap: 4px; flex-wrap: wrap; }
.holo .mid .info .hash.mb { margin-bottom: 0; }
.holo .mid .info .hash span { display: inline-block; padding: 8px 10px; border-radius: 20px; background: #fff; font-size: 13px; font-weight: 600; line-height: 1.23em; color: var(--color-primary); }
.holo .mid img { border-radius: 16px; }
.holo .btm h3 { font-size: var(--font-size24); line-height: 1.666em; color: #2c2c2c; font-weight: 700; margin-bottom: 24px; }
.holo .btm ul { display: flex; gap: 4px; }
.holo .btm ul li { flex: 1;}
.holo .btm ul li img { border-radius: 16px; }

/* 탭메뉴 swiper */
.tab-swiper { margin-bottom: 100px; position: relative; }
.tab-swiper::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #eee; }
.tab-swiper .item { width: auto;}
.tab-swiper .item a { display: block; line-height: 1.5em; font-size: var(--font-size28); font-weight: 700; color: #a8a8a8; padding-bottom: 30px; position: relative; }
.tab-swiper .item a sup { font-size: 14px; font-family: var(--grotesk); position: relative; top: -10px; }
.tab-swiper .item a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: var(--color-primary); transition: .3s;}
.tab-swiper .item a:hover { color: var(--color-primary);}
.tab-swiper .item a:hover::after { width: 100%; }
.tab-swiper .item.active a { color: var(--color-primary);}
.tab-swiper .item.active a::after { width: 100%; }

/* 인사말/연혁 */
.sub3-txt { font-size: var(--font-size20); color: #676767; line-height: 1.7em; font-weight: 500; }
.gt { display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}
.gt>div { width: calc(100%/2 - 10px); }
.gt .img { border-radius: 24px; overflow: hidden;}
.gt .info { padding-left: 60px; }
.gt .info h2 { line-height: 1.41em; font-size: var(--font-size48); font-weight: 700; color: #2c2c2c; margin: 16px 0 120px; }
.gt .info h2 span { color: var(--color-primary);}
.gt .info .subtxt { line-height: 1.7em; margin-top: 16px; font-size: var(--font-size20); font-weight: 500; }
.ceo h4 { margin-bottom: 40px; font-size: var(--font-size24); font-weight: 700; line-height: 1.666em; color: #ccc; }
.ceo .fx { display: flex; flex-wrap: wrap; gap: 120px; }
.ceo .fx .col { width: calc(100%/2 - 60px); }
.ceo .fx p { margin-bottom: 30px; line-height: 1.7em; font-size: var(--font-size20); color: #676767; font-weight: 400; }
.ceo .fx p:last-child { margin-bottom: 0; }
.ceo .fx .sign { display: flex; align-items: center; margin-top: 85px; gap: 24px; justify-content: flex-end;}
.ceo .fx .sign strong { display: inline-block; line-height: 1.6em; font-size: var(--font-size18); font-weight: 600; color: #2c2c2c; }
.value { display: flex; gap: 120px; flex-wrap: wrap;}
.value .col { width: calc(100%/3 - 80px); text-align: center; position: relative; }
.value .col::after { content: ""; position: absolute; right: -90px; width: 60px; height: 32px; background: url(../images/sub/sub3-1-af.png) center no-repeat; background-size: contain; top: 140px; }
.value .col:last-child::after { display: none; }
.value .col .circle { width: 100%; height: 320px; display: flex; align-items: center; justify-content: center; border-radius: 100%; background: #f6f6f6; gap: 24px; flex-direction: column; margin-bottom: 34px; }
.value .col .circle h5 { font-family: var(--grotesk); font-size: 16px; font-weight: 500; line-height: 1.5em; color: #a8a8a8; }
.value .col .circle h4 { font-size: var(--font-size28); line-height: 1.5em; font-weight: 700; color: #2c2c2c; }
.value .col .circle h4 .en { font-size: var(--font-size20); font-family: var(--grotesk); color: var(--color-primary); font-weight: 500; display: block; }

/* 인증/특허현황 */
.certi-top { display: flex; align-items: flex-start; margin-bottom: 80px; }
.certi-top .sub1-tit { width: 300px; }
.certi-top .right { flex: 1 1 auto; min-width: 0; width: 1%; }
.certi-top .right h4 { font-size: #2c2c2c; font-size: var(--font-size22); font-weight: 600; line-height: 1.63em; margin-bottom: 12px; }
.certi-top .right h4 span { color: var(--color-primary);}
.certi-wrap { display: flex; flex-wrap: wrap; gap: 75px 16px;}
.certi-wrap .col { width: calc(100%/4 - 12px); }
.certi-wrap .col .thumb { margin-bottom: 30px; border-radius: 16px; overflow: hidden; position: relative; display: block; padding-bottom: 141%;}
.certi-wrap .col .thumb img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.certi-wrap .col .thumb::after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; border-radius: 16px; border: 1px solid #eee;}
.certi-wrap .col .tit { font-size: var(--font-size22); line-height: 1.63em; color: #2c2c2c; font-weight: 600; }

/* 고객사 */
.ct-list { display: flex; flex-wrap: wrap; gap: 80px 16px; }
.ct-list .item { width: calc(100%/4 - 12px); }
.ct-list .item .thumb { padding-bottom: 56.25%; border-radius: 16px; background: #f8f8f8; display: block; position: relative; overflow: hidden; margin-bottom: 30px; transition: .3s;}
.ct-list .item .thumb img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: contain; background-blend-mode: darken;}
.ct-list .item .tit { font-size: var(--font-size22); line-height: 1.63em; color: #2c2c2c; font-weight: 600; transition: .3s;}
.ct-list .item .thumb::after { content: ""; position: absolute; inset: 0; border-radius: 16px; padding: 4px; background: linear-gradient(135deg, #66E2D6 0%, #6A6DFF 100%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; opacity: 0; transition: .3s;}
.ct-list .item a:hover .thumb { background: #fff; }
.ct-list .item a:hover .thumb::after { opacity: 1; }
.ct-list .item a:hover .tit { color: var(--color-primary);}

/* 오시는 길 */
.map { border-radius: 24px; overflow: hidden;}
.lct-top { margin-top: 50px; }
.lct-top .sub1-tit { margin-bottom: 16px; gap: 20px; }
.lct-top .sub1-tit span { font-size: 16px; font-weight: 600; color: #a8a8a8; }
.lct-info { display: flex; flex-wrap: wrap; gap: 10px 40px; padding-top: 30px; border-top: 1px solid #eee; margin-top: 40px; }
.lct-info .item { display: flex; align-items: center; }
.lct-info .item .icon { margin-right: 12px; }
.lct-info .item strong { display: inline-block; font-size: var(--font-size22); font-weight: 600; color: #2c2c2c; font-family: var(--grotesk);}

/* FAQs */
.sub5-wrap h4 { margin-bottom: 24px; line-height: 1.666em; font-size: var(--font-size24); font-weight: 700; color: #2c2c2c; font-family: var(--grotesk); position: relative; padding-left: 18px; }
.sub5-wrap h4::before { content: ""; position: absolute; left: 0; width: 8px; height: 8px; border-radius: 8px; background: #2c2c2c; top: 14px; }
.sub5-wrap h4.clr::before { background: #e7211a; }
.sub5-wrap .text-gra { font-size: var(--font-size64); font-weight: 700; line-height: 1.3em; display: inline-block; }
.faq-ban { padding: 80px 10px; border-radius: 24px; background: url(../images/sub/sub5-bg.jpg) center no-repeat; background-size: cover; text-align: center; color: #fff; }
.faq-ban h3 { font-size: var(--font-size32); line-height: 1.44em; font-weight: 700; }
.faq-ban p { line-height: 1.556em; color: #e7e7ee; font-weight: 500; margin: 16px 0 34px;}
.faq-ban a { width: 133px; height: 56px; border-radius: 10px; background: var(--color-primary); color: #fff; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1em; font-weight: 700; margin: auto;}

/* 도입문의 */
.inq-fx { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 80px; }
.inq-fx .col { width: calc(100%/2 - 5px); padding: 30px; border-radius: 24px; background: #f4f5ff; display: flex; }
.inq-fx .col .icon { width: 80px; border-radius: 12px; background: rgba(255, 255, 255, 0.70); display: flex; align-items: center; justify-content: center;}
.inq-fx .col .info { flex: 1 1 auto; min-width: 0; width: 1%; padding: 8px 0; padding-left: 24px; }
.inq-fx .col .info .ctr { line-height: 1.75em; font-weight: 700; color: var(--color-primary); }
.inq-fx .col .info .tit { line-height: 1.666em; font-size: var(--font-size24); font-weight: 600; color: #2c2c2c; margin: 4px 0 16px;}
.inq-fx .col .info .txt { line-height: 1.5em; color: #676767; }
.inquiry { padding-top: 60px; border-top: 1px solid #eee;}
.inquiry .form-wrap { display: flex; flex-wrap: wrap; gap: 40px 20px;}
.inquiry .form-wrap dl { width: calc(100%/2 - 10px); }
.inquiry .form-wrap dl.w100 { width: 100%; }
.inquiry .form-wrap dt { margin-bottom: 20px; line-height: 1.556em; font-size: var(--font-size18); font-weight: 600; color: #2c2c2c; }
.inquiry .form-wrap dt .required { color: var(--color-primary); }
.inquiry .form-wrap dt.fx { display: flex; align-items: flex-end; justify-content: space-between;}
.inquiry .form-wrap dt .right { text-align: right; font-size: 14px; font-weight: 400; line-height: 1.4em; color: #a8a8a8; }
.inquiry .form-wrap dd .input { padding: 20px; background-color: #f4f4f4; border-radius: 8px; height: 60px; border: none; width: 100%; }
.inquiry .form-wrap dd .input::placeholder { color: #a8a8a8; font-weight: 600; }
.inquiry .form-wrap dd .input.fw::placeholder { font-weight: 400; }
.inquiry .form-wrap dd select { color: #a8a8a8; }
.inquiry .form-wrap select.input.down { background-image: url(../images/sub/select-g.png);}
.inquiry .btn-wrap { margin-top: 60px; padding-top: 70px; border-top: 1px solid #eee;}
.inquiry .btn-wrap .check { text-align: center; color: #2c2c2c; font-size: 16px; font-weight: 500; line-height: 1.4em; margin-bottom: 34px; }
.inquiry .btn-wrap .check a { color: #a8a8a8; text-decoration: underline; text-underline-position: under; position: relative; top: -1px; margin-left: 5px; }
.inquiry .btn-wrap .checkbox label:before { background-color: #fff; }
.inquiry .btn-wrap .checkbox input:checked + label:before { background:var(--color-primary) url("/images/bbs/checkbox.png") 50% 50% no-repeat; border-color:var(--color-primary);}
.inquiry .btn-wrap .btn-submit { width: 142px; height: 66px; border-radius: 40px; display: flex; align-items: center; justify-content: center; color: #fff; line-height: 1em; margin: auto; background: var(--color-primary); font-size: var(--font-size18); font-weight: 700; cursor: pointer; border: none; }