@charset "utf-8";

/* ==========================================================================
1. 대민 - 로그인 영역
========================================================================= */
.gne-modern-login-container {background:#f8fafc;min-height:93vh;display:flex;align-items:center;justify-content:center;padding:6rem 2rem;box-sizing:border-box;}
.gne-login-content-wrap {display:flex;width:100%;justify-content:center;}
.hide {position:absolute;width:0.1rem;height:0.1rem;margin:-0.1rem;overflow:hidden;clip:rect(0,0,0,0);}
.gne-form-side {flex:1;display:flex;align-items:center;background:none;padding:0rem;justify-content:center;}
.gne-form-inner {width:100%;max-width:64rem;margin:0 auto;background:#ffffff;border-radius:1.6rem;box-shadow:0 0.4rem 3rem rgba(0,0,0,0.03);padding:5rem 5rem;box-sizing:border-box;}
.gne-page-title {font-size:3.6rem;font-weight:700;color:#1e293b;margin:0 0 1.5rem 0;text-align:center;position: relative;letter-spacing:-0.1rem;}
.gne-page-desc {font-size:1.6rem;color:#64748b;text-align:center;line-height:1.6;margin:0 0 2.5rem 0;word-break:keep-all;}
.gne-page-desc strong {color:#2a5ee8;font-weight:600;display:block;margin-top:0.2rem;}
.gne-login-tabs {display:flex;width:100%;background:#f1f5f9;padding:0.6rem;border-radius:10rem;margin-bottom: 2rem;box-sizing:border-box;}
.gne-tab-btn {flex:1;height:4.8rem;background:none;border:none;border-radius:10rem;font-size:1.6rem;font-weight:600;color:#64748b;cursor:pointer;transition:all 0.2s;text-align:center;padding:0;}
.gne-tab-btn.active {color:#1e3a8a;background:#ffffff;font-weight:700;box-shadow:0 0.2rem 0.8rem rgba(0,0,0,0.05);}
.gne-tab-content {display:none;min-height: 28rem;box-sizing:border-box;}
.gne-tab-content.active {display:block;}
.gne-login-card {width:100%;box-sizing:border-box;box-shadow:none;padding:0rem;margin:0 auto;}
.gne-form-group {margin-bottom:1.6rem;}
.gne-input-wrap {position:relative;}
.gne-input-icon-left {position:absolute;left:1.8rem;top:50%;transform:translateY(-50%);font-size:2rem;color:#94a3b8;z-index:2;}
.gne-input {width:100%;height:5.4rem !important;padding:0 1.6rem 0 5rem !important;border:0.1rem solid #cbd5e1;border-radius:0.6rem;font-size:1.6rem;color:#1e293b;box-sizing:border-box;transition:all 0.2s;background:#ffffff;}
.gne-input::placeholder {color:#94a3b8;}
.gne-input:focus {border-color:#2a5ee8;outline:none;box-shadow:0 0 0 0.3rem rgba(42,94,232,0.08);}
.gne-pw-toggle {position:absolute;right:1.8rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;font-size:2rem;color:#94a3b8;z-index:2;}
.gne-form-options {display:flex;justify-content:flex-start;align-items:center;margin-top:1.2rem;margin-bottom:2.4rem;}
.gne-form-check {display:flex;align-items:center;gap:0.8rem;}
.gne-form-check input[type="checkbox"] {width:1.8rem;height:1.8rem;border:0.1rem solid #cbd5e1;border-radius:0.4rem;cursor:pointer;accent-color:#2a5ee8;}
.gne-form-check label {font-size:1.4rem;color:#475569;cursor:pointer;font-weight:500;}
.gne-btn-login {width:100%;height:5.6rem;background:#2a5ee8;color:#fff;border:none;border-radius:0.6rem;font-size:1.8rem;font-weight:700;cursor:pointer;transition:all 0.2s;}
.gne-btn-login:hover {background:#1a3563;}
.gne-link-group {display:flex;justify-content:center;align-items:center;list-style:none;margin:2.4rem 0 0 0;padding:0;}
.gne-link-group li {display:flex;align-items:center;}
.gne-link-group li:not(:last-child)::after {content:"";width:0.1rem;height:1.2rem;background:#cbd5e1;margin:0 1.6rem;}
.gne-link-group a {font-size:1.4rem;color:#475569;text-decoration:none;transition:color 0.2s;}
.gne-link-group a:hover {color:#2a5ee8;text-decoration:underline;}

/* ==========================================================================
2. 대민 - 간편인증 탭 전용 뷰 스타일 (내부 안정화 스크롤 추가)
========================================================================= */
.gne-easy-auth-wrap {width:100%;box-sizing:border-box;}
.gne-easy-auth-list {display:flex;gap:1.6rem;width:100%;margin-bottom:3.2rem;box-sizing:border-box;}
.gne-easy-auth-card {flex:1;height:14rem;background:#ffffff;border: 0.1rem solid #e5e5e5;border-radius:1.2rem;padding:2rem 1rem;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);position:relative;}
.gne-easy-auth-card:hover {border-color:#2a5ee8;background:#fcfdfe;transform:translateY(-0.4rem);box-shadow:0 0.8rem 2rem rgba(42,94,232,0.08);}
.gne-easy-auth-card::before {content:"";width:5.4rem;height:5.4rem;margin-bottom:1.2rem;display:block;border-radius: 0.5rem;background-position:center;background-repeat:no-repeat;border: 0.1rem solid #eaf1f7;background-size:contain;transition:all 0.2s;}
.gne-easy-auth-card.auth-phone::before {background-image:url("../images/common/pass_logo.webp");}
.gne-easy-auth-card.auth-ipin::before {background-image:url("../images/common/nice_logo.webp");background-size: 5.5rem;}
.gne-easy-auth-card.auth-anyid::before {background-image:url("../images/common/auth-anyid.png");background-size: 4.5rem;}
.gne-easy-auth-name {font-size:1.5rem;font-weight:700;color:#1e293b;text-align:center;line-height:1.3;word-break:keep-all;}
.gne-easy-auth-card:hover .gne-easy-auth-name {color:#2a5ee8;}
.gne-info-notice-box {background:#f8fafc;border:0.1rem solid #e2e8f0;border-radius:1.2rem;padding:2.4rem 3.2rem;box-sizing:border-box;margin-top:3.2rem;}
.gne-notice-title {font-size:1.8rem;font-weight:700;color:#1e3a8a;margin:0 0 1.2rem 0;}
.gne-notice-list {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.2rem;}
.gne-notice-list li {font-size:1.45rem;color:#475569;line-height:1.6;word-break:keep-all;position:relative;padding-left:1.6rem;}
.gne-notice-list li span {position:absolute;left:0;top:0;color:#2a5ee8;}
.gne-notice-list li strong {color:#0f172a;font-weight:600;}

/* ==========================================================================
3. 대민 - 에너지기술평가원 지니 회원가입 스타일
========================================================================= */
.gne-signup-container {background-color:#F4F7FA;min-height:100vh;padding:6rem 2rem;font-family:'Pretendard',sans-serif;}
.gne-signup-inner {width:100%;max-width:86rem;margin:0 auto;}
.selected-user-type {position:absolute;top:50%;right:0rem;transform:translate(0%, -50%);display:inline-flex;align-items:center;gap:0.8rem;font-size:1.4rem;font-weight:600;color:#666666;background:#e4edff;padding:0.6rem 1.4rem;border-radius:10rem;}
.selected-user-type strong {font-weight:700;color:#ffffff;background:#2a5ee8;padding:0.2rem 0.8rem;border-radius:2rem;font-size:1.4rem;}
.gne-stepper-wrap {background:#fff;border-radius:1.6rem;padding:3.2rem 4rem;box-shadow:0 0.8rem 2.4rem rgba(15,23,42,0.04);margin-bottom:4rem;}
.gne-stepper {display:flex;justify-content:space-between;position:relative;margin:0;padding:0;list-style:none;}
.gne-stepper::before {content:'';position:absolute;top:1.6rem;left:2rem;right:2rem;height:0.2rem;background-color:#E2E8F0;z-index:1;}
.gne-step-item {position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;flex:1;}
.gne-step-dot {width:3.2rem;height:3.2rem;border-radius:50%;background-color:#E2E8F0;border:0.4rem solid #fff;display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem;transition:all 0.3s;box-sizing:border-box;}
.gne-step-item.active .gne-step-dot {background-color:#2A5EE8;box-shadow:0 0 0 0.2rem rgba(42,94,232,0.2);}
.gne-step-item.complete .gne-step-dot {background-color:#1A3563;}
.gne-step-item.active .gne-step-dot::after {content:'';width:1rem;height:1rem;background:#fff;border-radius:50%;}
.gne-step-item.complete .gne-step-dot::after {content:'\e928';font-family:'xeicon';color:#fff;font-size:1.6rem;}
.gne-step-txt {text-align:center;}
.gne-step-num {display:block;font-size:1.3rem;color:#94a3b8;font-weight:600;margin-bottom:0.4rem;}
.gne-step-label {display:block;font-size:1.6rem;color:#64748b;font-weight:600;word-break:keep-all;}
.gne-step-item.active .gne-step-num {color:#2A5EE8;}
.gne-step-item.active .gne-step-label {color:#1e293b;font-weight:700;}
.gne-sub-header {margin-bottom:2.4rem;}
.gne-sub-title {font-size:2.2rem;font-weight:700;color:#1e293b;margin:0 0 0.8rem 0;display:flex;align-items:center;gap:0.8rem;}
.gne-sub-title i {color:#2A5EE8;font-size:2.4rem;}
.gne-sub-desc {font-size:1.5rem;color:#64748b;margin:0;}
.gne-sub-desc strong {color:#1e293b;font-weight:600;}
.gne-agree-all-box {background:#fff;border:0.1rem solid #2A5EE8;border-radius:1.2rem;padding:3.2rem;margin-bottom:2.4rem;box-shadow:0 0.4rem 1.6rem rgba(42,94,232,0.08);}
.gne-form-check input[type="radio"] {border-radius:50%;}
.gne-form-check label {font-size:1.5rem;color:#334155;cursor:pointer;font-weight:500;}
.gne-agree-all-box .gne-form-check.large label {font-size:1.8rem;font-weight:700;color:#1e293b;}
.gne-agree-desc {margin:1.6rem 0 0 3.2rem;font-size:1.4rem;line-height:1.6;color:#64748b;}
.gne-agree-list-wrap {background:#fff;border:0.1rem solid #E2E8F0;border-radius:1.2rem;padding:3.2rem;box-shadow:0 0.8rem 2.4rem rgba(15,23,42,0.04);}
.gne-agree-list {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2.4rem;}
.gne-agree-list li {display:flex;flex-direction:column;gap:1.6rem;padding-bottom:2.4rem;border-bottom:0.1rem dashed #E2E8F0;}
.gne-agree-list li:last-child {padding-bottom:0;border-bottom:none;}
.gne-agree-header {display:flex;justify-content:space-between;align-items:center;}
.gne-agree-tit {font-size:1.6rem;font-weight:700;color:#1e293b;margin:0;}
.gne-agree-body {display:flex;justify-content:space-between;align-items:center;background:#F8FAFC;padding:2rem 2.4rem;border-radius:0.8rem;}
.gne-agree-txt {font-size:1.5rem;color:#475569;}
.gne-check-group {display:flex;gap:2.4rem;align-items:center;}
.gne-action-btn-wrap {display:flex;justify-content:center;gap:1.6rem;margin-top:4.8rem;}
.gne-action-btn-wrap .btn {padding:0 4.8rem !important;}
.gne-modal-wrapper {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}
.gne-modal-wrapper.active {display:flex;opacity:1;pointer-events:auto;}
.gne-modal-container {position:relative;width:90%;max-width:64rem;max-height:85vh;background:#fff;border-radius:1.6rem;z-index:1002;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 2rem 4rem rgba(0,0,0,0.2);transform:translateY(2rem);transition:transform 0.3s ease;}
.gne-modal-wrapper.active .gne-modal-container {transform:translateY(0);}
.gne-modal-header {padding:2.4rem 3.2rem;border-bottom:0.1rem solid #E2E8F0;display:flex;justify-content:space-between;align-items:center;background:#fff;}
.gne-modal-tit {font-size:2rem;font-weight:700;color:#1e293b;margin:0;}
.gne-modal-close {border:none;background:none;font-size:2.4rem;color:#94a3b8;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:color 0.2s;}
.gne-modal-close:hover {color:#ef4444;}
.gne-modal-body {padding:3.2rem;overflow-y:auto;flex:1;font-size:1.5rem;line-height:1.6;color:#475569;background:#fff;}
.gne-modal-footer {padding:2.4rem 3.2rem;border-top:0.1rem solid #E2E8F0;background:#F8FAFC;display:flex;justify-content:center;}
.gne-modal-foot-btn {min-width:14rem !important;}
.gne-modal-dim {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,0.6);backdrop-filter:blur(0.2rem);z-index:1001;}
.gne-source-container {display:none;}
.gne-modal-inner-box {height:40rem;background:#f8fafc;margin-top:2rem;padding:2rem;border:0.1rem solid #e2e8f0;border-radius:0.8rem;box-sizing:border-box;}
.btn.is-read {background-color:#eff3ff;border-color:#2a5ee8;color:#2a5ee8;cursor:default;}
.btn.is-read::after {content:'\e92c';margin-left:0.6rem;color:#2a5ee8;font-size:1.6rem;font-weight:bold;font-family:"xeicon";}

/* ==========================================================================
4. 대민 - 회원가입 2단계 본인인증 전용 스타일
========================================================================= */
.gne-auth-container {background:#fff;border:0.1rem solid #E2E8F0;border-radius:1.2rem;padding:4rem;box-shadow:0 0.8rem 2.4rem rgba(15,23,42,0.04);}
.gne-auth-list {display:flex;gap: 1.4rem;width:100%;}
.gne-auth-item {flex:1;cursor:pointer;position:relative;display:block;}
.gne-auth-input {position:absolute;width:0.1rem;height:0.1rem;margin:-0.1rem;overflow:hidden;clip:rect(0,0,0,0);}
.gne-auth-box {display:flex;align-items:center;gap:1rem;flex-direction:column;padding: 3rem 3rem;border:0.1rem solid #cbd5e1;border-radius:0.5rem;background:#fff;transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);box-sizing:border-box;will-change:transform;transform:translateZ(0);backface-visibility:hidden;position:relative;}
.gne-auth-visual {width:7rem;height:7rem;border-radius:15%;background:#F8FAFC;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:2.8rem;transition:all 0.3s ease;border:0.1rem solid #bdd7ff;}
.gne-auth-content {display:flex;flex-direction:column;flex:1;}
.gne-auth-tag-area {min-height:2.2rem;position:absolute;top: 0rem;left: 0rem;}
.gne-auth-tag {display:inline-block;padding:0.2rem 1rem;background:#EFF6FF;color:#2A5EE8;font-size:1.2rem;font-weight:600;border-radius: 0.5rem 0.5rem 0.5rem 0rem;}
.gne-auth-label {font-size:1.8rem;font-weight:700;text-align:center;color:#1e293b;margin-bottom:0.8rem;display:block;}
.gne-auth-txt {font-size:1.4rem;color:#64748b;text-align:center;line-height:1.5;}
.gne-auth-item:hover .gne-auth-box {border-color:#94a3b8;background:#F8FAFC;transform:translateY(-0.4rem);box-shadow:0 0.8rem 2rem rgba(15,23,42,0.05);}
.gne-auth-input:checked + .gne-auth-box {border-color:#2A5EE8;background:#F0F4FF;box-shadow:0 0.4rem 1.6rem rgba(42,94,232,0.12);}
.gne-auth-input:checked + .gne-auth-box .gne-auth-visual {background:#2A5EE8;color:#fff;}
.gne-auth-input:checked + .gne-auth-box::after {content:"인증이 완료되었습니다";position:absolute;top:0;right:0;width:100%;height:100%;padding:0.4rem 1.2rem;background: #092263d9;color:#ffffff;font-size:1.5rem;border:0rem;font-weight:600;border-radius:inherit;display:inline-flex;align-items:center;justify-content:center;gap:0.4rem;box-sizing:border-box;z-index:3;}
.gne-auth-list .gne-auth-item:nth-child(1) .gne-auth-visual {background:#ff3a4a url("../images/common/pass_logo.webp") 50% 50% no-repeat;background-size:6rem;border:0.1rem solid #ff3a4a;}
.gne-auth-list .gne-auth-item:nth-child(2) .gne-auth-visual {background:#ffff url("../images/common/nice_logo.webp") 50% -0.1rem no-repeat;background-size:7rem;border:0.1rem solid #bdd7ff;}
.gne-auth-list .gne-auth-item:nth-child(3) .gne-auth-visual {background:#ffff url("../images/common/auth-anyid.png") 50% -0.1rem no-repeat;background-size:7rem;border:0.1rem solid #bdd7ff;}

/* ==========================================================================
5. 대민 - 로그인 회원가입 완료 커스텀
========================================================================= */
@keyframes iconRotate { 0% {transform:scale(0) rotate(-180deg);opacity:0;} 70% {transform:scale(1.1) rotate(20deg);opacity:1;} 100% {transform:scale(1) rotate(0deg);opacity:1;} }
@keyframes fadeInUp { from {opacity:0;transform:translateY(2rem);} to {opacity:1;transform:translateY(0);} }
@keyframes pulse { 0% {transform:scale(1);box-shadow:0 0.4rem 1.2rem rgba(42, 94, 232, 0.2);} 50% {transform:scale(1.02);box-shadow:0 0.6rem 1.6rem rgba(42, 94, 232, 0.4);} 100% {transform:scale(1);box-shadow:0 0.4rem 1.2rem rgba(42, 94, 232, 0.2);} }
.gne-completion-wrap {display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40rem;text-align:center;padding:2rem;max-width:60rem;margin:0 auto;}
.gne-complete-icon-box {width:8rem;height:8rem;border-radius:50%;background:#F0F4FF;display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem;animation:iconRotate 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.gne-complete-check-mark {width:2.4rem;height:4rem;border-bottom:0.4rem solid #2A5EE8;border-right:0.4rem solid #2A5EE8;transform:rotate(45deg);margin-top:-0.8rem;}
.gne-complete-tit {font-size:3.2rem;font-weight:700;color:#1e293b;margin-bottom:1.5rem;letter-spacing:-0.05rem;opacity:0;animation:fadeInUp 0.6s ease-out 0.4s forwards;}
.gne-complete-desc {font-size:1.6rem;color:#64748b;line-height:1.6;margin-bottom:4rem;opacity:0;animation:fadeInUp 0.6s ease-out 0.6s forwards;}
.gne-btn-login-large {display:flex;align-items:center;justify-content:center;width:100%;max-width:32rem;height:5.6rem;background:#2A5EE8;color:#fff;font-size:1.8rem;font-weight:700;border-radius:0.8rem;border:0.1rem solid rgba(255, 255, 255, 0.1);cursor:pointer;transition:all 0.3s;box-shadow:0 0.4rem 0.8rem rgba(0, 0, 0, 0.1), 0 0.2rem 0.4rem rgba(42, 94, 232, 0.3);animation:pulse 2s infinite ease-in-out 1.2s;text-decoration:none;box-sizing:border-box;}
.gne-btn-login-large:hover {background:#1A3563;transform:translateY(-0.2rem);box-shadow:0 0.6rem 1.2rem rgba(42, 94, 232, 0.4);}

/* ==========================================================================
6. 대민 - 회원유형 선택 [PC]
========================================================================= */
.gne-user-type-list {display:flex;flex-direction:column;gap:2rem;width:100%;}
.gne-user-type-area {display:flex;gap:2rem;text-align: center;width:100%;box-sizing:border-box;}
.gne-user-type-item {flex:1;cursor:pointer;position:relative;display:flex;}
.gne-user-type-input {position:absolute;width:0.1rem;height:0.1rem;margin:-0.1rem;overflow:hidden;clip:rect(0,0,0,0);}
.gne-user-type-box {display:flex;align-items:flex-start;gap:1.5rem;width:100%;padding:3.2rem 4rem;border:0.1rem solid #cbd5e1;border-radius:1.6rem;flex-direction:column;background:#ffffff;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);box-sizing:border-box;position:relative;}
.gne-user-type-visual {width:7.2rem;height:7.2rem;border-radius:1.2rem;background:#f8fafc;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#64748b;font-size:3.2rem;transition:all 0.2s ease;border:0.1rem solid #e2e8f0;flex-shrink:0;}
.gne-user-type-content {display:flex;flex-direction:column;gap:0.8rem;flex:1;min-width:0;}
.gne-user-type-label {font-size:2rem;font-weight:700;color:#0f172a;display:block;line-height:1.4;}
.gne-user-type-desc {width:100%;}
.gne-user-type-txt {font-size:1.5rem;color:#475569;line-height:1.6;margin:0;word-break:keep-all;}
.gne-user-type-txt.mb-sm {margin-bottom:1.6rem;color:#64748b;font-size:1.4rem;padding-bottom:1.6rem;border-bottom:0.1rem solid #f1f5f9;}
.gne-user-type-notice {margin:0;padding-left:2rem;display:flex;flex-direction:column;gap:1rem;}
.gne-user-type-notice li {font-size:1.4rem;color:#334155;line-height:1.6;word-break:keep-all;list-style-type:disc;}
.gne-user-type-notice li.notice-accent {color:#e11d48;font-weight:600;list-style-type:none;margin-left:-2rem;padding:1rem 1.6rem;background:#fff1f2;border-radius:0.8rem;display:block;width:100%;text-align:center;}
.gne-user-type-badge {position:absolute;top:1rem;right:2rem;padding:0.6rem 1.4rem;background:#2a5ee8;color:#ffffff;font-size:1.3rem;font-weight:600;border-radius:2rem;opacity:0;transition:all 0.2s ease;transform:translate(0%,-50%) scale(0.8) !important;}
.gne-user-type-item:hover .gne-user-type-box {border-color:#2a5ee8;box-shadow:0 0.4rem 2rem rgba(42, 94, 232, 0.06);background:#fcfdfe;}
.gne-user-type-input:checked + .gne-user-type-box {border-color:#2a5ee8;background:#f8fafc;box-shadow:inset 0 0 0 0.1rem #2a5ee8, 0 0.8rem 2.4rem rgba(42, 94, 232, 0.08);}
.gne-user-type-input:checked + .gne-user-type-box .gne-user-type-visual {background-color:#dbe5ff;color:#ffffff;}
.gne-user-type-input:checked + .gne-user-type-box .gne-user-type-badge {opacity:1;transform:translate(0%,0%) scale(1) !important;}
.e-user {background-image:url("../images/icon/e-user.png");background-position:center;background-repeat:no-repeat;background-size:5rem;}
.i-user {background-image:url("../images/icon/i-user.png");background-position:center;background-repeat:no-repeat;background-size:5rem;}
.p-user {background-image:url("../images/icon/p-user.png");background-position:center;background-repeat:no-repeat;background-size:5rem;}
.gne-user-type-txt-util {display:none;margin-top:1rem;padding:1rem 3rem;background:#e9f1fb;border-radius:0.8rem;text-align:left;font-size:1.4rem;color:#1e3a8a;line-height:1.5;}
.gne-user-type-txt-util ul li {font-size:1.4rem;color:#334155;line-height:1.6;word-break:keep-all;list-style-type:disc;}
.gne-user-type-input:checked + .gne-user-type-box .gne-user-type-txt-util {display:block;}
.gen-u-expert {background:#fff;border:none !important;border-top:0.2rem dotted #cacaca !important;border-radius:0rem !important;padding:2rem 2rem !important;margin-top:0.5rem;}
.gen-u-expert .gne-user-type-content {padding-right:0rem;}
.gen-u-expert .gne-user-type-content .gne-user-type-label {font-size:1.6rem !important;display:flex;align-items:center;gap:1rem;}
.gen-u-expert .gne-user-type-content .gne-user-type-label::before {content:"";background:#cecfef url("../images/icon/help-icon.png") 50% 50% no-repeat;width:2rem;height:2rem;background-size:2.5rem;padding:0.3rem;border-radius:10rem;}
.gen-u-expert .gne-user-type-content .gne-user-type-txt.mb-sm {border-bottom:0rem;margin-bottom:0rem;}
.gen-u-expert .gne-user-type-content .gne-user-type-notice {background:#f9f9ff;padding:1.5rem 4rem;border-radius:0.5rem;}
.gen-u-expert .gne-user-type-content .gne-user-type-notice .notice-accent {margin:0rem;}
.gne-user-link {text-align:center;padding-top:1rem;}
.gne-user-link a i {margin-left:0.3rem;}
.sub-wrapper.login-wrap::before {display: none;}
.sub-wrapper.login-wrap .header-wrap {padding-top: 5rem;}
.login-wrap .sub-header-area nav a {color: #222 !important;}
.login-wrap .sub-header-area nav a:hover {color: #2A5EE8;}
.login-wrap .sub-header-area nav a::after {background: #2A5EE8;}
.login-wrap .sub-header-area {height:5rem;box-shadow: none;border-bottom: 0.1rem solid #efefef;background: #ffffff;}
.login-wrap .sub-header-area::before{display: none;}
.login-wrap .sub-header-area.is-scrolled {background: #fff;}
.login-wrap .profile-name {background: #2a5ee8;border: 0.1rem solid #2a5ee8;}
.login-wrap .profile-name::before {background: #2d4ea5;border-color: #2d4ea5;}
.login-wrap .sub-before_login a {background: #ffffff;border-color: #9c9d9f;box-shadow: none;color: #222;}
.login-wrap .sub-before_login a:hover {background: #f2f6ff; color:#3b5bdb; border-color: #CBD3E7;}
.login-wrap .sub-header-area .profile-time button {background: #495679;border-color: #495679;}
.login-wrap .sub-before_login a i {color: #3d3d3d;}
.login-wrap .sub-before_login a:hover i {color: #3b5bdb;}
/* ==========================================================================
7. 반응형 구간 영역 분리
========================================================================= */
@media screen and (max-width: 1366px) {
  .gne-form-side {padding:4rem;}
}

@media screen and (max-width: 1024px) {
  .gne-form-side {padding:4rem;}
  .gne-form-inner {max-width:100%;}
  .gne-stepper-wrap {padding:2.4rem;}
  .gne-agree-all-box {padding:2.4rem;}
  .gne-agree-list-wrap {padding:2.4rem;}
  .gne-agree-body {flex-direction:column;align-items:flex-start;gap:1.6rem;}
  .gne-auth-container {padding:3rem;}
  .gne-auth-box {padding:2.4rem;gap:1.6rem;}
}

@media screen and (max-width: 768px) {
  .gne-modern-login-container {padding:2rem 1.6rem;}
  .gne-form-inner {padding:4rem 2.4rem;}
  .gne-page-title {font-size:2.8rem;flex-direction:column;display:flex;margin-bottom: 1rem;}
  .gne-page-desc {font-size:1.4rem;margin-bottom: 2rem;}
  .gne-tab-btn {font-size: 1.5rem;height:4.6rem;}
  .gne-tab-content {min-height:auto;}
  .gne-easy-auth-list {flex-direction:column;gap:1.2rem;}
  .gne-easy-auth-card {height:11rem;}
  .gne-easy-auth-card::before {width:4.4rem;height:4.4rem;margin-bottom:0.8rem;}
  .gne-easy-auth-name {font-size:1.4rem;}
  .gne-input {height:5rem !important;font-size:1.5rem;}
  .gne-btn-login {height:5.2rem;font-size:1.7rem;}
  .gne-link-group {margin:2rem 0 3rem 0;flex-wrap:wrap;gap:0.8rem 0;}
  .gne-link-group li:not(:last-child)::after {margin:0 1rem;}
  .gne-info-notice-box {padding:2rem;max-height:none;}
  .selected-user-type {position:static;justify-content:center;max-width:20rem;transform:translate(0%,0%);margin:0 auto;margin-top:1rem;}

  .gne-selector-btn {font-size:1.5rem;}
  .gne-form-options {flex-direction:column;align-items:flex-start;gap:1.6rem;}
  .gne-signup-container {padding:3rem 1.6rem;}
  .gne-stepper-wrap {padding:2rem 1.6rem;}
  .gne-step-label {font-size:1.4rem;}
  .gne-stepper::before {left:1.6rem;right:1.6rem;}
  .gne-sub-title {font-size:2rem;}
  .gne-agree-all-box {padding:2rem;}
  .gne-agree-desc {margin-left:0;margin-top:1.2rem;}
  .gne-agree-list-wrap {padding:2rem;}
  .gne-agree-header {flex-direction:column;align-items:flex-start;gap:1.2rem;}
  .gne-check-group {width:100%;justify-content:flex-end;}
  .gne-action-btn-wrap {flex-direction:column;}
  .gne-action-btn-wrap .btn {width:100% !important;padding:0 !important;}
  .gne-modal-header {padding:2rem;}
  .gne-modal-body {padding:2rem;}
  .gne-modal-footer {padding:2rem;}
  .gne-auth-container {padding:2rem;background:transparent;border:none;box-shadow:none;}
  .gne-auth-list {flex-direction:column;gap:1.6rem;}
  .gne-auth-box {background:#fff;}
  .gne-completion-wrap {min-height:32rem;padding:1.5rem;}
  .gne-complete-tit {font-size:2.6rem;}
  .gne-btn-login-large {max-width:100%;height:5rem;font-size:1.6rem;}
  .gne-user-type-area {flex-direction:column;gap:1.6rem;}
  .gne-user-type-item {width:100%;}
  .gne-user-type-box {flex-direction:column;gap:2rem;padding:2.4rem;}
  .gne-user-type-visual {width:5.6rem;height:5.6rem;font-size:2.4rem;border-radius:0.8rem;}
  .gne-user-type-label {font-size:1.8rem;}
  .gne-user-type-txt {font-size:1.4rem;}
  .gne-user-type-notice {padding-left:1.6rem;gap:1.2rem;}
  .gne-user-type-notice li {font-size:1.3rem;}
  .gne-user-type-notice li.notice-accent {margin-left:-1.6rem;font-size:1.3rem;width:auto;}
  .gne-user-type-badge {position:absolute;order:-1;width:fit-content;padding:0.4rem 1rem;font-size:1.3rem;right:2rem;margin-bottom:-1rem;top:5rem;}
  .gne-user-type-content {padding-right:0rem;}
  .btn-sm {height:3.6rem;padding:0 1.4rem;font-size:1.4rem;}
  .login-wrap .gne-form-side {padding: 2rem;}
.login-wrap .profile-info {flex-direction: row !important;}
	
}