.link-tel {position: relative;display: flex;align-items: center;flex: 1;padding: 0.8rem;border-radius: var(--radius-sm);font-size: 1.6rem;background: var(--bg-grey);}
.link-tel::before {display: block;content: '';clear: both;margin-right: 1rem;width: 2rem;height: 2rem;background: url(../images/icon_Phone.svg) no-repeat center;background-size: contain;}
.link-tel::after {position: absolute;right: 1.2rem;display: block;content: '';clear: both;width: 1.6rem;height: 1.6rem;background: url(../images/ico-arr-r.svg) no-repeat center;background-size: contain;}

.link-email {position: relative;display: flex;align-items: center;padding: 0.8rem;border-radius: var(--radius-sm);font-size: 1.6rem;background: var(--bg-grey);}
.link-email::before {display: block;content: '';clear: both;margin-right: 1rem;width: 2rem;height: 2rem;background: url(../images/ico-email.svg) no-repeat center;background-size: contain;}
.link-email::after {position: absolute;right: 1rem;display: block;content: '';clear: both;width: 1.6rem;height: 1.6rem;background: url(../images/icon_copy.svg) no-repeat center;background-size: contain;}

/**** 홈화면 ****/
/* 메인 */
.wrap.main-bg {background: linear-gradient(#E9F8FF, #E9F8FF00);overflow-x: hidden;}
.wrap.main-bg .circle { position: absolute; display: block; width: 19rem; height: 19rem; border-radius: 19rem; }
.wrap.main-bg .circle:first-of-type {top: 0; right: 0; background: linear-gradient(#0B284D, #8BF7FF 40%); filter: blur(80px); animation: circleMove1 10s ease-in-out infinite alternate; }
.wrap.main-bg .circle:nth-of-type(2) {top: 0; left: -5rem; background: linear-gradient(#066BFD, #8BF7FF); filter: blur(100px); animation: circleMove2 15s ease-in-out infinite alternate; }
.wrap.main-bg .circle:nth-of-type(3) {display: none;top: 35%; right: 15%; width: 26rem; height: 26rem; background: linear-gradient(#7C5CFF, #8BF7FF); filter: blur(60px); animation: circleMove3 13s ease-in-out infinite alternate; }
.wrap.main-bg .circle:nth-of-type(4) {display: none;bottom: 5%; left: 10%; width: 30rem; height: 30rem; background: linear-gradient(#00B8FF, #8BF7FF); filter: blur(70px); animation: circleMove4 17s ease-in-out infinite alternate; }

/* intro circle animation */
@keyframes circleMove1 { 0% { transform: translate(0, 0); } 25% { transform: translate(-2rem, 8rem); } 50% { transform: translate(-6rem, 16rem); } 75% { transform: translate(0rem, 3rem); } 100% { transform: translate(0, 0); } }
@keyframes circleMove2 { 0% { transform: translate(0, 0); } 25% { transform: translate(2rem, 20rem); } 50% { transform: translate(4rem, 10rem); } 75% { transform: translate(2rem, 13rem); } 100% { transform: translate(0rem, 1rem); } }
@keyframes circleMove3 { 0% { transform: translate(-5rem, 0); } 25% { transform: translate(-24rem, -10rem); } 50% { transform: translate(-8rem, -26rem); } 75% { transform: translate(-25rem, -26rem); } 100% { transform: translate(-37rem, -12rem) } }
@keyframes circleMove4 { 0% { transform: translate(3rem, -33rem); } 25% { transform: translate(7rem, -43rem); } 50% { transform: translate(12rem, -36rem); } 75% { transform: translate(24rem, -23rem); } 100% { transform: translate(30rem, -47rem); } }

.group-intro {height: auto;}
.group-intro.quiz {height: 100%;min-height: 600px;padding: 4rem 2rem 6rem;} 
.group-intro:first-child {padding: 0;background: transparent;}
.group-intro .intro-area {position: relative;height: 100%;padding: 6.8rem 2rem 4.8rem;color: #0b2840;}
.intro-sub-tit {font-size: 2.4rem;line-height: 3.4rem;font-weight: 400;}
.intro-tit {margin: 1rem 0 0;font-size: clamp(3.2rem, 4vw, 4.8rem); line-height: clamp(4rem, 4.8vw, 5.8rem);font-weight: 700;}
.intro-txt {margin-top: 3rem;font-size: clamp(1.6rem, 4vw, 1.8rem);line-height: clamp(2.4rem, 4vw, 3.2rem);font-weight: 400;}
.strength-list {display: flex;justify-content: center;align-items: center;gap: 40px;margin-top: 4.8rem;max-width: 48rem;}
.strength-box {flex: 1;display: grid;position: relative;}
.strength-box::after {position: absolute;top: 0;left: -22px;display: block;content: '';clear: both;width: 1px;height: 38px;background: #c6cdd7;}
.strength-box:first-child::after {display: none;}
.strength-box .txt {font-size: clamp(1.8rem, 1.5vw + 1rem, 2.8rem);line-height: clamp(2.8rem, 1.5vw + 1rem, 3.8rem);color: var(--color-secondary);font-weight: 600;}
.strength-box .cate {font-size: clamp(1.2rem, 3vw, 1.8rem);line-height: clamp(2rem, 3vw, 2.8rem);color: #0b284d;font-weight: 400;}
.group-intro {padding: 4rem 2rem 0;background: var(--bg-grey);}
.group-intro .main-tit {margin-top: 0.8rem;}
.custom-step {display: flex;align-items: center;justify-content: center;gap: 8px;margin: 2.4rem 0;}
.custom-step .step {flex: 1;height: 0.6rem;border-radius: 1rem;background: #E5E7EB;}
.custom-step .step.on {background: var(--color-primary);}
.custom-tit {font-size: 2.2rem;line-height: 3.2rem;}
.custom-list {margin-top: 0.4rem;}
.custom-item {margin-top: 1.2rem;font-size: 1.6rem;line-height: 2.4rem;border-radius: var(--radius-md);border: 1px solid var(--color-border);background: #fff;}
.custom-item .btn-opt {position: relative;display: flex;align-items: center;width: 100%;height: 7rem;padding: 0 16px;border-radius: var(--radius-md);text-align: left;transition: 0.1s ease-in-out;}
.custom-item .btn-opt::before {display: block;content: '';clear: both;margin-right: 1rem;min-width: 24px;min-height: 24px;border-radius: 2.4rem;border: 2px solid #D1D5DB;}
.custom-item .btn-opt.on::after{position: absolute;left: 23px;display: block;content: '';clear: both;width: 10px;height: 10px;border-radius: 10px;background: #126db2;}
.custom-item .btn-opt:hover, .custom-item .btn-opt.on {border: 1px solid #126DB2;background: #e9f1ff;}
.custom-item .btn-opt.on:hover::before, .custom-item .btn-opt.on::before {border-color: #126DB2;}
.custom-service-area .fx {gap: 5px;}
.custom-service-area .btn-prev {padding-bottom: 3.3rem;width: 2.4rem;height: 2.4rem;}
.match-area {position: relative;margin-top: 1.2rem;height: 18rem;padding: 2rem 1.6rem;border-radius: var(--radius-md);background: #fff;}
.match-area:first-of-type {margin-top: 2.4rem;}
.match-tit {font-size: 1.8rem;}
.match-txt {margin-top: 1rem;font-size: 1.5rem;color: var(--color-sub);}
.match-area .btn-tab {margin-top: 2rem;}
.match-area .ico {position: absolute;right: 1.6rem;bottom: 2rem ;width: 4.8rem;height: 4.8rem;}
.match-area .ico.phoneid {background: url(../images/ico-person.svg) no-repeat center;background-size: contain;}
.match-area .ico.digital {background: url(../images/ico-letter.svg) no-repeat center;background-size: contain;}
.group-intro:nth-child(3) {position: relative;}
.group-intro .bottom-box {position: absolute;left: 2rem;bottom: 2rem;width: calc(100% - 4rem);box-sizing: border-box;}
.group-intro .btn-type1 {margin-top: 2.4rem;}
.group-intro .btn-txtline {display: block;margin: 2rem auto 0;font-size: 1.6rem;font-weight: 600;color: var(--color-primary);}

.group-intro.help {position: relative;}
.help .match-area {height: auto;}
.match-tit {display: flex;align-items: center;gap: 8px;}
.match-tit::before {display: block;content: '';clear: both;width: 2.4rem;height: 2.4rem;background: url(../images/icon_cs.png) no-repeat center;background-size: contain;}
.help .match-area:last-child .match-txt {margin-top: 2rem;}
.help .link-tel {margin-top: 2rem;}
.help .link-email {margin-top: 0.8rem;}
.help .btn-tab {position: relative;gap: 8px;}
.help .btn-tab::after {display: block;content: '';clear: both;width: 2rem;height: 2rem;background: url(../images/icon_Paste.svg) no-repeat center;background-size: contain;}

/* 인증 서비스 */
.sc-authentication {position: relative;/*z-index: 2;*/padding: 4rem 2rem;background: var(--color-white);}
.group-authentication .main-tit {margin-top: 0.8rem;}
.authentication-area {display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-top: 2.4rem;}
.card-box .tit {font-size: clamp(1.8rem, 1.5vw + 1rem, 2.4rem);line-height: clamp(2.8rem, 1.5vw + 1rem, 3.2rem);transition: 0.3s ease-out;}
.card-box .txt {margin-top: 0.8rem;font-size: clamp(1.4rem, 4vw, 1.6rem);line-height: clamp(2.2rem, 4vw, 2.4rem);color: var(--color-sub);transition: 0.3s ease-out;}
.card-box {position: relative; overflow: hidden; isolation: isolate; display: flex; flex-direction: column; justify-content: space-between; height: 190px; padding: 2rem 1.6rem 1.6rem; border-radius: var(--radius-md); background: var(--bg-grey); transition: background .2s ease, box-shadow .2s ease, transform .2s ease;}
/* .card-box .hover-circle {position: absolute; left: 50%; bottom: -100px; width: 200px; height: 200px; border-radius: 50%; background: var(--color-secondary); transform: translateX(-50%) scale(0); z-index: -1; } */
.card-box .top, .card-box .btn-tab { position: relative; z-index: 1;}
.card-box:hover {background: var(--color-secondary);box-shadow: 0 14px 30px rgba(15, 80, 179, .28);transform: translateY(-0.15rem);}
.card-box:hover .tit, .card-box:hover .txt {color: var(--color-white);}

/* 추천 서비스 */
.sc-recommand {position: relative;}
/* .bg-recommand {position: absolute; top: 0; left: -15%; width: 130%; height: 100%;background: url(../images/main-bg03.png) no-repeat center; background-size: cover;} */
.bg-recommand {position: absolute;width: 100%;height: 100%;background: url(../images/main-bg04.png) no-repeat center; background-size: cover;}
.bg-recommand::-webkit-scrollbar, .sc-recommand::-webkit-scrollbar, .group-recommand::-webkit-scrollbar {display: none;}
.group-recommand {padding: 4rem 0;}
.group-recommand .main-tit {margin-top: 0.8rem;padding-left: 2rem;color: var(--color-white);}
.group-recommand .main-txt {padding-left: 2rem;color: #B9C9E8;}
.floating-area {margin-top: 2.4rem;overflow: hidden;}
.recommand-list {display: flex;gap: 12px;overflow-x: auto;scroll-snap-type: x mandatory;}
.recommand-list::-webkit-scrollbar {display: none;}
.recommand-item {position: relative;flex-shrink: 0;width: 222px;height: 146px;padding: 1.6rem;;border-radius: var(--radius-md);background: var(--bg-grey);scroll-snap-align: center;}
.recommand-item:nth-child(1) {margin-left: 2rem;}
.recommand-item:nth-child(3) {margin-right: 2rem;}
.recommand-item h3 {font-size: clamp(1.8rem, 1.5vw + 1rem, 2.4rem);line-height: clamp(2.8rem, 1.5vw + 1rem, 3.2rem);font-weight: 600;}
.recommand-item h3 br {display: none;}
.recommand-item .tag-box {display: grid;gap: 8px;margin-top: 1.2rem;}
.recommand-item .tag-box span {justify-self: start;height: 2.4rem;line-height: 2.4rem;padding: 0 0.8rem;font-size: clamp(1.2rem, 4vw, 1.4rem);color: var(--color-secondary);border-radius: 2rem;background: #e9f1ff;text-align: center;}
.recommand-item .ico {position: absolute;right: 1.6rem;bottom: 1.6rem;width: 4.8rem;height: 4.8rem;background-size: contain;}
.recommand-item:nth-child(1) .ico {background: url(../images/ico-person.svg) no-repeat;background-size: contain;}
.recommand-item:nth-child(2) .ico {background: url(../images/ico-shell.svg) no-repeat;background-size: contain;}
.recommand-item:nth-child(3) .ico {background: url(../images/ico-letter.svg) no-repeat;background-size: contain;}
.recommand-item .link-sc {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

/* 연동 진행 안내 */
.sc-procedure {background: #fff;}
.group-procedure {padding: 4rem 2rem;}
.procedure-list {margin-top: 3.2rem;}
.procedure-item {display: flex;gap: 12px;}
.procedure-item .ico {display: none;width: 6rem;height: 6rem;}
.procedure-item:nth-child(1) .ico {background: url(../images/ico-step1.svg) no-repeat center;background-size: contain;}
.procedure-item:nth-child(2) .ico {background: url(../images/ico-step2.svg) no-repeat center;background-size: contain;}
.procedure-item:nth-child(3) .ico {background: url(../images/ico-step3.svg) no-repeat center;background-size: contain;}
.procedure-item:nth-child(4) .ico {background: url(../images/ico-step4.svg) no-repeat center;background-size: contain;}
.procedure-item:nth-child(5) .ico {background: url(../images/ico-step5.svg) no-repeat center;background-size: contain;}
.procedure-item:nth-child(6) .ico {background: url(../images/ico-step6.svg) no-repeat center;background-size: contain;}
.procedure-item .num {display: flex;justify-content: center;align-items: center;width: 2.4rem;height: 2.4rem;border-radius: 2.4rem;font-size: 1.2rem;font-weight: 600;background: var(--bg-grey);}
.procedure-item .txt-box {position: relative;padding-bottom: 2.4rem;}
.procedure-item .txt-box::before {position: absolute;top: 31px;left: -25px;display: block;content: '';clear: both;width: 2px;height: 26px;background: #e5e7eb;} 
.procedure-item:last-child .txt-box::before {display: none;}
.procedure-item .txt-box strong {font-size: 1.8rem;font-weight: 600;}
.procedure-item .txt-box p {margin-top: 0.4rem;font-size: 1.4rem;color: var(--color-sub);}
.group-procedure .btn-type1 {margin-top: 3.2rem;width: 100%;box-shadow: var(--shadow-lg);transition: 0.3s ease-in-out;}
.group-procedure .btn-type1:hover {transform: translateY(-0.3rem);}

/* 컨설팅 */
.sc-consulting {background: url(../images/bg05.png) no-repeat center;background-size: cover;}
.sc-consulting::after {display: block;content: '';clear: both;width: 100%;height: 100%;background: #000;}
.group-consulting {padding: 4rem 2rem;}
.group-consulting .main-tit {font-size: clamp(2.2rem, 4vw, 3.2rem);text-align: center;color: var(--color-white);}
.group-consulting .main-tit br {display: none;}
.group-consulting .main-txt {margin-top: 1rem;font-size: clamp(1.4rem, 4vw, 1.8rem);text-align: center;color: var(--color-white);}
.consulting-area {margin-top: 2.4rem;}
.consulting-area .contact-box {width: 100%;padding: 1.6rem 0;border-radius: var(--radius-md);background: rgba(255, 255, 255, 0.8);box-shadow: 0px 3px 8px 0px rgb(0 20 60 / 15%);}
.consulting-area .contact-label {display: none;}
.consulting-area .link-tel {display: flex;justify-content: center;gap: 2px;align-items: center;padding: 0;font-size: clamp(1.6rem, 3vw, 3.2rem);line-height: clamp(2.4rem, 3vw, 4.4rem);text-align: center;background: transparent;}
.consulting-area .link-tel::before {position: static;display: block;content: '';clear: both;width: 2rem;height: 2rem;background: url(../images/icon_Phone.svg) no-repeat center;background-size: contain;} 
.consulting-area .link-email {display: flex;justify-content: center;gap: 4px;margin-top: 4px;padding: 0;font-size: clamp(1.6rem, 3vw, 3.2rem);line-height: clamp(2.4rem, 3vw, 4.4rem);text-align: center;background: transparent;}
.consulting-area .link-email::before {position: static;display: block;content: '';clear: both;width: 2rem;height: 2rem;background: url(../images/ico-email.svg) no-repeat center 3px;background-size: contain;} 
.consulting-area .link-tel::after, .consulting-area .link-email::after {display: none;}

/**** 상세 페이지 ****/
/* 문의처 정보 */
/* .sc-contact-info .top-area {padding: 2.4rem 2rem 3.2rem;} */
.sc-contact-info .service-hours {margin-top: 2rem;font-size: 1.6rem;line-height: 2.4rem;}
.group-contact-info {display: grid;gap: 24px;padding: 0 2rem;}
.contact-info-area {border: 1px solid #EAEBEC; border-radius: var(--radius-lg); padding: 2rem 1.6rem;}
.contact-info-area .link-tel, .contact-info-area .link-email {max-height: 4.4rem;}
.contact-info-area a:hover {background: #DDE5F2;transition: 0.3s background;}
.sc-contact-info .notice-txt {margin: 0 auto;padding: 2.4rem 2rem;max-width: 1200px;color: var(--color-sub);font-size: 1.6rem;line-height: 2.4rem;}

/* 도입문의 절차 */
.sc-inquiry-info .top-area {padding: 0 2rem;}
.group-inquiry-info {padding: 3.2rem 2rem 8rem;}
.inquiry-info-list {display: grid;gap: 24px;}
.inquiry-info-item {display: grid;gap: 16px;padding: 2rem 1.6rem;border-radius: var(--radius-md);background: var(--bg-grey);}
.inquiry-top {display: flex;justify-content: space-between;align-items: center;gap: 8px;}
.inquiry-top .num {display: flex;justify-content: center;align-items: center;width: 2.4rem;height: 2.4rem;border-radius: var(--radius-full);font-size: 1.2rem;line-height: 2rem;font-weight: 600;background: #C6CDD7;}
.inquiry-tit {flex: 1;font-size: clamp(1.8rem, 1vw + 1rem, 2.4rem);line-height: clamp(2.8rem, 1vw + 1rem, 3.2rem);font-weight: 600;}
.inquiry-info-item .guide-content p {font-size: clamp(1.6rem, 3vw, 2rem);line-height: clamp(2.4rem, 3vw, 3rem);}
.inquiry-info-item .guide-detail-box {padding: 1.2rem 1.6rem 0 1.6rem;border: 1px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-white);}
.inquiry-info-item .btn-accordian {display: flex;justify-content: space-between;align-items: center;width: 100%;padding-bottom: 1.2rem;font-size: clamp(1.4rem, 4vw, 1.8rem);line-height: clamp(2.2rem, 4vw, 2.6rem);color: var(--color-sub);font-weight: 600;}
.inquiry-info-item .btn-accordian::after {display: block;content: '';clear: both;width: 2rem;height: 2rem;background: url(../images/icon_Arrow_T.svg) no-repeat center;background-size: contain;transform: rotate(-180deg);transition: transform 0.3s;}
.inquiry-info-item .btn-accordian.on::after {transform: rotate(0);}
.inquiry-info-item .detail-content {display: grid;grid-template-rows: 0fr;transition: grid-template-rows .32s cubic-bezier(.22, .7, .3, 1);}
.inquiry-info-item .detail-content .inner {overflow: hidden;}
.inquiry-info-item .btn-accordian.on ~ .detail-content {grid-template-rows: 1fr;border-top: 1px solid var(--color-border);padding: 1.2rem 0 2rem;}
.inquiry-info-item .detail-content p {font-size: clamp(1.4rem, 3vw, 1.8rem);line-height: clamp(2.2rem, 3vw, 2.8rem);color: var(--color-sub);font-weight: 500;}

/* 공지사항 */
.group-board {padding: 0 2rem 4rem;}
.sc-board .board-tab-area {display: flex;justify-content: flex-start;align-items: center; gap: 8px;}
.sc-board .board-tab-area .btn-tab {width: auto;height: 3.4rem;padding: 0 1.6rem;border-radius: var(--radius-md);background: var(--bg-grey);color: var(--color-sub);cursor: pointer;}
.sc-board .board-tab-area .btn-tab.on {border: 1px solid var(--color-secondary); background: #E9F1FF; color: var(--color-secondary);}
.sc-board .search-area {margin-top: 2.4rem;}
.sc-board .search-form {position: relative; width: 100%;height: 4.8rem;border: 1px solid #C6CDD7; border-radius: 8px; box-sizing: border-box;}
.sc-board .search-form input {width: 100%; height: 100%;padding: 0 45px 0 12px;color: var(--color-sub);font-size: clamp(1.6rem, 3vw, 1.8rem);line-height: clamp(1.6rem, 3vw, 2.8rem);}
.sc-board .search-form input::placeholder {color: var(--color-sub); }
.sc-board .search-form button {position: absolute;top: 50%;right: 10px;width: 2.4rem; height: 2.4rem;padding: 0;background: transparent; transform: translateY(-50%); cursor: pointer;}
.sc-board .search-form button::after {content: ''; position: absolute;top: 0;left: -2px;width: 2.4rem; height: 2.4rem;background: url(../images/icon_Search.svg) no-repeat center 0;background-size: 100%;}
.board-area {margin-top: 1.2rem;}
.board-item {border-top: 1px solid #eee;}
.board-item:first-child {border: none;}
.board-item a {display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 67px; padding: 13px 0; box-sizing: border-box; color: #222; text-decoration: none; }
.board-item-tit {flex: 1;min-width: 0;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;color: #212121;font-size: clamp(1.6rem, 3vw, 1.8rem);line-height: clamp(2.2rem, 3vw, 2.8rem);font-weight: 600;}
.board-item time {flex: 0 0 auto;color: var(--color-sub);font-size: clamp(1.4rem, 3vw, 1.6rem);line-height: clamp(2.2rem, 3vw, 2.4rem);white-space: nowrap;}
.sc-board .btn-more {display: flex; align-items: center; justify-content: center;gap: 8px;margin-top: 2.4rem;width: 100%;height: 4.8rem;padding: 0 1.6rem;border: 1px solid var(--color-border);border-radius: var(--radius-md);color: var(--color-sub);font-size: 1.6rem;line-height: 2.4rem;font-weight: 600;background: #fff;}
.sc-board .btn-more::after {content: '';width: 2rem; height: 2rem; background: url(../images/ico-arr-r.svg) no-repeat center; background-size: contain;transform: rotate(90deg);}

/* 공지사항 본문 */
.sc-board.detail > h2 {padding: 3.2rem 2rem 0;font-size: clamp(2.4rem, 3vw, 3.2rem);line-height: clamp(3.2rem, 3vw, 4.4rem);font-weight: 600;}
.board-detail-top {padding-top: 3.2rem;}
.board-detail-tit {font-size: 2.2rem;line-height: 3.2rem;font-weight: 600;}
.board-detail-info {margin-top: 0.8rem;color: #5E646D;font-size: clamp(1.4rem, 3vw, 1.6rem);line-height: clamp(2.2rem, 3vw, 2.4rem);font-weight: 600;}
.board-detail-content {margin-top: 2.4rem;border-top: 1px solid var(--color-border);min-height: 320px;padding: 3.2rem 0;font-size: clamp(1.4rem, 3vw, 1.6rem);line-height: clamp(2.2rem, 3vw, 2.4rem);}
.sc-board.detail .board-list {display: none;}

/* 실명등록 */
.sc-personal-info .personal-tab-area {display: flex;width: 100%;border-bottom: 1px solid var(--color-border);}
.sc-personal-info .personal-tab {flex: 1;display: flex; justify-content: center; align-items: center; width: 100px; height: 4.8rem; font-size: 1.4rem; line-height: 2.2rem; color: var(--color-sub); font-weight: 600;}
.sc-personal-info .personal-tab.on {color: var(--color-black);border-bottom: 2px solid var(--color-black);}
.group-personal-info {margin: 0 auto;max-width: 720px;}
.personal-info-area {display: none;padding: 20px 16px 24px;background: #fff; }
.personal-info-area:first-child {display: block;}
.tab-wrap:last-child .personal-info-area:last-child {padding: 4rem 2rem;}
.personal-tit {font-size: 2rem;line-height: 2.8rem;font-weight: 600;}
.personal-info-area .notice {color: var(--color-sub);font-size: 1.4rem;line-height: 2.2rem;}
.personal-info-area .personal-tit ~ .notice, .personal-info-area .personal-tit ~ .notice-box {margin-top: 2rem;}
.sc-personal-info .notice-box .notice {display: flex;gap: 4px;}
.personal-info-box.notice-box .notice::before {content: '-';}

.personal-info-area  .link-tel, .personal-info-area  .link-email {font-size: 1.6rem;line-height: 2.4rem;}
.contact-box + .contact-box {margin-top: 2rem;}
.personal-info-box {margin-top: 20px;padding: 14px 12px;border-radius: var(--radius-md); border: 1px solid var(--color-border);font-size: 1.4rem;line-height: 2.2rem;}
.personal-info-box.bg-grey {border: none;background: var(--bg-grey);}
.personal-input-list {margin-top: 3.2rem;}
.sc-personal-info .bottom-box {display: flex;flex-direction: row-reverse;gap: 12px;margin: 2.4rem 0;}
.sc-personal-info .btn-type1 {flex: 1;}
.sc-personal-info .btn-tab {height: 4.8rem;}
.personal-input-list { display: flex;flex-direction: column;gap: 20px;}
.personal-input-item input {width: 100%; box-sizing: border-box;font-size: 1.6rem;line-height: 2.4rem;}
.personal-input-item input:last-child {padding: 0 1rem;}
.personal-input-item .input-box span {font-size: 1.6rem;}

.date-select { display: flex; gap: 7px; width: 100%; }
.date-select .select-box { position: relative; flex: 1; min-width: 0;padding: 0 1.2rem;}
.date-select .select-box:first-child { flex: 1.35; } 
.date-select select {width: 100%;height: 5.6rem;border-radius: var(--radius-md);color: #767E88;font-size: 1.6rem;line-height: 2.4rem;box-sizing: border-box;text-align: left;}
.date-select .select-box::after {right: 12px;}
.sc-personal-info .security-box {display: flex;align-items: stretch;gap: 8px;margin-top: 2rem;font-size: 1.6rem;line-height: 2.4rem;color: var(--color-sub);}
.sc-personal-info .security-box .captcha {display:flex;height: 5.6rem;}
.sc-personal-info .security-box .captcha img {width: 100%;}
.sc-personal-info .security-box input {flex: 1;min-width: 0;height: 5.6rem;padding: 0 1.2rem;border: 1px solid #C6CDD7;box-sizing: border-box;}
.sc-personal-info .auth-list {margin-top: 2rem;}
.sc-personal-info .auth-item {display: flex;flex-direction: column;gap: 14px;}
.sc-personal-info .auth-item .auth-row {display: flex; align-items: center;justify-content: space-between;}
.sc-personal-info .auth-item .auth-left {display: flex;align-items: center;gap: 8px;}
.sc-personal-info .auth-item input[type="checkbox"] {flex: 0 0 auto; width: 2rem; height: 2rem;}
.sc-personal-info .auth-item label {color: var(--color-sub);font-size: 1.4rem;line-height: 2.2rem;}
.sc-personal-info .auth-item .btn-view {color: var(--color-secondary);font-size: 1.4rem;line-height: 2.2rem;font-weight: 600;text-decoration: underline;}
.sc-personal-info .procedure-list {margin: 3.2rem 0 0;}
.business-btn-box {display: grid;gap: 24px;padding: 6rem 0 4rem;}
.business-btn-box button {height: 5.6rem;}
.business-license-info {display: grid;gap: 8px;padding: 4rem 0 0;font-size: 1.6rem;}
.business-license-info .input-label {font-size: 2rem;line-height: 2.8rem;}
.personal-input-item .input-label {display: block;margin-bottom: 0.8rem;color: var(--color-sub);font-size: 1.6rem;line-height: 2.4rem;font-weight: 600;}
.business-license-info + .notice {margin-top: 1rem;}
.personal-input-item .id-verification-area, .personal-input-item .application-method-area {display: flex; align-items: center; gap: 16px;}
.personal-input-item .checkbox {display: flex; align-items: center; flex-shrink: 0;}
.personal-input-item .radio-type {width: 20px;}
.personal-input-item .btn-type3 {height: 3.4rem;padding: 0 1.3rem;border-radius: var(--radius-sm);font-size: 1.4rem;}
.file-input {margin-top: 1.6rem;}
.fax-notice {margin-top: 1.6rem;height: 5.6rem;line-height: 4.6rem;font-size: 1.6rem;color: var(--color-sub);}
.file-input input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap; }
.file-input label {display: flex;align-items: center;height: 5.6rem;padding: 0 1.2rem;border: 1px solid #C6CDD7;border-radius: var(--radius-md); background: #fff; box-sizing: border-box; cursor: pointer;}
.file-input .file-btn {display: flex;align-items: center;justify-content: center;height: 3.2rem;padding: 0 1.2rem;border-radius: var(--radius-sm);background: var(--color-border);color: var(--color-sub);font-size: 1.4rem;line-height: 2.2rem;font-weight: 500;}
.file-input .file-name {margin-left: 1rem;color: #767E88;font-size: 1.6rem;font-weight: 400;}
.email-box {display: grid;grid-template-columns: 1fr 12px 1fr;align-items: center;gap: 4px;}
.email-box > span {font-size: 1.4rem;color: var(--color-sub);text-align: center;}
.email-domain {position: relative;width: 100%;height: 5.6rem;padding: 0 1.2rem;appearance: none;-webkit-appearance: none;border: 1px solid #C6CDD7;border-radius: var(--radius-md);}
.email-domain select {width: 100%;height: 100%;font-size: 1.6rem;color: var(--color-sub);}
.email-domain input {display: none;height: 5.6rem;}
.email-domain.is-direct .select-box {display: none;}
.email-domain.is-direct .input-box {display: block;}

.group-terms {display: grid;gap: 10px;margin: 0 auto;;max-width: 1160px;padding: 2.4rem 2rem;}
.group-terms .select-box {justify-self: flex-end;gap: 8px;padding: 0 1rem;height: 3.2rem;border-radius: 8px;font-size: 1.4rem;line-height: 2.2rem;color: #767e88;}
.group-terms .select-box select {height: inherit;}
.terms-box {margin-top: 1rem;height: 450px;padding: 1.6rem 1.2rem;border-radius: var(--radius-md);background: #F2F4F8;overflow-y: auto;}
.terms-box::-webkit-scrollbar {display: none;}
.terms-box p {font-size: 1.4rem;line-height: 2.2rem;color: var(--color-sub);}

/* 서비스 전체 페이지 */
.group-subpg-top {padding: 4.4rem 0 0;background: linear-gradient(#E9F8FF, #E9F8FF00);}
.group-subpg-top .top-area {padding: 0 2rem 3.2rem;}
.subpg-top-area {display: flex;justify-content: space-between;align-items: flex-end;padding-bottom: 2.4rem;}
.subpg-top-area .lt {padding-left: 2rem;} 
.subpg-top-txt {color: #0B284D;font-size: clamp(1.6rem, 3vw, 1.8rem);line-height: clamp(2.4rem, 3vw, 2.8rem);}
.subpg-top-tit {margin-top: 0.8rem;font-size: clamp(2.2rem, 3vw, 3.2rem);line-height: clamp(3rem, 4vw, 4.4rem);font-weight: 600;}
.subpg-top-area .rt {display: flex;flex-direction: column;justify-content: center;align-items: center;padding-right: 2rem;}
.subpg-top-area .rt img {width: 6rem;height: auto;}
.subpg-top-area .btn-download {display: flex;justify-content: center;gap: 4px;align-items: center;margin-top: 0.8rem;height: 3rem;padding: 0 0.8rem;border-radius: var(--radius-sm);border: 1px solid var(--color-primary);color: var(--color-primary);font-size: clamp(1.4rem, 3vw, 1.6rem);line-height: clamp(2.2rem, 3vw, 2.4rem);font-weight: 600;background: rgba(255, 255, 255, 0.8);}
.subpg-top-area .btn-download::after {display: block;content: '';clear: both;width: 2rem;height: 2rem;background: url(../images/icon_download_blue.svg) no-repeat center;background-size: contain;}
.service-tab-area {display: flex;justify-content: center;align-items: center;background: var(--color-white);}
.service-tab-area.fixed {position: sticky;width: 100%;background: var(--color-white);z-index: 3;}
.service-tab-area .service-tab {display: flex;justify-content: center;align-items: center;width: 100px;height: 4.8rem;font-size: 1.4rem;line-height: 2.2rem;color: var(--color-sub);font-weight: 600;}
.service-tab-area .service-tab.on {color: var(--color-black);border-bottom: 2px solid var(--color-black);}
.group-service-cnt {background: var(--bg-grey);}
.service-cnt-area {padding: 4rem 2rem;}
.service-cnt-tit {font-size: clamp(2.4rem, 3vw, 2.8rem);line-height: clamp(3.2rem, 3vw, 3.6rem);text-align: center;font-weight: 600;}
.serviec-cnt-txt {margin-top: 0.4rem;color: var(--color-sub);font-size: clamp(1.6rem, 3vw, 1.8rem);line-height: clamp(2.4rem, 3vw, 2.8rem);text-align: center;}
.service-list {margin-top: 2.4rem;display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}
.service-item {display: grid;border-radius: var(--radius-md);padding: 2rem 1.6rem 2rem;background: var(--color-white);transition: border-color .18s, box-shadow .18s, transform .18s;}
.service-item .tit {font-size: clamp(1.8rem, 3vw, 2.4rem);line-height: clamp(2.8rem, 3vw, 3.2rem);font-weight: 600;}
.service-item .tag-box {display: flex;flex-direction: column;align-items: start;margin-top: 0.8rem;}
.service-item .tag-box span {flex-grow: 0;border-radius: var(--radius-sm);font-size: clamp(1.2rem, 3vw, 1.6rem);line-height: clamp(2rem, 3vw, 2.4rem);color: var(--color-sub);background: var(--bg-grey);}
.service-item .link-sc {margin-top: 3.6rem;justify-self: end;;display: flex;justify-content: center;align-items: center;width: 3.6rem;height: 3.6rem;border-radius: var(--radius-full);background: #E8EBF2;}
.service-item .link-sc::after {display: block;content: '';clear: both;width: 2rem;height: 2rem;background: url(../images/ico-arr-r.svg) no-repeat center;background-size: contain;}
.service-item:hover {color: var(--color-white);background: var(--color-secondary);box-shadow: 0 14px 30px rgba(15, 80, 179, .28);transform: translateY(-3px);}
.service-item:hover .tag-box span {color: var(--color-secondary);background: rgba(255, 255, 255, 0.9);}
.service-item:hover .link-sc {background: var(--color-white);}
/* .breadcrumb {display: flex;align-items: center;gap: 4px;padding: 2.4rem 2rem 0;} */
/* .breadcrumb a {font-size: clamp(1.4rem, 4vw, 1.6rem);line-height: clamp(2.2rem, 4vw, 2.4rem);color: var(--color-secondary);font-weight: 600;letter-spacing: 0.4px;text-decoration: underline;} */
.verification {position: relative;}
.verification::before {position: absolute;top: -6rem;left: 0;right: 0;display: block;content: '';clear: both;width: 100%;height: 28%;max-height: 400px;background: linear-gradient(#EEF9FF, #EBF2FF);z-index: -1;}
.group-detail {padding: 2.4rem 2rem 0;}
.tag-box {margin-top: 1.2rem;display: flex;align-items: center;gap: 4px;}
.tag-box span {padding: 0.2rem 0.8rem;border-radius: var(--radius-full);font-size: clamp(1.4rem, 3vw, 1.6rem);line-height: clamp(2.2rem, 3vw, 2.4rem);color: var(--color-secondary);background: #DEEBFF;}
.detail-txt {margin-top: 1.6rem;font-size: clamp(1.6rem, 4vw, 1.8rem);line-height: clamp(2.4rem, 4vw, 3.2rem);}
.detail-txt br {display: none;}

.group-service1 {padding: 4rem 0 0 0;}
.group-service1 .service-tit {padding: 0 2rem;}
.group-service2 {padding: 2rem 2rem 4rem;}
.group-service3 {padding: 4rem 2rem;background: var(--bg-grey);}

.case-area {display: flex;gap: 12px;overflow-x: auto;scroll-snap-type: x mandatory;margin-top: 2rem;padding: 0 2rem 2rem 2rem;}
.case-area::-webkit-scrollbar {display: none;}
.case-box {flex-shrink: 0;width: 280px;padding: 2rem;border-radius: var(--radius-md);background: #fff;box-shadow: var(--shadow-sm);scroll-snap-align: center;}
.case-box .top {display: flex;align-items: center;gap: 4px;}
.case-box .ico {width: 5rem;height: 5rem;border-radius: var(--radius-full);}
.case-tit {font-size: clamp(1.8rem, 1.5vw + 1rem, 2.2rem);line-height: clamp(2.8rem, 1.5vw + 1rem, 3.2rem);font-weight: 600;}
.case-cate {font-size: clamp(1.4rem, 1.5vw + 1rem, 1.6rem);line-height: clamp(2.2rem, 1.5vw + 1rem, 2.4rem);color: var(--color-sub);}
.case-info {margin-top: 1.2rem;font-size: clamp(1.4rem, 1.5vw + 1rem, 1.8rem);line-height: clamp(2.2rem, 1.5vw + 1rem, 3rem);}

.auth-area {margin-top: 2rem;display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory;}
.auth-area::-webkit-scrollbar {display: none;}
.auth-box {display: grid;gap: 12px;justify-content: center;flex-shrink: 0;min-width: 112px;padding: 2rem 1.2rem;border-radius: var(--radius-md);background: var(--bg-grey);}
.auth-box .ico {margin: 0 auto;width: 4rem;height: 4rem;border-radius: var(--radius-full);}
.auth-box .auth-tit {font-size: clamp(1.6rem, 1.5vw + 1rem, 2.2rem);line-height: clamp(2.4rem, 1.5vw + 1rem, 3rem);text-align: center;font-weight: 600;}

.workflow-area {margin-top: 2rem;}
.workflow-list {display: grid;gap: 20px;}
.workflow-item {display: flex;gap: 12px;}
.workflow-num {position: relative;display: flex;justify-content: center;align-items: center;width: 2.4rem;height: 2.4rem;border-radius: var(--radius-full);background: #DDE5F2;}
.workflow-num::after {position: absolute;top: 30px;left: 50%;display: block;content: '';clear: both;width: 1px;height: 60px;background: #E5E7EB;}
.workflow-item:last-child .workflow-num::after {display: none;}
.workflow-box {flex: 1;padding: 1.2rem 1.6rem;border-radius: var(--radius-md);border: 1px solid #EAEBEC;background: var(--color-white);}
.workflow-cate {font-size: 1.4rem;line-height: 2.2rem;}
.workflow-txt {margin-top: 4px;font-size: 1.6rem;line-height: 2.4rem;}
.workflow-area > img {display: none;}

/* 입력/결과 제공정보 */
.group-info-input {padding: 4rem 2rem 4rem;background: var(--color-white);}
.info-input-table {margin-top: 2rem;}
.info-input-table table {table-layout: fixed;border-collapse: separate;overflow: hidden;}
.info-input-table th {border: 1px solid #D9DEE5;padding: 0.9rem 1.6rem;font-size: clamp(1.4rem, 1.5vw + 1rem, 2rem);line-height: clamp(2.2rem, 1.5vw + 1rem, 2.8rem);font-weight: 600;background: var(--bg-grey);}
.info-input-table th:first-of-type {border-top-left-radius: var(--radius-md);border-right: none;} 
.info-input-table th:last-of-type {border-top-right-radius: var(--radius-md);}
.info-input-table td {padding: 1.2rem 0.8rem;border: 1px solid #D9DEE5;border-top: none;text-align: center;font-size: clamp(1.4rem, 3vw, 2rem);line-height: clamp(2.2rem, 3vw, 2.8rem);}
.info-input-table td:first-of-type {border-bottom-left-radius: var(--radius-md);border-right: none;} 
.info-input-table td:last-of-type {border-bottom-right-radius: var(--radius-md);}

/* ci / di */
.group-cidi {padding: 4rem 2rem;background: var(--bg-grey);}
.group-cidi .service-txt {margin-top: 0.4rem;font-size: 1.6rem;line-height: 2.4rem;color: var(--color-sub);}
.cidi-area {display: flex;justify-content: center;align-items: center;gap: 10px;margin-top: 2rem;}
.cidi-box {flex: 1;display: grid;gap: 8px;min-height: 160px;padding: 2rem 1.6rem;border-radius: var(--radius-lg);background: var(--color-white);box-shadow: var(--shadow-sm);}
.cidi-box .font-blue1 {font-size: clamp(1.4rem, 1.5vw + 1rem, 2.2rem);line-height: clamp(2.2rem, 1.5vw + 1rem, 2.4rem);font-weight: 600;}
.cidi-box .explain {font-size: clamp(1.4rem, 3vw, 2.2rem);line-height: clamp(2.2rem, 3vw, 2.4rem);}

/* 도입 상담 문의 */
.group-contact {position: relative;padding: 4rem 2rem 12.4rem;}
.group-contact .btn-type1 {position: absolute;left: 2rem;bottom: 4rem;margin-top: 2.4rem;width: calc(100% - 4rem);}
.group-contact .service-tit {font-size: clamp(1.8rem, 4vw, 2.4rem);line-height: clamp(2.8rem, 4vw, 3.2rem);}
.group-contact .service-tit br {display: none;}
.group-contact .inner {border: 1px solid #EAEBEC;border-radius: var(--radius-lg);padding: 2rem 1.6rem;}
.contact-box {display: grid;gap: 8px;margin-top: 2rem;}
.contact-tit {font-size: clamp(1.6rem, 3vw, 1.8rem);line-height: clamp(2.4rem, 3vw, 3.2rem);}

/* 휴대폰본인확인 */
.sc-phone .case-box:first-of-type .ico {background: url(../images/ico-join.png) no-repeat center;background-size: contain;}
.sc-phone .case-box:last-of-type .ico {background: url(../images/ico-finance.png) no-repeat center;background-size: contain;}
.sc-phone .auth-box:nth-child(1) .ico {background: url(../images/ico-pass.png) no-repeat center;background-size: contain;}
.sc-phone .auth-box:nth-child(2) .ico {background: url(../images/ico-qr.png) no-repeat center;background-size: contain;}
.sc-phone .auth-box:nth-child(3) .ico {background: url(../images/ico-sms1.png) no-repeat center;background-size: contain;}
/* 공동인증서 */
.sc-common-cert .case-box:first-of-type .ico {background: url(../images/ico-finance.png) no-repeat center;background-size: contain;}
.sc-common-cert .case-box:last-of-type .ico {background: url(../images/ico-gov.png) no-repeat center;background-size: contain;}
/* 금융인증서 */
.sc-finance-cert .case-box:first-of-type .ico {background: url(../images/ico-finance.png) no-repeat center;background-size: contain;}
.sc-finance-cert .case-box:last-of-type .ico {background: url(../images/ico-gov.png) no-repeat center;background-size: contain;}
/* 아이핀 */
.sc-subpg-ipin .case-box:first-of-type .ico {background: url(../images/ico-join.png) no-repeat center;background-size: contain;}
.sc-subpg-ipin .case-box:last-of-type .ico {background: url(../images/ico-B2B.png) no-repeat center;background-size: contain;}
/* 실명확인 */
.sc-realname .case-box:first-of-type .ico {background: url(../images/ico-finance.png) no-repeat center;background-size: contain;}
.sc-realname .case-box:last-of-type .ico {background: url(../images/ico-join.png) no-repeat center;background-size: contain;}
.sc-realname .auth-box:nth-child(1) .ico {background: url(../images/ico-idcard.png) no-repeat center;background-size: contain;}
.sc-realname .auth-box:nth-child(2) .ico {background: url(../images/ico-simplelogin.png) no-repeat center;background-size: contain;}
.sc-realname .auth-box:nth-child(3) .ico {background: url(../images/ico-birthverification.png) no-repeat center;background-size: contain;}
.sc-realname .auth-box {width: 195px;}
/* 법인실명확인 */
.sc-corp-name .case-box:first-of-type .ico {background: url(../images/ico-B2B.png) no-repeat center;background-size: contain;}
.sc-corp-name .case-box:last-of-type .ico {background: url(../images/ico-B2B.png) no-repeat center;background-size: contain;}
.sc-corp-name .auth-box:nth-child(1) .ico {background: url(../images/ico-b2bmatch.png) no-repeat center;background-size: contain;}
.sc-corp-name .auth-box:nth-child(2) .ico {background: url(../images/ico-lookup.png) no-repeat center;background-size: contain;}
.sc-corp-name .auth-box:nth-child(3) .ico {background: url(../images/ico-b2brel.png) no-repeat center;background-size: contain;}
/* 신분증안심패키지 */
.sc-safe-pack .case-box:first-of-type .ico {background: url(../images/ico-B2B.png) no-repeat center;background-size: contain;}
.sc-safe-pack .case-box:last-of-type .ico {background: url(../images/ico-join.png) no-repeat center;background-size: contain;}
.sc-safe-pack .auth-box:nth-child(1) .ico {background: url(../images/ico-idscan.png) no-repeat center;background-size: contain;}
.sc-safe-pack .auth-box:nth-child(2) .ico {background: url(../images/ico-phoneverify.png) no-repeat center;background-size: contain;}
.sc-safe-pack .auth-box:nth-child(3) .ico {background: url(../images/ico-accawner.png) no-repeat center;background-size: contain;}
.sc-safe-pack .auth-box:nth-child(4) .ico {background: url(../images/ico-idcall.png) no-repeat center;background-size: contain;}
.sc-safe-pack .auth-box:nth-child(5) .ico {background: url(../images/ico-idcard.png) no-repeat center;background-size: contain;}
.sc-safe-pack .auth-box:nth-child(6) .ico {background: url(../images/ico-facialrecog.png) no-repeat center;background-size: contain;}
.sc-safe-pack .auth-box {position: relative;width: 160px;height: 138px;}
.sc-safe-pack .auth-box span[class^=badge] {position: absolute;top: 1.2rem;left: 1.2rem;width: 100%;max-width: 4rem;min-width: 0;border-radius: var(--radius-lg);font-size: 1.2rem;line-height: 2rem;text-align: center;}
.sc-safe-pack .auth-box .badge-req {border: 1px solid var(--color-primary);color: var(--color-primary);background: #e9f1ff;}
.sc-safe-pack .auth-box .badge-opt {border: 1px solid var(--color-red);color: var(--color-red);background: #f044521c;}
.sc-safe-pack .auth-box .ico {margin-top: 2.4rem;}

/* 계좌확인 */
.sc-account-check .case-box:first-of-type .ico {background: url(../images/ico-join.png) no-repeat center;background-size: contain;}
.sc-account-check .case-box:last-of-type .ico {background: url(../images/ico-join.png) no-repeat center;background-size: contain;}
.sc-account-check .auth-box:nth-child(1) .ico {background: url(../images/ico-accverify.png) no-repeat center;background-size: contain;}
.sc-account-check .auth-box:nth-child(2) .ico {background: url(../images/ico-accname.png) no-repeat center;background-size: contain;}
.sc-account-check .auth-box:nth-child(3) .ico {background: url(../images/ico-accawner.png) no-repeat center;background-size: contain;}
.sc-account-check .auth-box {min-width: 164px;}
/* 계좌1원인증 */
.sc-account-1won .case-box:first-of-type .ico {background: url(../images/ico-finance.png) no-repeat center;background-size: contain;}
.sc-account-1won .case-box:last-of-type .ico {background: url(../images/ico-finance.png) no-repeat center;background-size: contain;}
.sc-account-1won .auth-box:nth-child(1) .ico {background: url(../images/ico-accverify.png) no-repeat center;background-size: contain;}
.sc-account-1won .auth-box:nth-child(2) .ico {background: url(../images/ico-accname.png) no-repeat center;background-size: contain;}
.sc-account-1won .auth-box:nth-child(3) .ico {background: url(../images/ico-accawner.png) no-repeat center;background-size: contain;}
.sc-account-1won .auth-box {width: 140px;}
/* MO인증 */
.sc-mo-cert .case-box:first-of-type .ico {background: url(../images/ico-finance.png) no-repeat center;background-size: contain;}
.sc-mo-cert .case-box:last-of-type .ico {background: url(../images/ico-finance.png) no-repeat center;background-size: contain;}
.sc-mo-cert .auth-box:nth-child(1) .ico {background: url(../images/ico-device.png) no-repeat center;background-size: contain;}
.sc-mo-cert .auth-box:nth-child(2) .ico {background: url(../images/ico-idcall.png) no-repeat center;background-size: contain;}
.sc-mo-cert .auth-box {flex: 1;}
/* pass인증서 */
.sc-pass .case-box:first-of-type .ico {background: url(../images/ico-join.png) no-repeat center;background-size: contain;}
.sc-pass .case-box:last-of-type .ico {background: url(../images/ico-gov.png) no-repeat center;background-size: contain;}
.sc-pass .auth-box:nth-child(1) .ico {background: url(../images/ico-digitalsig.png) no-repeat center;background-size: contain;}
.sc-pass .auth-box:nth-child(2) .ico {background: url(../images/ico-withdrawconsent.png) no-repeat center;background-size: contain;}
.sc-pass .auth-box:nth-child(3) .ico {background: url(../images/ico-simplelogin.png) no-repeat center;background-size: contain;}
.sc-pass .auth-box:nth-child(4) .ico {background: url(../images/ico-simpleauth.png) no-repeat center;background-size: contain;}
/* 문자OTP인증 */
.sc-sms-otp .case-box:first-of-type .ico {background: url(../images/ico-finance.png) no-repeat center;background-size: contain;}
.sc-sms-otp .case-box:last-of-type .ico {background: url(../images/ico-join.png) no-repeat center;background-size: contain;}
/* cidi 변환 */
.sc-cidi-convert .case-box:first-of-type .ico {background: url(../images/ico-finance.png) no-repeat center;background-size: contain;}
.sc-cidi-convert .case-box:last-of-type .ico {background: url(../images/ico-finance.png) no-repeat center;background-size: contain;}

/**** 에러 404 ****/
.sc-error {background: linear-gradient(#E9F8FF, #E9F0FF);}
.group-error {padding: 6rem 4rem;background: url(../images/error-bg.png) no-repeat center;background-size: contain;text-align: center;}
.group-error .inner {display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 16px;padding: 9.2rem 2.4rem 6rem;border-radius: var(--radius-lg);background: rgba(255, 255, 255, 0.2);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);box-shadow: 0px 7px 10px 1px rgb(15 80 179 / 8%);}
.group-error .error-tit {font-size: clamp(4rem, 4vw, 6rem);line-height: clamp(5.2rem, 4vw, 5.2rem);background: linear-gradient(90deg, #0070DE, #003D78); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.group-error .error-txt {margin-top: 2.4rem;font-size: clamp(2.4rem, 3vw, 3.2rem);line-height: clamp(3.2rem, 3vw, 4.4rem);font-weight: 600;}
.group-error .error-notice {font-size: clamp(1.6rem, 3vw, 1.8rem);line-height: clamp(2.4rem, 3vw, 2.8rem);font-weight: 400;color: var(--color-sub);}
.group-error .btn-box {margin-top: 3.2rem;display: flex;justify-content: center;align-items: center;gap: 12px;}
.group-error .btn-type1 {width: 10rem;padding: 0;}
.group-error .btn-type2 {width: 10rem;padding: 0;background: #fff;}


@media (min-width: 789px) {

    /* intro */
    .wrap.main-bg .circle:first-of-type {width: 30rem;height: 34rem;filter: blur(50px);}
    .wrap.main-bg .circle:nth-of-type(2) {width: 34rem;height: 34rem;filter: blur(70px);}
    .wrap.main-bg {background: transparent;}
    .wrap.main-bg .circle:nth-of-type(3),
    .wrap.main-bg .circle:nth-of-type(4) {display: block;}
    .sc-intro {position: relative;background: linear-gradient(#E9F8FF, #E9F8FF00);}
    .sc-intro .inner {display: grid;align-items: center;grid-template-columns: minmax(0, 1fr) 380px;gap: 20px;margin: 0 auto;max-width: 1400px;padding: 0 4rem 4rem;}
    .group-intro .intro-area {padding: 15.9rem 0;}
    .group-intro.quiz {margin-top: 5rem;height: auto;min-height: 600px;max-height: 720px;border-radius: var(--radius-lg);background: var(--color-white);box-shadow: var(--shadow-lg);}
    .quiz.group-intro .main-tit {margin-top: 0;font-size: 2.4rem;}
    .quiz.group-intro .main-txt {font-size: 1.6rem;}
    .strength-list {left: 0;bottom: 18.9rem;min-width: 360px;gap: 20px;transform: none;}
    .strength-box .txt {margin-top: 4px;}
    .strength-box .cate {margin-top: 4px;}
    .help .match-area {border: 1px solid var(--color-border);}
    .help .main-tit {line-height: clamp(3.2rem, 2vw, 4.4rem);}
    .group-intro .bottom-box {bottom: 2.5rem;}

    .sc-contact-info .notice-txt {padding: 4rem 4rem 6rem;}
    
    /* 필요한 인증서비스 */
    .sc-authentication {padding: 6rem 0 10rem;}
    .group-authentication {margin: 0 auto;max-width: var(--max-pc-width);}
    .group-authentication .main-tit {margin-top: 1.6rem;text-align: center;}
    .group-authentication .main-txt {text-align: center;} 
    .group-authentication .main-tit br {display: none;}
    .authentication-area {padding: 0 14rem;}
    .card-box {height: 216px;padding: 2.2rem 1.4rem;}
    .card-box .btn-tab {align-self: flex-end;width: 12rem;padding: 0;}

    /* 추천 서비스 */
    .group-recommand {max-width: var(--max-pc-width);margin: 0 auto;padding: 9rem 0 9rem 4rem;}
    .group-recommand .main-txt {font-size: 2.8rem;}
    .recommand-list {gap: 16px;}
    .recommand-item{flex-shrink: 1;height: 347px;padding: 3.2rem 2.4rem;transition: 0.3s ease-in-out;}
    .recommand-item:nth-child(1) {width: 36rem;background: var(--color-white);}
    .recommand-item:hover {width: 36rem;background: var(--color-white);}
    .recommand-list:has(.recommand-item:not(:first-child):hover) .recommand-item:first-child {width: 222px;background: var(--bg-grey);}
    .recommand-item h3 br {display: block;}
    .recommand-item .ico {bottom: 2.4rem;width: 5.8rem;height: 7.4rem;}

    /* 절차 */
    .group-procedure {margin: 0 auto;max-width: var(--max-pc-width);padding: 10rem 0;}
    .group-procedure .main-tit {margin-top: 1.6rem;text-align: center;}
    .group-procedure .main-tit br {display: none;}
    .group-procedure .main-txt {text-align: center;}
    .procedure-list {display: flex;justify-content: center;margin: 5.6rem 0 0 7.4rem;}
    .procedure-item {flex: 1 1 0;display: grid;align-content: start;}
    .procedure-item .ico {display: block;margin-left: -1.4rem;}
    .procedure-item .txt-box {padding: 0;}
    .procedure-item .txt-box::before {left: unset;top: -24px;right: 17px;width: 70%;max-width: 130px;height: 1px;}
    .procedure-item .txt-box p {margin-top: 0.8rem;}
    .group-procedure .btn-type1 {margin: 5.6rem auto 0;width: auto;padding: 0 2.4rem 0;}
    .group-procedure .btn-type1::after {display: block;content: '';clear: both;margin-left: 0.5rem;width: 2rem;height: 2rem;background: url(../images/icon_Arrow_R.svg) no-repeat 0 center;background-size: contain;}
    .procedure-item .num {background: #E9F1FF;}

    /* 컨설팅 */
    .group-consulting {display: grid;max-width: 1200px;max-height: 400px;margin: 0 auto;padding: 8rem 6rem;}
    .group-consulting .main-tit {text-align: left;}
    .group-consulting .main-tit br {display: block;}
    .group-consulting .main-txt{margin-top: 1.6rem;text-align: left;}
    .group-consulting .main-txt br {display: none;}
    .consulting-area {margin-top: 3.2rem;}
    .consulting-area .contact-box {display: flex;gap: 40px;background: transparent;color: #fff;box-shadow: none;}
    .consulting-area .link-tel {flex-direction: column;justify-content: flex-start;align-items: flex-start;text-align: left;gap: 0;margin-top: 4px;font-weight: 500;}
    .consulting-area .link-email {flex-direction: column;justify-content: flex-start;align-items: flex-start;text-align: left;gap: 0;margin-top: 4px;font-weight: 500;}
    .consulting-area .contact-label {display: block;font-size: 1.8rem;}
    .consulting-area .link-tel::before, .consulting-area .link-email::before {display: none;}

    /**** 상세페이지 ****/
    .verification {padding-top: 7.2rem;}
    .verification::before {top: 0;height: 30%;max-height: 470px;}

    /* 문의처 정보 */
    .group-contact-info {grid-template-columns: 1fr 1fr;margin: 0 auto;max-width: 1200px;}
    .contact-info-area {padding: 2.4rem;}
    .contact-box a + a {margin-top: 8px;}
    .contact-info-area .link-tel, .contact-info-area .link-email {display: flex;align-items: center;font-size: 1.8rem;}

    /* 도입문의 절차 */
    .group-inquiry-info {margin: 0 auto;max-width: 1200px;}
    .inquiry-info-item {padding: 2.4rem;}
    .inquiry-info-item .guide-detail-box {padding: 1.2rem 2rem 0  2.4rem;}
    .subpg-top-tit {margin-top: 1.4rem;}

    /* 공지사항 */
    .group-board {margin: 0 auto;max-width: 1200px;padding: 0 4rem 8rem;}
    .sc-board .service-tab-area .service-tab {padding: 0 2.4rem;}
    .sc-board .search-area {margin: 3.4rem 0 0;}
    .board-area {margin-top: 4rem;}
    .board-list {border-top: 1px solid var(--color-sub);}
    .sc-board .btn-more {margin: 2.4rem auto;width: 11.8rem;border-radius: var(--radius-lg);}

    /* 공지사항 본문 */
    .sc-board.detail {padding-top: 7.2rem;}
    .sc-board.detail > h2 {margin: 0 auto;max-width: 1200px;padding: 6rem 4rem 4rem;}
    .board-detail-top {border-top: 1px solid var(--color-black);}

    .board-detail-bottom .btn-type1 {margin: 4rem auto 0;max-width: 240px;}
    .sc-board.detail .board-list {display: block;border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border);}
    .sc-board.detail .board-item {display: flex;justify-content: space-between;align-items: center;}
    .sc-board.detail .board-item a {flex: 1;margin-left: 4rem;}
    .sc-board.detail .board-item-tit {flex: 1;text-align: left;}
    .btn-board-prev, .btn-board-next {display: flex;justify-content: center;align-items: center;gap: 12px;font-size: 1.4rem;line-height: 2.2rem;}
    .btn-board-prev::before {content: '';width: 2rem;height: 2rem;background: url(../images/ico-arr-r.svg) no-repeat center;background-size: contain;transform: rotate(-90deg);}
    .btn-board-next::before {content: '';width: 2rem;height: 2rem;background: url(../images/ico-arr-r.svg) no-repeat center;background-size: contain;transform: rotate(90deg);}
    
    /* 서비스 소개 */
    .sc-all-service {padding-top: 7.2rem;}
    .group-subpg-top {padding: 7.2rem 0 6rem;background: linear-gradient(#E9F8FF 10%, #fff);}
    .group-subpg-top .top-area {margin: 0 auto;max-width: 1200px;padding: 6rem 4rem 0;}
    .subpg-top-area {margin: 0 auto;max-width: 1200px;}
    .sc-all-service .service-tab-area {display: none;}
    .sc-all-service .service-tab-area.fixed {position: fixed;top: 5rem;width: 100%;} 
    .group-service-cnt {padding-top: 0;}
    .group-service-cnt:last-child {padding-bottom: 10rem;}
    .service-cnt-area {margin: 0 auto;max-width: 1200px;padding: 6rem 4rem;}
    .service-cnt-tit, .serviec-cnt-txt {text-align: left;}
    .service-list {grid-template-columns: 1fr 1fr 1fr 1fr;gap: 16px;}
    .service-item {padding: 2.4rem;}
    .service-item .tag-box {margin-top: 1.6rem;gap: 8px;}

    /* .breadcrumb {margin: 0 auto;max-width: 1200px;padding: 12.2rem 4rem 0;} */
    .group-detail {margin: 0 auto;max-width: 1200px;padding: 5.2rem 4rem 0;}
    .detail-txt br {display: block;}
    .group-service1 .service-tit {margin: 0 auto;max-width: 1200px;padding: 2rem 4rem 0;}
    .group-service2 {margin: 0 auto;max-width: 1200px;padding: 12rem 4rem 0;}
    .case-area {margin: 2rem auto 0;max-width: 1200px;padding: 0 4rem 2rem;}
    .case-box {flex: 1;width: auto;padding: 2.8rem 2.4rem;}
    .case-cate {margin-top: 4px;}
    .auth-area {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;}
    .auth-box {flex: 1;align-items: center;grid-template-columns: repeat(1, 50px 1fr);gap: 16px;padding: 2rem 3rem;}
    .auth-box .auth-tit {text-align: left;}
    .group-service3 {margin: 0 auto;max-width: 1200px;padding: 12rem 4rem 0;background: #fff;}
    .workflow-list {position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;}
    .workflow-area {margin-top: 3.2rem;}
    .workflow-area > img {display: block;margin: 0 auto;width: 100%;max-width: 1080px;}
    .group-info-input {margin: 0 auto;max-width: 1200px;padding: 12rem 4rem;}
    .group-cidi {margin: 0 auto;padding: 10rem 4rem;}
    .group-cidi .service-tit {margin: 0 auto;max-width: 1200px;}
    .group-cidi .service-txt {margin: 2rem auto 0;max-width: 1200px;font-size: 1.8rem;}
    .cidi-area {margin: 2rem auto 0;max-width: 1200px;}
    .cidi-box {padding: 2.8rem;min-height: 142px;}
    .group-contact {padding: 0;background: #1d3259;color: var(--color-white);}
    .group-contact .inner {display: flex;justify-content: space-between;margin: 0 auto;max-width: 1200px;padding: 6rem 4rem;border: none;}
    .group-contact .service-tit br {display: block;}
    .group-contact .btn-type1 {position: static;display: flex;justify-content: center;align-items: center;gap: 8px;width: 13.2rem;color: var(--color-black);background: var(--color-white);}
    .group-contact .btn-type1::after {display: block;content: '';clear: both;width: 2rem;height: 2rem;background: url(../images/ico-arr-r.svg) no-repeat center;background-size: contain;}
    .group-contact a {padding: 0;background: transparent;}
    .group-contact a::before, .group-contact a::after {display: none;}
    .contact-box{gap: 4px;}
    .contact-box:first-child {margin-top: 0;}
    .contact-tit {font-weight: 400;}
    .consulting-area .link-tel, .consulting-area .link-email {padding: 0;background: transparent;}
    .consulting-area .link-tel::before, .consulting-area .link-email::before, .consulting-area .link-tel::after, .consulting-area .link-email::after {display: none;}
    .cidi-area {gap: 16px;}
    .sc-mo-cert  .auth-area {grid-template-columns: repeat(2, 1fr);}
    .sc-account-1won .auth-box,
    .sc-realname .auth-box {width: auto;}
    .sc-safe-pack .auth-box {position: relative;width: auto;height: auto;padding: 2rem 3rem 2rem 7.2rem;gap: 6px;}
    .sc-safe-pack .auth-box span[class^=badge] {position: absolute;top: 50%;left: 1.2rem;transform: translateY(-50%                                                                                                                                                                           );;width: 100%;max-width: 5.4rem;min-width: 0;border-radius: var(--radius-lg);font-size: 1.6rem;line-height: 2.8rem;text-align: center;}
    .sc-safe-pack .auth-box .ico {margin: 0 auto;}
    .group-error {margin: 0 auto;max-width: 960px;padding: 31rem 6rem;}
}

@media (min-width: 1024px) {
    .sc-intro .inner {grid-template-columns: none;gap: 80px;grid-template-columns: minmax(0, 1fr) 420px;}
    .authentication-area {grid-template-columns: 1fr 1fr 1fr 1fr;margin-top: 5.6rem;gap: 24px;}
    .card-box {padding: 3.2rem 2.4rem;}
    .group-recommand {display: grid; grid-template-columns: 33rem 1fr;grid-template-rows: auto auto;align-items: center;gap: 48px;}
    .recommand-item {padding: 3.2rem 2.4}
    .recommand-item .ico {width: 6.8rem;height: 8.4rem;}
    .authentication-area {padding: 0 4rem;}
    .intro-sub-tit {font-size: 3.6rem;line-height: 4.4rem;}

}