@charset "utf-8";
html{scroll-behavior:smooth;}

/* ==========================================================================
1. 스킵 네비게이션
========================================================================== */
#skip-nav a{position:absolute;top:-10rem;left:0;width:100%;height:3.8rem;line-height:3.8rem;background:#000;color:#fff;text-align:center;z-index:2000;transition:top 0.3s;font-size:1.6rem;}
#skip-nav a:focus{top:0;outline:none;}

/* ==========================================================================
2. 레이아웃 베이스 구조 (푸터 하단 밀착을 위한 플렉스 조율)
========================================================================== */
.sub-wrap{display:flex;flex-direction:column;min-height:100vh;justify-content:space-between;}
.sub-container{display:flex;flex:1 0 auto;position:relative;align-items:stretch;}
.sub-main-content{flex:1 0 auto;display:flex;flex-direction:column;transition:all 0.3s ease;width:0;min-width:0;min-height:auto;box-sizing:border-box;}
.content-area{flex:1 0 auto;padding:4rem 4rem !important;background:#fff;display:flex;flex-direction:column;background-size:contain;}
.sub-wrapper{position:relative;}
.header-wrap{position:relative;width:100%;padding-top: 5rem;overflow:hidden;}
.sub-wrapper::before{content:"";position:absolute;top:0;left:0;width:100%;height:13rem;background:url("../images/sub/sub-bg1.jpg") 0% 18% no-repeat;background-size:cover;z-index:-1;}
.sub-wrapper.in-system-wrap::before{content:"";position:absolute;top:0;left:0;width:100%;height:13rem;background: url("../images/sub/sub-bg2.jpg") 0% 60% no-repeat;background-size:cover;z-index:-1;}
.sub-wrapper.in-system-wrap .sub-sidebar{background: url("../images/sub/sub-bg2.jpg") 0rem -8rem no-repeat;}
.sub-wrapper.in-system-wrap .sub-header-area.is-scrolled {background: url("../images/sub/sub-bg2.jpg") 0rem -4.2rem;background-size: cover;}
.sub-wrapper.in-system-wrap .sidebar-title::before {background: #101e2b;}
@keyframes directZoom{0%{transform:scale(1.15);}100%{transform:scale(1);}}
.sub-header-area{flex-shrink:0;height: 5rem;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;position:fixed;top:0;left:0;right:0;z-index:110;box-shadow: 1px 0px 8px 0px rgb(0 0 0 / 25%);}
.sub-header-area.is-scrolled{background-color:#051c3d;}
.header-inner{display:flex;align-items:center;flex-shrink:0;}
.btn-menu-toggle{font-size:1.8rem;color:#333;margin-right:1.8rem;}
.btn-menu-toggle:hover{color:#2a5ee8;}
.header-logo{display:flex;align-items:center;gap:1.3rem;}
.header-logo a{display:block;height:3rem;position:relative;}
.header-logo a:first-child{background:url("../images/layout/ketep-logo.png") no-repeat center/contain;width:8.5rem;}
.header-logo a:first-child::after{content:"";position:absolute;right:-0.7rem;top:50%;transform:translateY(-50%);width:0.1rem;height:1.4rem;background:#e2e8f040;}
.header-logo a:last-child{background:url("../images/layout/genie-logo.png") no-repeat center/contain;width:9.5rem;}
.header-logo span{overflow:hidden;position:absolute;width:0.1rem;height:0.01rem;font-size:0;line-height:0;}
.main-wrapper .sub-main-content, .main-wrapper .content-area{padding:0;}
.sub-header-area nav{display:flex;align-items:center;justify-content:center;gap:3rem;position:absolute;left:50%;top:0;height:100%;transform:translateX(-50%);z-index:1;}
.sub-header-area nav a{color:rgba(255,255,255,0.8);font-size:1.5rem;font-weight:600;text-decoration:none;transition:all 0.25s ease;position:relative;display:flex;align-items:center;height:100%;padding:0 0.5rem;white-space:nowrap;}
.sub-header-area nav a:hover, .sub-header-area nav a.active{color:#54fae8;}
.sub-header-area nav a::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0.3rem;background:#54fae8;transform:scaleX(0);transition:transform 0.25s ease;}
.sub-header-area nav a:hover::after, .sub-header-area nav a.active::after{transform:scaleX(1);}
.sub-header-area .profile-time button{background:#030f20;color:#fff;font-size:1.3rem;border-color: #0b182b;}
.sub-header-area .profile-time button:hover{background:#2a5ee8;}

/* ==========================================================================
3. 헤더 프로필 및 팝업 영역
========================================================================== */
.sidebar-profile{display:flex;align-items:center;gap:0.5rem;padding:0;border:none;text-align:left;background:none;flex-shrink:0;}
.profile-info{display:flex;flex-direction:row;align-items:center;gap:0.5rem;}
.sub-before_login{display:flex;align-items:center;}
.sub-before_login a{display:inline-flex;align-items:center;gap:0.6rem;padding:0.5rem 1.7rem 0.5rem 1.4rem;background:#1c2743;border:0.1rem solid #2e3c61;border-radius:2.5rem;color:#ffffff;font-size:1.3rem;font-weight:600;text-decoration:none;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0.2rem 0.4rem rgba(0,0,0,0.15);}
.sub-before_login a:hover{background:#2a5ee8;border-color:#2a5ee8;color:#ffffff;box-shadow:0 0.4rem 1.2rem rgba(42,94,232,0.4);transform:translateY(-0.1rem);}
.sub-before_login a i{font-size:2rem;color:#54fae8;transition:transform 0.25s ease;}
.sub-before_login a:hover i{color:#ffffff;transform:scale(1.15);}
.sub-before_login a span{line-height:1;font-size:1.5rem;}
.profile-name{font-size:1.35rem;color:#475569;margin-bottom:0;line-height:1;display:flex;align-items:center;gap:0.4rem;position:relative;padding:0.4rem 1rem;background:#1c2743;border-radius:2.5rem;transition:all 0.2s ease;}
.profile-name:hover{background:#2a5ee8;box-shadow:0 0.2rem 0.6rem rgba(0,0,0,0.03);}
.profile-name > button{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center;text-align:left;gap:0.3rem;}
.profile-name span{font-size:1.3rem;color:#ffffff;font-weight:400;}
.profile-name::before{content:"\e9f3";font-family:"xeicon";border-radius:50%;background:#1b386b;border:0.1rem solid #0b1c3b;box-shadow:inset 0 0.2rem 0.4rem rgba(37,99,235,0.05);font-size:1.4rem;padding:0.25rem;color:#fff;transition:all 0.2s ease;}
.profile-name:hover::before{background:#ffffff;color:#2a5ee8;border-color:#2a5ee8;}
.profile-name .profile-name-util button::before{content:none;background:none;border:none;padding:0;box-shadow:none;}
.profile-name strong{font-size:1.45rem;color:#54fae8;font-weight:700;}
.profile-name > button::after{content:"\e942";font-family:"xeicon";font-size:1.6rem;color:#ffffff;margin-left:0.5rem;transition:transform 0.2s ease;display:inline-block;}
.profile-name.is-active > button::after{transform:rotate(180deg);color:#ffffff;}
.profile-name-util{position:absolute;top:calc(100% + 1rem);left:-11.5rem;background:#ffffff;border:0.1rem solid #cbd5e1;border-radius:1.4rem;box-shadow:0 0.8rem 2.5rem rgba(15,23,42,0.08);padding:2.2rem;display:flex;flex-direction:column;min-width:27rem;z-index:100;opacity:0;visibility:hidden;transform:translateY(-0.8rem);transition:all 0.25s cubic-bezier(0.4,0,0.2,1);box-sizing:border-box;}
.profile-name-util .btn-pop-close{position:absolute;top:1.1rem;right:1.1rem;width:2.2rem;height:2.2rem;border:none;cursor:pointer;display:flex;font-weight:bold;align-items:center;justify-content:center;padding:0;}
.profile-name-util .btn-pop-close::before{content:"\e921";font-family:"xeicon";font-size:1.3rem;color:#94a3b8;transition:color 0.15s ease;}
.profile-name-util .btn-pop-close:hover::before{color:#2a5ee8;}
.profile-name-util .sr-only{overflow:hidden;position:absolute;width:0.1rem;height:0.01rem;font-size:0;line-height:0;}
.profile-name.is-active .profile-name-util{opacity:1;visibility:visible;transform:translateY(0);}
.pop-profile-info{display:flex;align-items:center;gap:1.4rem;margin-bottom:1.8rem;}
.pop-avatar{width:3.8rem;height:3.8rem;border-radius:50%;background:#eff6ff;border:0.1rem solid #dbeafe;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.pop-avatar::before{content:"\e9f3";font-family:"xeicon";font-size:2.6rem;color:#475569;}
.pop-meta{display:flex;gap:0.4rem;align-items:center;}
.pop-meta .pop-name{font-size:1.7rem;color:#1e293b;font-weight:700;line-height:1.2;}
.pop-meta .pop-role{font-size:1.35rem;color:#475569;font-weight:500;}
.pop-profile-menu{display:flex;flex-direction:column;gap:0.15rem;border-top:0.1rem solid #f1f5f9;padding-top:1.4rem;}
.pop-profile-menu .btn-pop-menu{width:100%;text-align:left;padding:0.9rem 0.7rem;font-size:1.35rem;color:#475569;background:none;border:none;border-radius:0.5rem;cursor:pointer;transition:all 0.15s ease;display:flex;align-items:center;gap:0.9rem;font-weight:500;text-decoration:none;box-sizing:border-box;}
.pop-profile-menu .btn-pop-menu:hover{background:#f8fafc;color:#2a5ee8;}
.pop-profile-menu .btn-pop-menu::before{font-family:"xeicon";font-size:1.5rem;color:#94a3b8;transition:color 0.15s ease;}

.pop-profile-menu .btn-pop-menu:hover::before{color:#2a5ee8;}
.pop-profile-menu .btn-pop-menu.icon-user::before{content:"\e97d";}
.pop-profile-menu .btn-pop-menu.icon-shield::before{content:"\e9a6";}
.pop-profile-menu .btn-pop-menu.icon-logout::before{content:"\e925";}
.profile-time{font-size:1.4rem;color:#ffffff;margin-bottom:0;display:flex;align-items:center;gap:0.5rem;line-height:1;padding:0.4rem 0 0.4rem 1rem;border-radius:2rem;transition:background 0.2s,border-color 0.2s;}
.profile-time::before{content:"\ead8";font-family:"xeicon";color:#ffffff;font-size:1.4rem;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;transform-origin:center center;backface-visibility:hidden;transform-style:preserve-3d;}
.profile-time.is-active{animation:timeBlink 3.5s ease-in-out;background:none !important;}
.profile-time.is-active::before{animation:iconBlink 3.5s ease-in-out,iconRotatea 1.2s cubic-bezier(0.4,0,0.2,1);}
.btn-prolong{padding:0.5rem 1rem;font-size:1.4rem;color:#64748b;background:#f8fafc;border:0.1rem solid #e2e8f0;border-radius:0.5rem;cursor:pointer;transition:background 0.2s ease;}
@keyframes timeBlink{0%,15%,30%,45%,60%,75%{color:#fff824;text-shadow:0 0 0.8rem rgba(37,99,235,0.5);background:#eff6ff;}7.5%,22.5%,37.5%,52.5%,67.5%,82.5%{color:#64748b;text-shadow:none;background:#f8fafc;}}
@keyframes iconBlink{0%,15%,30%,45%,60%,75%{color:#fff824;filter:drop-shadow(0 0 0.6rem rgba(37,99,235,0.6));}7.5%,22.5%,37.5%,52.5%,67.5%,82.5%{color:#94a3b8;filter:none;}}
@keyframes iconRotatea{0%{transform:rotate(0deg);}100%{transform:rotate(720deg);}}
.profile-utils{display:flex;gap:0.5rem;width:auto;align-items:center;box-sizing:border-box;}

/* ==========================================================================
4. 사이드바 - 기본 구조 (상단 고정 간격 정밀 조정 및 트랜지션 최적화)
========================================================================== */
.sub-sidebar{width:20rem;color:#64748b;flex-shrink:0;background:url("../images/sub/sub-bg1.jpg") -15rem -5rem no-repeat;display:flex;flex-direction:column;transition:margin-left 0.3s cubic-bezier(0.4,0,0.2,1),transform 0.3s cubic-bezier(0.4,0,0.2,1),height 0.2s ease;z-index:95;border-right:0.1rem solid #ebebeb;position:sticky;top: 5rem;height: calc(100vh - 5rem);box-shadow:0.4rem 0 1.4rem rgba(15,23,42,0.02);}
.sub-sidebar.is-bottom{height:calc(100vh - 13rem) !important;}
.sub-sidebar.is-closed{margin-left:-20.5rem;}
.sub-sidebar.is-closed + .sub-main-content .content-area-wrap{padding:0 0 1rem 0;}
.sub-sidebar.is-closed + .sub-main-content .lnb{padding:0;}

/* ==========================================================================
5. 사이드바 - LNB 타이틀 및 네비게이션
========================================================================== */
.sidebar-title{padding: 2.3rem 0.5rem;font-size: 1.7rem;font-weight:800;color:#fff;text-align:center;justify-content:center;letter-spacing:-0.03rem;display:flex;flex-direction:column;align-items:center;gap:0.5rem;position:relative;box-shadow:0 0.2rem 0.6rem rgba(42,94,232,0.03);flex-shrink:0;z-index:10;}
.sidebar-title::before{content:"";position:absolute;top:0;right:-0.1rem;width:0.1rem;height:100%;background: #111a19;}
.sidebar-title::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:6.2rem;height:0.4rem;background:#28dbcd;border-radius:0.2rem 0.2rem 0 0;}
.sidebar-nav{flex:1;overflow-y:auto;background:#f4f7fe url("../images/layout/con_bg.jpg");padding:2rem 1.5rem;}
.sidebar-nav::-webkit-scrollbar{width:0.4rem;}
.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(15,23,42,0.1);border-radius:1rem;}
.nav-menu, .sub-menu{list-style:none;padding:0;margin:0;display:flex;gap:0.5rem;flex-direction:column;}
.nav-item{position:relative;margin-bottom:0.15rem;}
.nav-link, .sub-link{display:flex;justify-content:flex-start;align-items:center;text-decoration:none;border-radius:0.5rem;transition:all 0.2s ease;box-sizing:border-box;}
.arrow{transition:transform 0.2s ease;font-size:1.1rem;color:#94a3b8;margin-left:auto;}
.sub-menu-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.25s cubic-bezier(0.4,0,0.2,1);border-radius:0.5rem;margin-top:0.1rem;box-sizing:border-box;}
.sub-menu-inner{overflow:hidden;}

/* ==========================================================================
6. 사이드바 - 뎁스별 상세 스타일
========================================================================== */
.depth-1 > .nav-item > .nav-link{padding:1rem 0.9rem;color:#475569;font-size:1.3rem;font-weight:600;border:0.1rem solid #e5e5e5;background:#ffffff;}
.depth-1 > .nav-item > .nav-link:hover{background:#f1f5f9;color:#2967de;padding-left:1.1rem;border-color:#286ada;}
.depth-1 > .nav-item > .nav-link .menu-icon{font-size:1.35rem;margin-right:0.5rem;color:#64748b;transition:color 0.2s;flex-shrink:0;}
.depth-1 > .nav-item > .nav-link:hover .menu-icon{color:#2a5ee8;}
.depth-1 > .nav-item.open > .nav-link{background:linear-gradient(135deg,#2a5ee8 0%,#1e40af 100%);color:#fff;box-shadow:0 0.25rem 0.7rem rgba(42,94,232,0.15);border:0.1rem solid #163493;}
.depth-1 > .nav-item.open > .nav-link .menu-icon, .depth-1 > .nav-item.open > .nav-link .arrow{color:#fff;}
.depth-1 > .nav-item.open > .nav-link .arrow{transform:rotate(180deg);}
.depth-1 > .nav-item.open > .sub-menu-wrap{grid-template-rows:1fr;background:#f8fafc;padding:0.5rem 0.5rem;border:0.1rem solid #e2e8f0;margin-top:0.15rem;box-shadow:inset 0 0.1rem 0.3rem rgba(15,23,42,0.02);}
.depth-2 .sub-link{padding:0.55rem 0.9rem 0.55rem 1.4rem;font-size:1.3rem;font-weight:600;color:#475569;display:flex;justify-content:flex-start;align-items:center;}
.depth-2 .sub-link .nav-text, .depth-3 .sub-link .nav-text, .depth-4 .sub-link{display:flex;align-items:center;}
.depth-2 .sub-link .nav-text::before, .depth-3 .sub-link .nav-text::before, .depth-4 .sub-link::before{content:"";width:0.35rem;height:0.35rem;background:#94a3b8;border-radius:50%;margin-right:0.5rem;flex-shrink:0;transition:background 0.2s;}
.depth-2 .sub-link:hover .nav-text::before, .depth-3 .sub-link:hover .nav-text::before, .depth-4 .sub-link::before:hover{background:#2a5ee8;}
.depth-2 .sub-link:hover{color:#2a5ee8;background:#e2e8f0;padding-left:1.7rem;}
.depth-2 .nav-item.open > .sub-link{color:#1e293b;font-weight:700;background:none;}
.depth-2 .nav-item.open > .sub-link .nav-text::before{background:#2a5ee8;}
.depth-2 .nav-item.open > .sub-link .arrow{transform:rotate(180deg);color:#1e293b;}
.depth-2 .nav-item.open > .sub-menu-wrap{grid-template-rows:1fr;background:#f1f5f9;margin:0 0.15rem;border:none;box-shadow:inset 0 0.1rem 0.2rem rgba(0,0,0,0.01);padding:0.15rem 0;border-radius:0.4rem;}
.depth-3 .sub-link{padding:0.5rem 0.9rem 0.5rem 1.9rem;font-size:1.3rem;font-weight:600;color:#64748b;position:relative;display:flex;justify-content:flex-start;align-items:center;}
.depth-3 .sub-link:hover{color:#2a5ee8;background:#e2e8f0;padding-left:2.2rem;}
.depth-3 .nav-item.open > .sub-link{color:#2a5ee8;font-weight:700;background:none;}
.depth-3 .nav-item.open > .sub-link .nav-text::before{background:#2a5ee8;}
.depth-3 .nav-item.open > .sub-link .arrow{transform:rotate(180deg);color:#2a5ee8;}
.depth-3 .nav-item.open > .sub-menu-wrap{grid-template-rows:1fr;background:#e2e8f0;margin:0 0.15rem;padding:0.15rem 0;border-radius:0.4rem;}
.depth-4{border-left:none;margin-left:0;padding-left:0;margin-top:0.1rem;margin-bottom:0.1rem;}
.depth-4 .sub-link{padding:0.45rem 0.7rem 0.45rem 2.4rem;font-size:1.3rem;font-weight:500;color:#64748b;border-radius:0.4rem;}
.depth-4 .sub-link:hover{color:#1e293b;background:rgba(15,23,42,0.04);}
.depth-4 .sub-link.active{color:#ffffff !important;font-weight:700;background:#1e293b;box-shadow:0 0.15rem 0.35rem rgba(15,23,42,0.12),inset 0.25rem 0 0 #2a5ee8;border:none;padding-left:2.4rem;border-radius:0.4rem;}
.depth-4 .sub-link.active::before{background:#ffffff;}
.depth-4 .sub-link::before{display:none;}

/* ==========================================================================
7. 메인 콘텐츠 영역
========================================================================== */
.sub-main-content{flex:1;display:flex;flex-direction:column;transition:all 0.3s ease;width:0;min-width:0;min-height:calc(100vh - 25.5rem);box-sizing:border-box;}
.content-area{flex:1;padding:4rem 4rem !important;background:#fff;display:flex;flex-direction:column;background-size:contain;}
.content-area-wrap{flex:1;display:flex;flex-direction:column;box-sizing:border-box;transition:padding 0.3s ease;}

/* ==========================================================================
8. 사이드바 토글 버튼
========================================================================== */
.sidebar-toggle-btn{position:fixed;top: 1.1rem;left:23rem;z-index:200;width:2.8rem;height:2.8rem;border-radius:0.6rem;border:0.1rem solid #27394d;background:#000a16;color:#aeb9e6;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:normal;flex-shrink:0;transition:all 0.2s ease;}
.sidebar-toggle-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff;}
.sidebar-toggle-btn::before{content:"\e98e";font-family:"xeicon";font-size:1.7rem;}
.sidebar-toggle-btn.is-closed{left:23rem;box-shadow:0.2rem 0.2rem 0.7rem rgba(0,0,0,0.06);}
.sidebar-toggle-btn.is-closed::before{content:"\e990";}
.sidebar-toggle-btn.is-closed:hover{border-color:#2a5ee8;background:#2a5ee8;color:#fff;}
.sidebar-toggle-btn::after{content:"좌측 메뉴 닫기";position:absolute;bottom:-3.6rem;left:50%;transform:translateX(-50%) scale(0.9);background:#1e293b;color:#ffffff;font-size:1.2rem;font-weight:600;padding:0.6rem 1rem;border-radius:0.4rem;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all 0.15s cubic-bezier(0.4,0,0.2,1);box-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.15);z-index:100;}
.sidebar-toggle-btn.is-closed::after{content:"좌측 메뉴 열기";}
.sidebar-toggle-btn:hover::after{opacity:1;visibility:visible;transform:translateX(-50%) scale(1);}

/* ==========================================================================
9. LNB (Local Navigation Bar) 구조
========================================================================== */
.sticky-wrapper{position:fixed;top:5.8rem;left:0;right:0;z-index:100;}
.lnb .lnb-inner{display:flex;position:relative;align-items:center;padding:0.45rem 2rem;width:100%;gap:1rem;line-height:1.5;justify-content:space-between;box-sizing:border-box;}
.lnb .lnb-inner .home{display:inline-flex;align-items:center;justify-content:center;border:none;padding:0;width:auto;height:auto;}
.lnb .lnb-inner .home a{align-items:center;color:#acb2b9;font-size:1.45rem;text-decoration:none;transition:color 0.2s;}
.lnb .lnb-inner .home a:hover{color:#2a5ee8;}
.lnb .lnb-inner .home a::after{content:"\e93e";font-family:"xeicon";margin-left:0.3rem;font-size:1.1rem;color:#94a3b8;font-weight:normal;margin-right:0.9rem;}
.lnb .lnb-inner .home .sr-only{overflow:hidden;position:absolute;width:0.1rem;height:0.01rem;font-size:0;line-height:0;}
.lnb .lnb-inner .fn-dropdown{position:relative;width:auto;border:none;display:inline-flex;align-items:center;}
.lnb .lnb-inner .fn-dropdown::after{content:"\e93e";font-family:"xeicon";margin-left:0.3rem;font-size:1.2rem;margin-right:0.3rem;color:#94a3b8;}
.lnb .lnb-inner .fn-dropdown:last-child::after{display:none;}
.lnb .lnb-inner .fn-dropdown button{width:auto;line-height:1;background:none;position:relative;text-align:left;padding:0;color:#475569;font-size:1.3rem;font-weight:500;border:none;cursor:pointer;display:inline-flex;align-items:center;transition:color 0.2s;}
.lnb .lnb-inner .fn-dropdown button:hover{color:#2a5ee8;}
.lnb .lnb-inner .fn-dropdown button:after{content:"\e942";font-family:"xeicon";display:inline-block;position:relative;top:-0.1rem;right:auto;margin-left:0.5rem;font-size:1rem;color:#94a3b8;transform:rotate(0deg);transition:transform 0.2s ease;}
.lnb .lnb-inner .fn-dropdown button.active:after{transform:rotate(180deg);color:#2a5ee8;}
.lnb .lnb-inner .fn-dropdown ul{display:none;position:absolute;top:calc(100% + 0.7rem);left:-0.9rem;width:17.5rem;border:0.1rem solid #cbd5e1;background-color:#fff;z-index:10;box-shadow:0 0.5rem 1.4rem rgba(15,23,42,0.08);border-radius:0.7rem;padding:0.35rem 0;}
.lnb .lnb-inner .fn-dropdown ul li{border-bottom:none;}
.lnb .lnb-inner .fn-dropdown ul li a{display:block;padding:0.7rem 1.4rem;line-height:1.4;color:#475569;font-size:1.3rem;transition:background 0.2s,color 0.2s;}
.lnb .lnb-inner .fn-dropdown ul li a:hover{background:#f8fafc;color:#2a5ee8;font-weight:600;}
.lnb .lnb-inner div:last-child span{color:#47d8cd;font-weight:600;}
.lnb-right{display:flex;gap:0.5rem;align-items:center;position:absolute;top: 1.6rem;right:2.5rem;}
.lnb-right .btn{height:2.6rem;font-size:1.3rem;font-weight:500;padding:1rem 0.5rem;color:#475569;background-color:#1c2743;border:0.1rem solid #213650;border-radius:0.5rem;cursor:pointer;color:#ffff;display:inline-flex;align-items:center;transition:all 0.2s ease-in-out;}
.lnb-right .btn:hover{color:#2a5ee8;background-color:#f8fafc;border-color:#2a5ee8;}
.lnb-right .btn::after{padding:0;margin:0;}
.lnb-right .scale-status{display:flex;align-items:center;justify-content:center;min-width:5.5rem;height:2.6rem;padding:0 1rem;font-size:1.2rem;font-weight:700;color:#ffffff;background-color:#081e3d;border:0.1rem solid #213650;border-radius:0.5rem;text-align:center;box-sizing:border-box;}
.lnb-left{display:flex;align-items:center;margin-right:1rem;}

/* ==========================================================================
10. 대민 - 로그인 영역
========================================================================== */
.gne-modern-login-container{background-color:#F4F7FA;min-height:93.6vh;display:flex;align-items:stretch;}
.gne-login-content-wrap{display:flex;width:100%;}
.hide{position:absolute;width:0.1rem;height:0.01rem;margin:-0.1rem;overflow:hidden;clip:rect(0,0,0,0);}
.gne-brand-side{flex:0 0 42%;background-image:linear-gradient(135deg,#2A5EE8 0%,#1A3563 100%);padding:5.5rem 4.5rem;color:#fff;display:flex;align-items:center;justify-content:center;position:relative;}
.gne-brand-side::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.05);}
.gne-brand-inner{width:100%;max-width:46rem;position:relative;z-index:1;}
.gne-logo{margin-bottom:3.6rem;}
.gne-logo img{max-height:3.8rem;}
.gne-welcome-text{margin-bottom:5.5rem;}
.gne-welcome-text .gne-pre-tit{font-size:1.45rem;font-weight:600;opacity:0.8;margin-bottom:1rem;display:block;}
.gne-h-tit{font-size:3rem;font-weight:700;line-height:1.3;margin:0;}
.gne-welcome-desc{font-size:1.55rem;line-height:1.6;opacity:0.7;margin-top:1.8rem;word-break:keep-all;}
.gne-login-guide{background:rgba(255,255,255,0.05);padding:2.2rem;border-radius:1rem;border:0.1rem solid rgba(255,255,255,0.1);}
.gne-brand-side .gne-guide-tit{font-size:1.55rem;font-weight:700;margin:0 0 1rem 0;}
.gne-guide-list{list-style:decimal;margin:0;}
.gne-guide-list li{font-size:1.35rem;line-height:1.6;margin-bottom:0.7rem;opacity:0.8;}
.gne-guide-list li:last-child{margin-bottom:0;}
.gne-form-side{flex:1;background:#F4F7FA;padding:3.8rem 5.5rem;display:flex;align-items:center;justify-content:center;}
.gne-form-inner{width:100%;max-width:50rem;margin:0 auto;}
.gne-page-title{font-size:2.6rem;font-weight:700;color:#1e293b;margin:0 0 2.8rem 0;text-align:center;}
.gne-user-type-selector{display:flex;background:#E2E8F0;border-radius:4rem;padding:0.5rem;margin-bottom:2.2rem;box-shadow:inset 0 0.1rem 0.3rem rgba(0,0,0,0.05);}
.gne-selector-btn{flex:1;padding:1.1rem 0;font-size:1.55rem;font-weight:600;color:#64748b;background:none;border:none;border-radius:3.4rem;cursor:pointer;transition:all 0.2s ease;}
.gne-selector-btn:hover{color:#2A5EE8;}
.gne-selector-btn.active{background:#fff;color:#2A5EE8;box-shadow:0 0.2rem 0.6rem rgba(42,94,232,0.15);}
.gne-login-card{background:#fff;border-radius:1.4rem;box-shadow:0 0.8rem 2.2rem rgba(15,23,42,0.08);padding:3.6rem;box-sizing:border-box;}
.gne-card-title{font-size:2.1rem;font-weight:700;color:#1e293b;margin:0 0 2.2rem 0;text-align:center;display:block;}
.gne-form-group{margin-bottom:1.4rem;}
.gne-input-wrap{position:relative;}
.gne-input-icon-left{position:absolute;left:1.4rem;top:50%;transform:translateY(-50%);font-size:1.9rem;color:#94a3b8;z-index:2;}
.gne-input{width:100%;height:4.8rem !important;padding:0 4.5rem !important;border:0.1rem solid #E2E8F0;border-radius:0.7rem;font-size:1.45rem;color:#1e293b;box-sizing:border-box;transition:all 0.2s;background:#fff;}
.gne-input::placeholder{color:#cbd5e1;}
.gne-input:focus{border-color:#2A5EE8;outline:none;box-shadow:0 0 0 0.2rem rgba(42,94,232,0.1);}
.gne-pw-toggle{position:absolute;right:1.4rem;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;font-size:1.9rem;color:#94a3b8;z-index:2;display:flex;align-items:center;justify-content:center;transition:color 0.2s;}
.gne-pw-toggle:hover{color:#2A5EE8;}
.gne-form-options{display:flex;justify-content:space-between;align-items:center;margin-top:1.8rem;margin-bottom:2.2rem;}
.gne-form-check{display:flex;align-items:center;gap:0.7rem;}
.gne-form-check input[type="checkbox"]{width:1.7rem;height:1.7rem;border:0.1rem solid #E2E8F0;border-radius:0.4rem;cursor:pointer;accent-color:#2A5EE8;}
.gne-form-check label{font-size:1.35rem;color:#475569;cursor:pointer;}
.gne-link-group{display:flex;gap:1.1rem;list-style:none;margin:0;padding:0;}
.gne-link-group li{display:flex;align-items:center;}
.gne-link-group li:not(:last-child)::after{content:"";display:inline-block;width:0.1rem;height:1.1rem;background:#E2E8F0;margin-left:1.1rem;}
.gne-link-group a{font-size:1.35rem;color:#64748b;text-decoration:none;transition:all 0.2s ease;}
.gne-link-group a:hover{color:#2A5EE8;text-decoration:underline;}
.gne-btn-login{width:100%;height:4.9rem;background:#E2E8F0;color:#94a3b8;border:none;border-radius:0.7rem;font-size:1.65rem;font-weight:700;cursor:pointer;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);}
.gne-btn-login.active{background:#2A5EE8;color:#fff;}
.gne-btn-login.active:hover{transform:translateY(-0.2rem);box-shadow:0 0.5rem 1.4rem rgba(42,94,232,0.3);}
.gne-extra-box{background:#F8FAFC;border:0.1rem solid #E2E8F0;border-radius:0.7rem;padding:1.8rem;margin-top:2.2rem;}
.gne-alt-login-section{display:flex;flex-direction:column;gap:1.1rem;}
.gne-alt-tit{font-size:1.35rem;font-weight:700;color:#1e293b;margin:0;text-align:center;}
.gne-alt-btn-wrap{display:flex;flex-direction:column;gap:0.7rem;}
.gne-alt-btn{width:100%;padding:1.2rem;background:#fff;border:0.1rem solid #cbd5e1;border-radius:0.5rem;font-size:1.35rem;font-weight:600;color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.7rem;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);}
.gne-alt-btn:hover{background:#F1F5F9;border-color:#94a3b8;color:#2A5EE8;transform:translateY(-0.2rem);box-shadow:0 0.3rem 1rem rgba(0,0,0,0.05);}
.gne-alt-btn i{font-size:1.5rem;}

/* ==========================================================================
11. 퀵메뉴 스타일
========================================================================== */
.quick-menu{position:fixed;right:1rem;bottom:6.5rem;z-index:100;display:flex;flex-direction:column;align-items:center;gap:1rem;}
.btn-quick-toggle{display:none !important;width:4.4rem;height:4.4rem;border-radius:1.4rem;background:linear-gradient(135deg,#0055b8,#003d82);color:#fff;border:none;box-shadow:0 0.7rem 2.2rem rgba(0,85,184,0.3);cursor:pointer;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.275);z-index:101;display:flex;align-items:center;justify-content:center;}
.btn-quick-toggle i{font-size:2rem;transition:transform 0.3s;}
.quick-menu.active .btn-quick-toggle{transform:rotate(135deg);background:#1a1a1a;box-shadow:0 0.7rem 2.2rem rgba(0,0,0,0.2);}
.quick-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.9rem;}
.quick-list li{width:5.4rem;height:5.4rem;background:rgba(255,255,255,0.9);backdrop-filter:blur(1rem);border:0.1rem solid rgba(255,255,255,0.3);border-radius:1.6rem;box-shadow:0 0.4rem 1rem rgba(0,0,0,0.08);overflow:hidden;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.quick-list li a{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-decoration:none;color:#444;font-size:1.1rem;letter-spacing:-0.05rem;}
.quick-list li a i{font-size:1.7rem;margin-bottom:0.15rem;color:#0055b8;transition:transform 0.2s;}
.quick-list li:hover{transform:translateY(-0.4rem);background:#fff;box-shadow:0 0.7rem 1.8rem rgba(0,0,0,0.12);}
.quick-list li:hover a i{transform:scale(1.1);}
.quick-list li.btn-top{background:#f1f3f5;border:none;}
.quick-list li.btn-top a i{color:#1a1a1a;}

/* ==========================================================================
12. 인증 카드 영역
========================================================================== */
.auth-card-container{padding-right:0;}
.auth-card-list{display:flex;flex-direction:column;gap:1rem;}
.auth-card-item{position:relative;width:100%;}
.auth-card-item input[type="radio"]{position:absolute;top:0;left:0;width:0;height:0;opacity:0;margin:0;}
.auth-card-item label{display:flex;align-items:center;padding:1.4rem 1.8rem;background:#ffffff;border:0.15rem solid #e2e8f0;border-radius:1rem;cursor:pointer;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);box-sizing:border-box;}
.auth-card-item .auth-num{font-size:1.35rem;font-weight:700;color:#94a3b8;margin-right:1.4rem;font-family:'Pretendard',sans-serif;transition:color 0.2s;}
.auth-card-item .auth-title{font-size:1.45rem;font-weight:600;color:#334155;flex:1;transition:color 0.2s;}
.auth-card-item .auth-badge{font-size:1.3rem;font-weight:500;color:#64748b;background:#f1f5f9;padding:0.35rem 0.9rem;border-radius:2rem;transition:all 0.2s;}
.auth-card-item label:hover{border-color:#b4c6ef;background:#f4f7fe;transform:translateY(-0.15rem);box-shadow:0 0.4rem 1rem rgba(42,94,232,0.04);}
.auth-card-item label:hover .auth-title{color:#2a5ee8;}
.auth-card-item.auth-card-checked label{border-color:#003675 !important;background:#003675 !important;box-shadow:0 0.5rem 1.4rem rgba(42,94,232,0.08);cursor:default;}
.auth-card-item.auth-card-checked label .auth-num{color:#ffffff !important;}
.auth-card-item.auth-card-checked label .auth-title{color:#ffffff !important;font-weight:700;}
.auth-card-item.auth-card-checked label .auth-badge{color:#ffffff;background:#0070f3 !important;font-weight:600;}
.auth-card-item.auth-card-checked label:hover{transform:none;box-shadow:0 0.5rem 1.4rem rgba(42,94,232,0.08);background:#edf3ff;}
.auth-card-item input[type="radio"]:checked + label{border-color:#3b82f6;background:#f0f6ff;box-shadow:0 0.5rem 1.4rem rgba(59,130,246,0.06);animation:authCardSelectOn 0.2s cubic-bezier(0.25,0.8,0.25,1) forwards;}
.auth-card-item input[type="radio"]:checked + label .auth-num{color:#3b82f6;}
.auth-card-item input[type="radio"]:checked + label .auth-title{color:#2563eb;font-weight:700;}
.auth-card-item input[type="radio"]:checked + label .auth-badge{color:#ffffff;background:#3b82f6;font-weight:600;}
.auth-card-item.auth-card-checked input[type="radio"]:checked + label{border-color:#2a5ee8;background:#edf3ff;box-shadow:0 0.5rem 1.4rem rgba(42,94,232,0.08);animation:none;}
.auth-card-item.auth-card-checked input[type="radio"]:checked + label .auth-num{color:#2a5ee8;}
.auth-card-item.auth-card-checked input[type="radio"]:checked + label .auth-title{color:#1e40af;}
.auth-card-item.auth-card-checked input[type="radio"]:checked + label .auth-badge{color:#ffffff;background:#2a5ee8;}
@keyframes authCardSelectOn{0%{transform:scale(0.98);border-color:#cbd5e1;}100%{transform:scale(1);border-color:#3b82f6;}}

/* ==========================================================================
13. 푸터 영역 (KRDS 푸터 및 유틸리티)
========================================================================== */
.krds_footer{width:100%;background:#ffffff;color:#444444;padding:1rem 2rem;border-top:0.1rem solid #ebebeb;box-sizing:border-box;flex-shrink:0;}
.footer_inner{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1rem;}
.footer_links{display:flex;gap:1.5rem;margin-bottom:0.5rem;}
.link_item{font-size:1.4rem;color:#555555;text-decoration:none;}
.link_item:hover{text-decoration:underline;}
.link_item.bold{color:#2a5ee8;font-weight:700;}
.footer_info{display:flex;align-items:flex-start;align-items:center;gap:2rem;}
.info_left{display:flex;flex-direction:column;flex:1;}
.info_address{font-style:normal;font-size:1.3rem;line-height:1.6;display:flex;flex-wrap:wrap;gap:1.6rem;color:#666666;}
.addr_item{position:relative;}
.addr_item:not(:last-child)::after{content:'';position:absolute;right:-0.8rem;top:0.5rem;width:0.1rem;height:1.2rem;background:#5f5f5f;}
.info_copyright{font-size:1.2rem;color:#888888;margin-top:0;}
.info_right{display:flex;align-items:flex-start;}
.footer_select_group{display:flex;gap:1.5rem;}
.custom_dropdown{position:relative;display:inline-block;}
.dropdown_btn{position:relative;height:4rem;padding:0 4rem 0 1.5rem;border:0.1rem solid #ccc;font-size:1.4rem;border-radius:0.4rem;background:#fff;cursor:pointer;text-align:left;min-width:18rem;transition:border-color 0.3s ease;}
.dropdown_btn:hover{background:#F8FAFC;}
.dropdown_btn::after{content:"\e930";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-family:"xeicon" !important;font-size:1.6rem;transition:transform 0.3s ease;}
.dropdown_btn:focus-visible{outline:0.2rem solid #000;}
.dropdown_menu{display:none;position:absolute;bottom:4.2rem;left:0;width:100%;border:0.1rem solid #ccc;border-radius:0.4rem;background-color:#fff;list-style:none;padding:0;margin:0;z-index:10;}
.dropdown_menu li a{display:block;padding:1rem 1.5rem;font-size:1.4rem;color:#333;text-decoration:none;}
.dropdown_menu li a:focus-visible{outline:0.2rem solid #000;background-color:#f5f5f5;}
.dropdown_menu li a:hover{color:#3c64ff;}
.custom_dropdown.is_open .dropdown_menu{display:block;}
.custom_dropdown.is_open .dropdown_btn::after{transform:translateY(-50%) rotate(180deg);}
.footer-quick .layout{display:flex;justify-content:center;max-width:140rem;margin:0 auto;border-left:0.1rem solid #e2e8f0;border-right:0.1rem solid #e2e8f0;}
.footer-quick .layout button{position:relative;}
.footer-quick .layout button:hover{background-color:#e4eaf6;transition:0.4s ease-in-out;}
.footer-quick .layout button::after{content:"\e913";font-family:"xeicon";}
.footer-quick .layout .link{display:inline-flex;align-items:center;justify-content:space-between;flex:1;height:4.3rem;padding:0 4rem;border-right:0.1rem solid #e2e8f0;color:#111111;font-size:1.4rem;cursor:pointer;background:none;border-top:none;border-bottom:none;border-left:none;}
.footer-quick .layout .link:last-child{border-right:none;}
.footer-quick .popup-wrap{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:1000;}
.footer-quick .popup-wrap.is-open{display:block;}
.footer-quick .popup-wrap .popup-in{display:flex;align-items:center;justify-content:center;height:100%;padding:8rem 4rem;background:#dee2e8;}
.footer-quick .popup-wrap .popup{gap:4rem;width:100%;max-width:128rem;height:100%;}
.footer-quick .popup-wrap .pop-tit{font-size:2.4rem;margin-bottom:4rem;font-weight:bold;padding-top:8rem;color:#1d1d1d;}
.footer-quick .popup-wrap .pop-foot-links{display:flex;flex-wrap:wrap;grid-gap:0;width:100%;}
.footer-quick .popup-wrap .pop-foot-links li{width:25%;}
.footer-quick .popup-wrap .pop-foot-links li a{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:row;padding:1.2rem 0.8rem;border-radius:0.8rem;word-break:break-all;font-size:1.9rem;color:#1d1d1d;transition:0.4s ease-in-out;}
.footer-quick .popup-wrap .pop-foot-links li a::before{content:'･';margin-top:-0.1rem;margin-right:0.4rem;font-size:1.6rem;color:#1d1d1d;}
.footer-quick .popup-wrap .pop-foot-links li a:hover{background-color:#CDD7E4;}
.footer-quick .popup-wrap .popup-close{position:absolute;top:7.5rem;right:8.5rem;width:4rem;height:4rem;font-size:5rem;cursor:pointer;border:none;}
.footer-quick .popup-wrap .popup-close:hover{color:#2563eb;}
.footer-quick .popup-wrap .popup-close::after{content:"\e9af";font-family:"xeicon";}
.au-number{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#1a2b5a;color:#ffffff;font-size:1.3rem;font-weight:700;border-radius:0.4rem;margin-right:0.8rem;vertical-align:middle;text-indent:0;margin-top:-0.2rem;}
.footer-policy .labeling{padding-bottom:2rem;}
.footer-policy .labeling h2{padding:1.2rem;border-radius:1rem 1rem 0 0;background:#2D3A71;font-size:1.7rem;color:#fff;font-weight:700;line-height:1.5;text-align:center;}
.footer-policy .labeling .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.footer-policy .labeling .list > li{width:14.2857142857%;}
.footer-policy .labeling .list > li a{display:block;padding:2.9rem 1rem;text-align:center;}
.footer-policy .labeling .list > li a i{display:block;margin:0 auto;}
.footer-policy .labeling .list > li a span{color:#333;font-size:1.6rem;font-weight:600;letter-spacing:-0.03em;}
.footer-policy .labeling p{padding:1rem;background:#F2F6FA;text-align:center;}
.footer-policy .audio_box{margin:5rem 0;padding:3rem 3rem;border:1px solid #ddd;border-radius:1rem;background:#F9F9F9;line-height:1.5;letter-spacing:-0.03em;}
.footer-policy .audio_box h4{font-size:1.6rem;font-weight:700;color:#1e3a8a;letter-spacing:-0.03rem;}
.footer-policy .icon{flex-shrink:0;width:5.6rem;height:5.6rem;background:#ffffff;border-radius:1.4rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.08);transform:translateY(-0.2rem);}
.footer-policy .icon::before{content:"\ea64";font-family:"xeicon";font-size:2.6rem;color:#2563eb;}
.footer-policy .audio_box strong{font-size:1.6rem;}
.footer-policy .audio_box audio{width:100%;margin-top:1.5rem;}
.audio_box-item{display:flex;gap:2.5rem;}
.footer-policy .footer-policy_contents > div{padding-top:5rem;}
.footer-policy .footer-policy_contents > div .h1_tit .label{display:inline-block;vertical-align:middle;position:relative;top:-0.2rem;width:4rem;height:4rem;margin:0 0.2rem;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;}
.au-mt-8{margin-top:0.8rem !important;}
.au-mt-12{margin-top:1.2rem !important;}
.au-mt-16{margin-top:1.6rem !important;}
.au-mt-26{margin-top:2.6rem !important;}
.au-mb-12{margin-bottom:1.2rem !important;}
.au-mb-16{margin-bottom:1.6rem !important;}
.au-m-0{margin:0 !important;}
.au-p-0{padding:0 !important;}
.au-pl-20{padding-left:2rem !important;}
.au-lh-18{line-height:1.8 !important;}
.au-list-none{list-style:none !important;}
.au-img-fluid{max-width:100%;height:auto;width:100rem;}
.au-w-6{width:6% !important;}
.au-w-10{width:10% !important;}
.au-w-14{width:14% !important;}
.au-w-20{width:20% !important;}
.au-w-25{width:25% !important;}
.au-w-30{width:30% !important;}
.au-w-40{width:40% !important;}
.au-w-50{width:50% !important;}
.au-w-100{width:100% !important;}
.au-title{text-indent:-3.4rem;padding-left:3.7rem;padding-bottom:0.5rem;padding-top:0.5rem;font-weight:500;}

/* ==========================================================================
14. 도움말 영역
========================================================================== */
.basics-helpbox{display:flex;align-items:flex-start;gap:2.4rem;background:linear-gradient(135deg,#f8faff 0%,#f1f5f9 100%);border:0.1rem solid #e2e8f0;border-radius:1.6rem;padding:3.2rem;box-shadow:0 1rem 2.5rem rgba(37,99,235,0.04);}
.basics-helpbox h4{font-size:1.6rem;font-weight:700;color:#1e3a8a;letter-spacing:-0.03rem;}
.basics-helpbox .icon{flex-shrink:0;width:5.6rem;height:5.6rem;background:#ffffff;border-radius:1.4rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0.4rem 1.2rem rgba(0,0,0,0.08);transform:translateY(-0.2rem);}
.basics-helpbox .icon::before{content:"\e9d8";font-family:"xeicon";font-size:2.6rem;color:#2563eb;}
.basics-helpbox .text p{margin:0;font-size:1.4rem;line-height:1.7;color:#475569;word-break:keep-all;font-weight:400;}
.list-disc{background:#F2F6FA;border-radius:1rem;padding:1.5rem 2.5rem;border:0.1rem solid #e1e8ef;margin:1rem 0rem;}
.list-disc li{position:relative;padding:0 1rem;line-height:1.7;}
.list-disc li::before{content:"";display:inline-block;width:0.4rem;height:0.4rem;background:#224bc3;top:0.9rem;border-radius:1rem;position:absolute;left:0rem;}
.box-help-text{display:flex;align-items:flex-start;gap:1rem;background:#f0f5fb;margin-top:1.5rem;padding:1.3rem;border-radius:0.8rem;}
.box-help-text h4{margin:0;font-size:1.5rem;font-weight:600;color:#2148bf;line-height:1.4;display:flex;align-items:center;gap:0.5rem;padding:0;}
.box-help-text h4::before{content:"";background:url("../images/icon/help-icon.png") no-repeat center / contain;width:2.5rem;height:2.5rem;display:inline-block;border-radius:10rem;background-color:#cecfef;}
.box-help-text p{margin:0;font-size:1.4rem;color:#555555;line-height:1.8;word-break:keep-all;}

/* ==========================================================================
15. 빈 데이터 (데이터 없음)
========================================================================== */
.empty-state{background-color:#f8fafc;border:0.1rem dashed #cbd5e1;border-radius:1.2rem;padding:6rem 2rem;text-align:center;}
.empty-icon{font-size:6rem;height:8rem;color:#94a3b8;}
.empty-state p{font-size:1.6rem;color:#334155;font-weight:700;margin:0 0 0.8rem 0;}
.empty-state span{font-size:1.4rem;color:#94a3b8;}

/* ==========================================================================
16. 로딩 애니메이션 (Genie Loading)
========================================================================== */
.genie-loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;padding: 3rem 6rem;background:#fff url("../images/common/genie-loading-bg.jpg") 50% 50% no-repeat;border-radius:1rem;box-shadow:0.3rem 0.4rem 0.4rem 0.1rem #bdbdbd;text-align:center;}
.genie-loading span img{width:6rem;padding:1rem;}
.genie-loading p{color:#2441c0;font-size:2rem;font-weight:bold;text-align:center;padding:0.2rem 0rem;}
.genie-loading p img{width:11rem;}
.genie-loading b{background:url(../images/layout/genie-logo.png) 50% 50% no-repeat;width:20rem;height:5rem;background-size:14rem;display:block;}
.loading-container {display: flex;flex-direction: column;gap: 1rem;}
.loading-text { font-size: 2rem; font-weight: bold; color: #2a5ee8; margin-bottom: 1.5rem; letter-spacing: 0.1rem; animation: pulse1 1.5s infinite ease-in-out; }
.loading-bar-wrapper { width: 100%; max-width: 40rem; height: 1.2rem; background-color: #e9ecef; border-radius: 0.6rem; overflow: hidden; box-shadow: inset 0 0.1rem 0.3rem rgba(0, 0, 0, 0.1); margin-top: 2rem;}
.loading-bar-progress { width: 0; height: 100%; background: linear-gradient(90deg, #4dabf7, #3b5bdb); border-radius: 0.6rem; animation: loading 2.5s infinite ease-in-out; }
@keyframes loading { 0% { width: 0; } 50% { width: 70%; } 100% { width: 100%; } }
@keyframes pulse1 { 0%, 100% { opacity: 0.6; } 50% { opacity: 1; } }
@media (max-width: 768px) { .loading-container { padding: 1.5rem; } .loading-text { font-size: 1.6rem; margin-bottom: 1.2rem; } .loading-bar-wrapper { max-width: 30rem; height: 1rem; } }
@media (max-width: 480px) { .loading-container { padding: 1rem; } .loading-text { font-size: 1.4rem; margin-bottom: 1rem; } .loading-bar-wrapper { max-width: 22rem; height: 0.8rem; } }

/* ==========================================================================
17. 기본 목록 화면
========================================================================== */
.com-list-container{max-width:150rem;margin:0 auto;padding:0 3rem;box-sizing:border-box;}
.com-list-search-bar{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#eef3f9 0%,#d9e4f5 100%);padding:1.5rem 4rem;border-radius:10rem;margin-bottom:2rem;box-sizing:border-box;}
.com-list-search-title{display:flex;align-items:center;gap:1.5rem;}
.com-list-icon-bubble{width:4.5rem;height:4.5rem;background:#fff url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%232b66d4"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM6 9h12v2H6V9zm8 5H6v-2h8v2zm4-6H6V6h12v2z"/></svg>') no-repeat center/2.4rem;border-radius:50%;box-shadow:0 0.4rem 1rem rgba(0,0,0,0.05);}
.com-list-search-title h2{font-size:1.7rem;color:#1e3860;font-weight:700;margin:0;}

.com-list-search-input-wrap{position:relative;width:100%;max-width:32rem;}
.com-list-search-input{width:100%;padding:2.4rem 5rem 2.4rem 2.5rem !important;border:none;border-radius:2.5rem;font-size:1.4rem;color:#333;background-color:#fff;box-sizing:border-box;border-radius:10rem !important;outline:none;}
.com-list-search-input::placeholder{color:#a0aec0;}
.com-list-search-btn{position:absolute;right:1.8rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23333"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg>') no-repeat center/contain;border:none;cursor:pointer;padding:0;}
.com-list-group{list-style:none;padding:0;margin:0;}
.com-list-item{display:flex;align-items:center;padding:3.5rem 3rem;border-bottom:0.1rem solid #e2e8f0;gap:3rem;box-sizing:border-box;}
.com-list-badge{flex-shrink:0;width:8rem;height:8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-sizing:border-box;}
.status-ongoing .com-list-badge{background-color:#d3e2fd;color:#2b66d4;}
.status-end .com-list-badge{background-color:#e2e8f0;color:#718096;}
.com-list-content{flex:1;min-width:0;padding-right:10rem;}
.com-list-title{font-size:1.8rem;color:#1a202c;font-weight:700;margin:0 0 1.2rem 0;line-height:1.4;overflow:hidden;}
.status-end{background:#f9f9f9;}
.status-end .com-list-title, .status-end .com-list-desc, .status-end .com-list-date, .status-end .com-list-date span{color:#bbbbbb;}
.com-list-desc{font-size:1.4rem;color:#718096;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.com-list-info{flex-shrink:0;width:30rem;display:flex;flex-direction:column;gap:0.8rem;}
.com-list-date{font-size:1.4rem;color:#718096;margin:0;text-align:left;line-height:1.4;}
.com-list-date span{color:#414b59;font-weight:500;}
.com-list-action{flex-shrink:0;}
.com-list-link-btn{display:inline-flex;align-items:center;justify-content:center;width:12rem;height:4.5rem;border-radius:0.6rem;font-size:1.4rem;font-weight:600;text-decoration:none;box-sizing:border-box;border:0.1rem solid #2b66d4;color:#2b66d4;background-color:#fff;transition:all 0.2s ease;}
.status-ongoing .com-list-link-btn:hover{background-color:#2b66d4;color:#fff;}
.status-end .com-list-link-btn{border-color:#cbd5e1;color:#718096;}
.status-end .com-list-link-btn:hover{background-color:#f8fafc;}

/* ==========================================================================
18. 자동 로그아웃 화면
========================================================================== */
.auto-logout-wrapper {background: #e1f0f7;}
.auto-logout-wrapper::before {display: none;}
.content-area.auto-logout-wrap { display: flex; justify-content: center; align-items: center; width: 100%; background: none; box-sizing: border-box; background: url("../images/sub/login-out-bg.jpg") 0% 0% no-repeat; background-size: cover;}
.content-area.auto-logout-wrap .con-box-area { display: flex; justify-content: center; align-items: flex-start; width: 100%; height: 100%; padding: 2rem; box-sizing: border-box; }
.auto-logout-area {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;box-sizing: border-box;}
.a-logout-box {position: relative;width: 100%;max-width: 60rem;padding: 4rem 5rem 6rem 5rem;background-color: #ffffff;border-radius: 0.5rem;text-align: center;box-sizing: border-box;}
.a-logout-box-header {display: flex;justify-content: center;align-items: center;gap: 1rem;margin-bottom: 3rem;}
.a-logout-box-header.header-logo a {background-size: 12rem !important;width: 14rem;}
.a-logout-box-header.header-logo a::after {background: #cdcdcd !important;}
.a-logout-box-header span { font-size: 1.6rem; font-weight: 700; color: #1e293b; }
.auto-logout-area .gne-card-title {color: #232e4d;padding: 0rem 3rem 0rem 3rem;border-radius: 0.5rem;display: flex;flex-direction: column;letter-spacing: 0.10rem;margin: 0rem;font-weight: 500;gap: 0rem;}
.auto-logout-area .gne-card-title::before {content: "";background: url(../images/sub/login-out-img.jpg) 50% 33% no-repeat;display: block;margin:0 auto;padding: 8rem 9rem;background-size: 11rem;}
.auto-logout-area button{width:100%;height:4.9rem;background:#2A5EE8;color:#fff;border:none;border-radius:0.7rem;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all 0.3s cubic-bezier(0.25,0.8,0.25,1);}
.auto-logout-area button:hover {background: #173C9F;transform:translateY(-0.2rem);box-shadow:0 0.5rem 1.4rem rgba(42,94,232,0.3);}
.auto-logout-area .gne-card-title strong {color: #1e2124;}
.auto-logout-area .gne-card-title strong span {color: #2a5ee8;padding: 0rem 0.7rem;}
.auto-logout-area .a-logout-box-con p {padding: 1.5rem 0rem 1.5rem 0rem;}
.auto-logout-area .a-logout-util {display: flex;gap:1rem;margin-top: 3rem;}
.auto-logout-area .a-logout-util button:first-child {background: #fff !important;color: #393939 !important;border: 0.1rem solid #838383;font-weight: normal;}
.auto-logout-area .a-logout-util button:hover:first-child {box-shadow: none; background: #f2f5ff !important; color:#2a5ee8 !important; border-color:#2a5ee8 !important;}


/* ==========================================================================
레이어 팝업 - 체크리스트
========================================================================== */
.gencheck-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(1 2 4 / 68%); display: flex; align-items: center; justify-content: center; z-index: 1000; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; padding: 2.0rem; box-sizing: border-box; }
.gencheck-wrap.gencheck-is-active { opacity: 1; visibility: visible; }
.gencheck-container { max-width: 100.0rem; width: 100%; max-height: 85vh; overflow-y: auto; background-color: #ffffff; box-shadow: 0 2.0rem 4.0rem rgba(0, 0, 0, 0.12); box-sizing: border-box; position: relative; padding: 3.0rem 3.0rem 1.0rem 3.0rem; display: flex; flex-direction: column; border: 1.3rem double #31477d; }
.gencheck-header { margin-bottom: 0rem; flex-shrink: 0; }
.gencheck-header-top {display: flex;justify-content: center;align-items: center;margin-bottom: 0rem;padding: 0.5rem 0rem 3rem 0rem;}
.gencheck-logo-area { font-size: 1.8rem; font-weight: 800; color: #1e293b; letter-spacing: -0.02rem; line-height: 1.2; display: flex; flex-direction: column; text-align: right; }
.gencheck-logo-sub { font-size: 0.9rem; font-weight: 600; color: #64748b; letter-spacing: 0.08rem; margin-top: 0.2rem; }
.gencheck-title { font-size: 2.6rem; font-weight: 800; color: #0f172a; letter-spacing: -0.05rem; margin: 0; line-height: 1.2; background: url("../images/sub/data-check-img.png") 0% 50% no-repeat; background-size: 4.0rem; padding: 1.0rem 1.0rem 1.0rem 5.0rem; word-break: keep-all; }
.gencheck-meta-info-grid {display: grid;grid-template-columns: repeat(3, 1fr);border: 0.1rem solid #e2e8f0;padding: 2.0rem;background-color: #f8fafc;margin: -0.5rem 0rem 0rem 0rem;}
.gencheck-meta-item { display: flex; flex-direction: column; gap: 0.6rem; padding: 0 2.0rem; border-right: 0.1rem solid #e2e8f0; text-align: center; }
.gencheck-meta-item:last-child { border-right: none; }
.gencheck-meta-label { font-size: 1.3rem; color: #64748b; font-weight: 600; }
.gencheck-meta-value { font-size: 1.8rem; color: #0f172a; font-weight: 800; }

.gencheck-meta-item.gencheck-text-error .gencheck-meta-value { color: #f43f5e; }
.gencheck-meta-item.gencheck-text-success .gencheck-meta-value { color: #3b82f6; }
.gencheck-content { flex-grow: 1; margin: 2.5rem 0rem 3.0rem 0rem; }
.gencheck-table-header { display: flex; background-color: #f1f5f9; color: #475569; box-sizing: border-box; border-top: 0.2rem solid #cbd5e1; border-bottom: 0.1rem solid #cbd5e1; }
.gencheck-th-label { font-size: 1.4rem; font-weight: 700; padding: 1.5rem 1.0rem; box-sizing: border-box; text-align: center; display: flex; justify-content: center; align-items: center; }
.gencheck-th-category { width: 14.0rem; flex-shrink: 0; }
.gencheck-th-list { flex-grow: 1; justify-content: center; padding-left: 2.0rem; }
.gencheck-th-status { width: 14.0rem; flex-shrink: 0; }
.gencheck-table { display: flex; flex-direction: column; border-bottom: 0.2rem solid #cbd5e1; }
.gencheck-row { display: flex; border-bottom: 0.1rem solid #e2e8f0; min-height: auto; box-sizing: border-box; }
.gencheck-row:last-child { border-bottom: none; }
.gencheck-category-cell { width: 14.0rem; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-size: 1.4rem; font-weight: 700; color: #334155; text-align: center; padding: 1.5rem 1.0rem; box-sizing: border-box; border-right: 0.1rem solid #e2e8f0; background-color: #f8fafc; word-break: keep-all; }
.gencheck-content-cell { flex-grow: 1; display: flex; flex-direction: column; box-sizing: border-box; width: calc(100% - 14.0rem); background-color: #ffffff; }
.gencheck-item-block { display: grid; grid-template-columns: 1fr 14.0rem; border-bottom: 0.1rem solid #f1f5f9; align-items: stretch; position: relative; box-sizing: border-box; background-color: #ffffff; transition: background-color 0.2s ease; }
.gencheck-item-block:hover { background-color: #f8fafc; }
.gencheck-item-block:last-child { border-bottom: none; }
.gencheck-item-block.gencheck-has-error-block { background-color: #fff1f2; }
.gencheck-item-block.gencheck-has-error-block:hover { background-color: #ffe4e6; }
.gencheck-item { display: flex; align-items: center; padding: 1.8rem 2.0rem; box-sizing: border-box; }
.gencheck-item-title { font-size: 1.4rem; font-weight: 500; color: #334155; line-height: 1.5; display: flex; align-items: center; gap: 0.8rem; word-break: keep-all; }
.gencheck-item-num { color: #2f4e7b; font-weight: 700; font-size: 1.3rem; }
.gencheck-status-cell { width: 14.0rem; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-sizing: border-box; padding: 1.0rem 0; }
.gencheck-action-box-wrap { grid-column: 1 / span 2; background-color: #fff1f2; border-top: 0.1rem dashed #fda4af; padding: 0rem 2.5rem 0rem 2.0rem; display: flex; flex-direction: column; box-sizing: border-box; }
.gencheck-sub-action-item { display: flex; align-items: center; gap: 1.2rem; width: 100%; box-sizing: border-box; padding: 0.8rem 0; border-bottom: 0.1rem dashed #fecdd3; }
.gencheck-sub-action-item:last-child { border-bottom: none; }
.gencheck-sub-action-item::before { content: "\e981"; font-family: "xeicon"; font-size: 1.4rem; font-weight: normal; color: #f43f5e; flex-shrink: 0; }
.gencheck-action-text { font-size: 1.3rem; color: #9f1239; font-weight: 500; flex-grow: 1; line-height: 1.5; word-break: keep-all; }
.gencheck-action-btn { font-size: 1.2rem; color: #2b2b2b; background-color: #ffffff; padding: 0.4rem 1.4rem; cursor: pointer; transition: all 0.2s ease; flex-shrink: 0; display: inline-flex; width: auto; align-items: center; border-radius: 0.5rem; font-weight: 500; gap: 0.4rem; border: 0.1rem solid #dadada; }
.gencheck-action-btn::after { content: "\e90b"; font-family: "xeicon"; font-size: 1.1rem; font-weight: normal; transition: transform 0.2s ease; }
.gencheck-action-btn:hover { background-color: #e11d48; color: #ffffff; }
.gencheck-action-btn:hover::after { transform: translateX(0.3rem); }
.gencheck-status-badge { display: inline-flex; align-items: center; justify-content: center; gap: 0.4rem; font-size: 1.3rem; font-weight: 700; max-width: 8.5rem; width: 100%; padding: 0.5rem 0; border-radius: 2.0rem; text-align: center; }
.gencheck-status-badge.gencheck-is-error { background-color: #f43f5e; color: #ffffff; box-shadow: 0 0.2rem 0.5rem rgb(28 0 5 / 81%); animation: errorShakea 0.4s ease-in-out, errorPulsea 2s infinite 0.4s; }
.gencheck-status-badge.gencheck-is-error::before { content: "\e9ab"; font-family: "xeicon"; font-size: 1.2rem; }
.gencheck-status-badge.gencheck-is-done { background-color: #eff6ff; color: #3b82f6; border: 0.1rem solid #bfdbfe; }

.gencheck-status-badge.gencheck-is-done::before { content: "\e92c"; font-family: "xeicon"; font-size: 1.2rem; }
@keyframes errorShakea { 0%, 100% { transform: translateX(0); } 20%, 60% { transform: translateX(-0.4rem); } 40%, 80% { transform: translateX(0.4rem); } }
@keyframes errorPulsea { 0% { box-shadow: 0 0.2rem 0.5rem rgba(244, 63, 94, 0.25); } 50% { box-shadow: 0 0.2rem 1.2rem rgba(244, 63, 94, 0.6); } 100% { box-shadow: 0 0.2rem 0.5rem rgba(244, 63, 94, 0.25); } }
.gencheck-sticky-btn-area { position: sticky; bottom: 0; left: 0; width: 100%; background-color: #fff; backdrop-filter: blur(0.4rem); justify-content: center; border-top: 0.1rem solid #e2e8f0; padding: 1.5rem 3.0rem; display: flex; gap: 1.2rem; box-sizing: border-box; z-index: 10; border-radius: 0 0 1.6rem 1.6rem; }
.gencheck-btn-primary { font-size: 1.4rem; font-weight: 700; color: #ffffff; background-color: #2a5ee8; border: 0.1rem solid #2a5ee8; padding: 1.2rem 4.0rem; border-radius: 0.6rem; cursor: pointer; transition: all 0.2s ease; box-shadow: 0 0.2rem 0.5rem rgba(59, 130, 246, 0.25); }
.gencheck-btn-primary:hover { background-color: #2253be; border-color: #2253be; transform: translateY(-0.1rem); box-shadow: 0 0.4rem 0.8rem rgba(59, 130, 246, 0.35); }
.gencheck-btn-secondary { font-size: 1.4rem; font-weight: 700; color: #475569; background-color: #ffffff; border: 0.1rem solid #cbd5e1; padding: 1.2rem 4.0rem; border-radius: 0.6rem; cursor: pointer; transition: all 0.2s ease; }
.gencheck-btn-secondary:hover { background-color: #f8fafc; border-color: #94a3b8; color: #1e293b; transform: translateY(-0.1rem); }



/* ==========================================================================
사업소개
========================================================================== */
.ginfo-intro-container { width: 100%; max-width: 150rem; margin: 0 auto; color: #333; font-size: 1.6rem; line-height: 1.6; letter-spacing: -0.05rem; box-sizing: border-box; }
.ginfo-intro-container .ginfo-visual-banner{padding: 3rem 5rem;border-radius:1.6rem;margin-bottom:4rem;color:#fff;text-align:left;box-shadow:0 1rem 3rem rgba(0,90,171,0.2);background: url("../images/sub/info-bg-img.jpg") no-repeat 81% 50%;background-size:cover;}
.ginfo-intro-container .ginfo-intro-header {margin: 0 auto;}
.ginfo-intro-container .ginfo-intro-title {font-size: 2.8rem; font-weight: 800; color: #FFFFFF; letter-spacing: -0.05rem; ine-height: 1.3; margin-bottom: 1rem;}
.ginfo-intro-container .ginfo-intro-desc {font-size: 1.6rem;font-weight: 400;opacity: 0.9;word-break: keep-all;line-height: 1.7;width: 58%;}
.ginfo-intro-container .ginfo-tab-wrapper { width: 100%; }
.ginfo-intro-container .ginfo-tab-menu-list {display: flex;list-style: none;padding: 0;margin: 0 0 3rem 0;border-bottom: 0.2rem solid #E5E7EB;position: sticky;top: 6rem;background: #fff;z-index: 100;}
.ginfo-intro-container .ginfo-tab-menu-item { flex: 1; }
.ginfo-intro-container .ginfo-tab-menu-btn { width: 100%; background: none; border: none; padding: 1.6rem 0; font-size: 1.8rem; font-weight: 600; color: #6B7280; cursor: pointer; transition: all 0.3s ease; position: relative; }
.ginfo-intro-container .ginfo-tab-menu-btn:hover { color: #005AAB; }
.ginfo-intro-container .ginfo-tab-menu-btn.ginfo-active { color: #005AAB; }
.ginfo-intro-container .ginfo-tab-menu-btn.ginfo-active::after { content: ''; position: absolute; bottom: -0.2rem; left: 0; width: 100%; height: 0.3rem; background: #005AAB; border-radius: 0.3rem 0.3rem 0 0; }
.ginfo-intro-container .ginfo-tab-panel-content { animation: fadeIn 0.4s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(1rem); } to { opacity: 1; transform: translateY(0); } }
.ginfo-intro-container .ginfo-panel-section { margin-bottom: 5rem; }
.ginfo-intro-container .ginfo-panel-title { font-size: 2.4rem; font-weight: 700; color: #111827; margin: 0 0 1.6rem 0; position: relative; padding-left: 1.5rem; }
.ginfo-intro-container .ginfo-panel-title::before {content: '';position: absolute;left: 0;top: 1rem;width: 0.4rem;height: 1.5rem;background: #005AAB;border-radius: 0.4rem;}
.ginfo-intro-container .ginfo-panel-subtitle {font-size: 1.8rem;font-weight: 600;color: #004abf;margin: 0 0 1.6rem 0;display: flex;align-items: center;}
.ginfo-intro-container .ginfo-panel-text { font-size: 1.6rem; color: #4B5563; margin: 0 0 2.4rem 0; word-break: keep-all; }
.ginfo-intro-container .ginfo-panel-subtitle::before {content: "";background: #2a5ee8;display: inline-flex;gap:1rem;align-items: center;width: 0.7rem;height: 0.7rem;border-radius: 10rem;margin-bottom: 0.3rem;margin-right: 1rem;}
.ginfo-intro-container .ginfo-info-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.4rem; }
.ginfo-intro-container .ginfo-info-card { background: #F8FAFC; border: 0.1rem solid #E2E8F0; border-radius: 1.2rem; padding: 2.4rem; }
.ginfo-intro-container .ginfo-info-card.ginfo-none-bg { background: #fff; }
.ginfo-intro-container .ginfo-card-title { font-size: 1.8rem; font-weight: 700; color: #0F172A; margin: 0 0 1.2rem 0; }
.ginfo-intro-container .ginfo-card-text { font-size: 1.5rem; color: #475569; margin: 0 0 1.6rem 0; }
.ginfo-intro-container .ginfo-card-list { list-style: none; padding: 0; margin: 0; }
.ginfo-intro-container .ginfo-card-list li { font-size: 1.4rem; color: #64748B; margin-bottom: 0.8rem; padding-left: 1.2rem; position: relative; }
.ginfo-intro-container .ginfo-card-list li::before { content: '·'; position: absolute; left: 0; font-weight: bold; color: #005AAB; }
.ginfo-intro-container .ginfo-card-list.ginfo-font-grid { display: grid; grid-template-columns: 1fr; gap: 0.8rem; }
.ginfo-intro-container .ginfo-target-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6rem; margin-bottom: 3rem; }
.ginfo-intro-container .ginfo-target-item { background: #fff; border: 0.1rem solid #CBD5E1; border-radius: 0.8rem; padding: 2rem; text-align: center; box-shadow: 0 0.2rem 0.5rem rgba(0,0,0,0.02); transition: transform 0.2s; }
.ginfo-intro-container .ginfo-target-item:hover { transform: translateY(-0.3rem); border-color: #005AAB; }
.ginfo-intro-container .ginfo-target-item strong { display: block; font-size: 1.6rem; color: #005AAB; margin-bottom: 0.8rem; }
.ginfo-intro-container .ginfo-target-item span { font-size: 1.4rem; color: #475569; display: block; word-break: keep-all; }
.ginfo-intro-container .table-notice-box { margin-top: 1.5rem; padding: 1.5rem; background: #F8FAFC; border-radius: 0.8rem; border: 0.1rem solid #E2E8F0; }
.ginfo-intro-container .notice-text { font-size: 1.3rem; color: #64748B; margin: 0 0 0.6rem 0; line-height: 1.4; }
.ginfo-intro-container .notice-text:last-child { margin-bottom: 0; }
.ginfo-intro-container .ginfo-step-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; position: relative; }
.ginfo-intro-container .ginfo-step-card { background: #fff; border: 0.1rem solid #E5E7EB; border-radius: 1.6rem; padding: 3rem 2rem; text-align: center; position: relative; box-shadow: 0 0.4rem 0.6rem rgba(0,0,0,0.02); transition: all 0.3s ease; }
.ginfo-intro-container .ginfo-step-card:hover { transform: translateY(-0.5rem); box-shadow: 0 1rem 2rem rgba(0,90,171,0.1); border-color: #005AAB; }
.ginfo-intro-container .ginfo-step-icon { font-size: 4rem; margin-bottom: 1.5rem; display: inline-block; background: #F1F5F9; width: 8rem; height: 8rem; line-height: 8rem; border-radius: 50%; }
.ginfo-intro-container .ginfo-step-num {display: inline-block;font-size: 1.3rem;font-weight: 700;color: #fff;background: #005AAB;position: absolute;padding: 0.4rem 1.2rem;border-radius: 2rem;margin-bottom: 1.5rem;top: 2rem;left: 2rem;}
.ginfo-intro-container .ginfo-step-title { font-size: 1.8rem; font-weight: 700; color: #1F2937; margin: 0 0 1rem 0; }
.ginfo-intro-container .ginfo-step-desc { font-size: 1.4rem; color: #6B7280; margin: 0; word-break: keep-all; line-height: 1.5; }
.ginfo-intro-container .ginfo-additional-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.4rem; }
.ginfo-intro-container .ginfo-contact-box, .ginfo-intro-container .ginfo-download-box { background: #F8FAFC; border: 0.1rem solid #E2E8F0; border-radius: 1.2rem; padding: 3rem; }
.ginfo-intro-container .ginfo-contact-box h4, .ginfo-intro-container .ginfo-download-box h4 {font-size: 2rem;font-weight: 700;color: #0F172A;display: flex;margin: 0 0 2rem 0;gap: 1rem;align-items: center;}
.ginfo-intro-container .ginfo-contact-box p { font-size: 1.6rem; color: #475569; margin: 0 0 1rem 0; }
.ginfo-intro-container .ginfo-download-list { list-style: none; padding: 0; margin: 0; }
.ginfo-intro-container .ginfo-download-list li { margin-bottom: 1.2rem; }
.ginfo-intro-container .ginfo-download-list li a { display: block; padding: 1.2rem 1.6rem; background: #fff; border: 0.1rem solid #CBD5E1; border-radius: 0.6rem; color: #334155; text-decoration: none; font-size: 1.5rem; transition: all 0.2s; }
.ginfo-intro-container .ginfo-download-list li a:hover { border-color: #005AAB; color: #005AAB; background: #F0F8FF; }

/* ==========================================
[비R&D안내 페이지 소개 섹션 스타일시트]
========================================== */
.rd-intro-con .ginfo-visual-banner {background: url("../images/sub/rd-info-bg-img.jpg") no-repeat 81% 50%;}
.rd-intro-con .ginfo-intro-desc { font-size: 1.6rem; line-height: 1.7; color: #fff; max-width: 100rem; font-weight: 400; }
.rd-intro-con .ginfo-tab-wrapper { display: flex; gap: 4rem; align-items: flex-start; position: relative; background: #FFFFFF; }
.rd-intro-con .ginfo-tab-wrapper::before { content: ''; position: absolute; top: 3rem; bottom: 3rem; left: 34rem; width: 0.1rem; background-color: #E2E8F0; z-index: 1; }
.rd-intro-con .ginfo-tab-menu-list {display: flex;flex-direction: column;flex-shrink: 0;width: 32rem;position: sticky;top: 8rem;z-index: 10;/* gap: 0.5rem; */border: none;}
.rd-intro-con .ginfo-tab-menu-item { width: 100%; }
.rd-intro-con .ginfo-tab-menu-btn {width: 100%;text-align: left;padding: 2rem 2.5rem;font-size: 1.6rem;font-weight: 600;color: #6B7280;background: none;border: none;cursor: pointer;border-bottom: 0.1rem solid #e2e8f0;transition: all 0.25s ease;position: relative;}
.rd-intro-con .ginfo-tab-menu-btn:hover { color: #005AAB; background: #F8FAFC; }
.rd-intro-con .ginfo-tab-menu-btn.ginfo-active {color: #005AAB;background: #F0F8FF;font-weight: 700;border-color: #f0f8ff;}
.rd-intro-con .ginfo-tab-menu-btn.ginfo-active::after { content: ''; position: absolute; bottom: 0; right: -2.2rem; top: 0; width: 0.3rem; height: 100%; background: #005AAB; border-radius: 0.3rem; z-index: 2; }
.rd-intro-con .ginfo-tab-panel-content { flex: 1; min-width: 0; position: relative; z-index: 2; padding-left: 2rem; animation: fadeIn 0.4s ease-in-out; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(1rem); } to { opacity: 1; transform: translateY(0); } }
.rd-intro-con .section-title-area { margin-bottom: 3rem; border-bottom: 0.1rem solid #F1F5F9; padding-bottom: 2.5rem; }
.rd-intro-con .ginfo-panel-title { font-size: 2.4rem; font-weight: 800; color: #0F172A; letter-spacing: -0.05rem; margin-bottom: 1.2rem; }
.rd-intro-con .ginfo-panel-text { font-size: 1.5rem; line-height: 1.6; color: #64748B; margin-bottom: 0rem; }
.rd-intro-con .info-summary-cards { display: flex; gap: 2rem; margin-bottom: 3.5rem; }
.rd-intro-con .summary-card { flex: 1; background: #F8FAFC; border: 0.1rem solid #E2E8F0; border-radius: 1.6rem; padding: 2.5rem; transition: all 0.3s; display: flex; flex-direction: column; gap: 1rem; }
.rd-intro-con .summary-card:hover { background: #FFFFFF; border-color: #38BDF8; box-shadow: 0 1rem 2rem rgba(56,189,248,0.06); transform: translateY(-0.3rem); }
.rd-intro-con .summary-card .card-icon { font-size: 2.4rem; }
.rd-intro-con .summary-card .card-title { font-size: 1.6rem; font-weight: 700; color: #0F172A; }
.rd-intro-con .summary-card .card-desc { font-size: 1.4rem; line-height: 1.5; color: #64748B; }
.rd-intro-con .td-title { color: #1E293B; font-weight: 600; }
.rd-intro-con .td-title .data-group { justify-content: flex-start; }
.rd-intro-con .td-amount { color: #0284C7; font-weight: 700; text-align: right; }
.rd-intro-con .td-amount .data-group { display: inline-block; background: #E0F2FE; padding: 0.4rem 1.2rem; border-radius: 0.6rem; }

/* ==========================================
리스트 영역 타입2
========================================== */
.com-list-area-wrap { display: flex; width: 100%; align-items: center; padding-bottom: 2rem; }
.com-list-area-title { width: 100%; }
.com-list-area-title h3 { position: relative; font-size: 2.3rem; padding-left: 1.5rem; }
.com-list-area-title h3::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0.4rem; height: 1.8rem; background-color: #007bff; border-radius: 0.2rem; }
.com-list-area-wrap .com-category-tab { display: flex; justify-content: flex-end; margin-bottom: 0rem; }
.com-list-area-wrap .com-category-tab .tab-item { font-size: 1.3rem; padding: 0.5rem 2rem; height: auto; }

/* ==========================================
[하단 유틸리티 영역 스타일]
========================================== */
.bot-btn_area .pledge-wrap {position: relative; padding-bottom: 6rem;}
.bot-btn_area .pledge-wrap .content-bottom-util {position: fixed; bottom: 0; background: #fff; z-index: 80; padding-bottom: 3rem; transition: padding-bottom 0.3s ease;	}
.bot-btn_area .sub-sidebar.is-closed + .sub-main-content .pledge-wrap .content-bottom-util{width:100%;}

.genie-mobile-wrap {display: none;}
/* ==========================================================================
18. 미디어 쿼리 (반응형 레이아웃)
========================================================================== */
@media screen and (max-width:1366px){
.gne-brand-side{flex:0 0 40%;padding:5.5rem 3.6rem;}
.gne-form-side{padding:3.6rem;}
.gne-h-tit{font-size:2.6rem;}
.sub-header-area nav{gap:1.5rem;justify-content:center;}
.sub-header-area nav a{font-size:1.4rem;}
}

@media screen and (max-width:1190px){
.sub-header-area nav{display:none;}
.ginfo-intro-container .ginfo-target-grid { grid-template-columns: repeat(2, 1fr); }
.ginfo-intro-container .ginfo-step-grid { grid-template-columns: repeat(2, 1fr); }
.rd-intro-con .ginfo-tab-wrapper::before { left: 29rem; }
.rd-intro-con .ginfo-tab-menu-list { width: 27rem; }

	
/* ==========================================
[모바일 메뉴 스타일시트]
========================================== */
.genie-mobile-wrap { display: block; }
.mobile-open-btn {padding: 0rem 1rem;color: #fff;border: none;font-size: 2.5rem;font-weight: 600;cursor: pointer;transition: background-color 0.2s ease;}
.mobile-open-btn:hover { color:#54fae8; background-color:#00000014; border-radius:0.5rem;}
.mobile-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 999; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease; }
.mobile-overlay.is-active { opacity: 1; visibility: visible; }
.mobile-menu-wrap { position: fixed; top: 0; right: -36rem; width: 36rem; height: 100vh; background-color: #ffffff; box-shadow: -0.5rem 0 1.5rem rgba(0, 0, 0, 0.1); z-index: 1000; transition: right 0.3s ease; display: flex; flex-direction: column; overflow: hidden; }
.mobile-menu-wrap.is-active { right: 0; }
.mobile-menu-head { display: flex; justify-content: space-between; align-items: flex-start; padding: 2.4rem; background: #f8fafc; border-bottom: 0.1rem solid #e2e8f0; position: relative; }
.member-links {display: flex;gap: 1rem;align-items: center;}
.header-util .member-links a {font-size: 1.4rem !important;font-weight: 600;color: #2a5ee8;text-decoration: none;transition: color 0.2s;border: 0.1rem solid #2a5ee8;padding: 0.1rem 1rem;border-radius: 10rem;}
.member-links a:hover { color: #2563eb; }
.member-profile { display: none; flex-direction: column; gap: 0.8rem; }
.member-profile .greeting { font-size: 1.7rem; color: #1e293b; margin: 0; letter-spacing: -0.05rem; }
.member-profile .greeting strong { color: #2563eb; font-weight: 700; font-size: 1.9rem; }
.member-profile .util-links { display: flex; gap: 1.2rem; margin-top: 0.4rem; }
.member-profile .util-links a { font-size: 1.3rem; color: #64748b; text-decoration: underline; transition: color 0.2s; }
.member-profile .util-links a:hover { color: #2563eb; }
.mobile-close-btn { position: absolute; top: 2rem; right: 2rem; background: none; border: none; font-size: 2.4rem; color: #64748b; cursor: pointer; padding: 0; transition: color 0.2s ease; }
.mobile-close-btn:hover { color: #2a5ee8; }
.mobile-menu-body { flex: 1; overflow-y: auto; padding: 0; }
.mobile-menu-list { list-style: none; padding: 0; margin: 0; }
.mobile-menu-list > li { border-bottom: 0.1rem solid #e2e8f0; margin: 0; }
.mobile-menu-btn {display: flex;justify-content: space-between;align-items: center;width: 100%;padding: 2rem 2.4rem;background-color: #ffffff;border: none;font-size: 1.4rem;font-weight: 600;color: #334155;cursor: pointer;transition: background-color 0.2s ease, color 0.2s ease;}
.mobile-menu-btn:hover { background-color: #f8fafc; color: #2563eb; }
.mobile-sub-menu { display: none; background-color: #f8fafc; padding: 0; list-style: none; margin: 0; border-top: 0.1rem solid #e2e8f0; }
.mobile-sub-menu li { border-bottom: 0.1rem solid #f1f5f9; }
.mobile-sub-menu li:last-child { border-bottom: none; }
.header-util .mobile-sub-menu a { display: block; padding: 1.6rem 2.4rem 1.6rem 4rem; font-size: 1.4rem; color: #64748b; text-decoration: none; transition: background-color 0.2s ease, color 0.2s ease; }
.mobile-sub-menu a:hover { color: #2563eb; font-weight: 600; background-color: #eff6ff; }
.mobile-menu-wrap.is-logged-in .logged-out-only { display: none; }
.mobile-menu-wrap.is-logged-in .logged-in-only { display: flex; }
.mobile-menu-wrap.is-logged-in .mobile-menu-btn.is-open { background-color: #eef2ff; color: #3730a3; }
.mobile-menu-wrap.is-logged-in .mobile-menu-btn::before { content: '\e924'; font-family: 'xeicon' !important; order: 1; transition: transform 0.2s ease; font-weight: normal; font-size: 1.8rem; color: #94a3b8; }
.mobile-menu-wrap.is-logged-in .mobile-menu-btn.is-open::before { transform: rotate(180deg); color: #3730a3; }
	

}

@media screen and (max-width:1024px){
.sub-container{flex-direction:column;overflow:visible;}
.btn-menu-toggle{display:none;}
.sub-sidebar{position:fixed;top: 5rem;left:0;width:100%;height:100vh;z-index:1000;background:#012b5d;margin-left:0 !important;max-width:17rem;transform:translateX(-100%);transition:transform 0.3s ease,height 0.2s ease;z-index:9999;border-right:0.1rem solid #e2e8f0;}
.sub-sidebar.is-bottom{height: calc(100vh - 6rem) !important;}
.sub-sidebar.is-open{transform:translateX(0) !important;}
.sub-sidebar.is-closed{transform:translateX(-100%) !important;}
.sidebar-title{padding: 2.15rem 1.4rem;font-size:1.35rem;border-bottom:0.1rem solid #dbe2e9;box-shadow:0 0.2rem 0.5rem rgba(15,23,42,0.05);text-align:center;justify-content:center;}
.sidebar-title::after{width:2.2rem;height:0.2rem;}
.sidebar-nav{padding:0.4rem;}
.depth-1 > .nav-item > .nav-link{padding:0.7rem 0.9rem;font-size:1.3rem;}
.depth-1 > .nav-item.open > .sub-menu-wrap{padding:0.35rem 0;margin-top:0.15rem;border:0.1rem solid #e2e8f0;}
.depth-2 .sub-link, .depth-3 .sub-link{font-size:1.3rem;padding:0.6rem 0.9rem 0.6rem 1.4rem;}
.depth-2 .nav-item.open > .sub-menu-wrap{margin:0 0.15rem;padding:0.1rem 0;}
.depth-3 .sub-link{font-size:1.3rem;padding:0.55rem 0.9rem 0.55rem 1.9rem;}
.depth-3 .nav-item.open > .sub-menu-wrap{margin:0 0.15rem;padding:0.1rem 0;}
.depth-4{margin-left:0;}
.depth-4 .sub-link{font-size:1.3rem;padding:0.5rem 0.7rem 0.5rem 2.4rem;}
.depth-4 .sub-link.active{padding-left:2.4rem;box-shadow:0 0.15rem 0.35rem rgba(15,23,42,0.1),inset 0.25rem 0 0 #2a5ee8;}
.sub-main-content{width:100% !important;padding:0;min-height:calc(100vh - 5.8rem);justify-content:space-between;}
.content-area{min-height:auto;flex:1;padding:2rem !important;}
.sidebar-profile{gap:0.9rem;}
.profile-img{display:flex !important;width:3.2rem;height:3.2rem;font-size:1.5rem;}
.profile-info{gap:0.9rem;}
.profile-name{font-size:1.3rem;}
.profile-name strong{font-size:1.35rem;}

.profile-time{font-size:1.2rem;}
.profile-utils{gap:0.35rem;}
.profile-utils .btn{padding:0.25rem 0.7rem;}
.gne-login-content-wrap{flex-direction:column;}
.gne-brand-side{flex:0 0 auto;padding:3.6rem;align-items:flex-start;}
.gne-brand-inner{max-width:100%;}
.gne-form-side{padding:3.6rem;}
.gne-form-inner{max-width:100%;}
.gne-welcome-text{margin-bottom:2.6rem;}
.content-area-wrap{padding:0;flex:1;display:flex;flex-direction:column;}
.lnb{padding:0 2.8rem 0 2.8rem;display:block;}
.lnb .lnb-inner{width:100%;box-sizing:border-box;flex-wrap:wrap;padding:0 1.4rem;gap:0.7rem;flex-direction:column;}
.lnb .lnb-inner .home a::after{margin-left:0.7rem;}
.lnb .lnb-inner .fn-dropdown::after{margin-left:0.7rem;}
.lnb .lnb-inner .fn-dropdown button{font-size:1.1rem;}
.lnb-right{display:none;}
.auth-card-container{max-height:none;}
.auth-card-item label{padding:1.4rem 1.6rem;}
.auth-card-item .auth-title{font-size:1.35rem;}
.com-list-item{flex-wrap:wrap;padding:2.5rem 0;gap:2rem;flex-direction:column;}
.com-list-content{width:calc(100% - 0rem);flex:none;}
.com-list-info{width:100%;padding-left:0;order:3;box-sizing:border-box;}
.com-list-action{width:100%;padding-left:11rem;order:4;box-sizing:border-box;}
.auto-logout-wrapper .sub-container {flex-direction:row;}	

.ginfo-intro-container .ginfo-intro-header {text-align: center;}
.ginfo-intro-container .ginfo-intro-desc {width: 100%; text-align: center;}
.rd-intro-con .ginfo-tab-wrapper { flex-direction: column; gap: 3rem; padding: 2.5rem; }
.rd-intro-con .ginfo-tab-wrapper::before { display: none; }
.rd-intro-con .ginfo-tab-menu-list { flex-direction: row; width: 100%; position: static; gap: 0; border-bottom: 0.2rem solid #E5E7EB; padding-bottom: 0; }
.rd-intro-con .ginfo-tab-menu-item { width: auto; flex-shrink: 0; flex: 1; }
.rd-intro-con .ginfo-tab-menu-btn { text-align: center; padding: 1.6rem 1rem; font-size: 1.5rem; border-radius: 0; white-space: nowrap; }
.rd-intro-con .ginfo-tab-menu-btn.ginfo-active { background: none; }
.rd-intro-con .ginfo-tab-menu-btn.ginfo-active::after { bottom: -0.2rem; right: auto; left: 0; top: auto; width: 100%; height: 0.3rem; }
.rd-intro-con .ginfo-tab-panel-content { padding-left: 0; }

.bot-btn_area .pledge-wrap .content-bottom-util{width:100%;}
.rd-intro-con .ginfo-visual-banner { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/sub/rd-info-bg-img.jpg") no-repeat 81% 50%; }
.ginfo-intro-container .ginfo-visual-banner { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/sub/info-bg-img.jpg") no-repeat 81% 50%; background-size:cover;}
.mobile-menu-wrap { width: 100%; right: -100%; }
}

@media screen and (max-width:768px){
.sidebar-profile{position:relative;}
.profile-img{display:none !important;}
.profile-info{flex-direction:column;align-items:flex-end;gap:0.35rem;}
.profile-time{font-size:1.1rem;display:none;}
.profile-utils{position:absolute;right:0;top:6.5rem;background:#fff;box-shadow:0 0.4rem 0.9rem rgba(0,0,0,0.1);padding:0.7rem;border-radius:0.5rem;border:0.1rem solid #cbd5e1;display:none;}
.profile-utils.is-open{display:flex;}
.gne-modern-login-container{background:#fff;}
.gne-brand-side{display:none;}
.gne-form-side{padding:2.6rem 1.8rem;}
.gne-page-title{font-size:2.2rem;}
.gne-login-card{box-shadow:none;padding:1.8rem 1.8rem;}
.gne-selector-btn{font-size:1.5rem;}
.gne-form-options{flex-direction:column;align-items:flex-start;gap:1.4rem;}
.gne-link-group{width:100%;justify-content:space-between;}
.gne-btn-login{height:4.8rem;}
.gne-extra-box{padding:1.4rem;}
.auth-card-container{max-height:none;padding-right:0;}
.auth-card-item label{padding:1.1rem 1.2rem;gap:0.7rem;}
.auth-card-item .auth-num{margin-right:0.9rem;font-size:1.3rem;}
.auth-card-item .auth-title{font-size:1.3rem;}
.auth-card-item .auth-badge{font-size:1.3rem;padding:0.25rem 0.7rem;}
.footer-quick .popup-wrap .popup-in{padding:3rem;}
.footer-quick .popup-wrap .pop-tit{padding-top:0;}
.footer-quick .layout{flex-direction:column;}
.footer-quick .layout .link{width:100%;border-right:none;border-bottom:0.1rem solid #e2e8f0;justify-content:space-between;padding:1rem 2rem;font-size:1.4rem;}
.footer-quick .layout .link:last-child{border-bottom:none;}
.popup-wrap .popup{width:95%;padding:0;}
.footer-quick .popup-wrap .pop-foot-links li{width:50%;}
.footer-quick .popup-wrap .pop-foot-links li a{font-size:1.7rem;}
.footer-quick .popup-wrap .popup-close{top:1rem;right:3rem;}
.footer-policy .labeling .list > li{width:33%;}
.footer-policy .labeling .list > li a{padding:0.5rem;}
.footer-policy .labeling .list > li a img{padding:1rem;width:6rem;}
.footer-policy .labeling .list > li a span{font-size:1.4rem;}
.footer_info{flex-direction:column;gap:1.5rem;}
.info_right{width:100%;}
.footer_select_group{flex-direction:column;gap:1rem;}
.custom_dropdown{width:100%;}
.dropdown_btn{width:100%;}
.dropdown_menu{bottom:auto;top:4.2rem;}
.basics-helpbox{flex-direction:column;align-items:flex-start;gap:1.6rem;padding:2rem;}
.box-help-text{display:block;}
.box-help-text > div{margin-top:1rem;}
.com-list-container{padding:0 !important;}
.com-list-search-bar{flex-direction:column;align-items:flex-start;gap:2rem;padding:2.5rem;border-radius:2rem;}
.com-list-search-input-wrap{max-width:100%;}
.com-list-item{position:relative;padding:2rem 2rem;align-items:flex-start;}
.com-list-badge{width:9rem;height:3rem;border-radius:10rem;font-size:1.3rem;}
.com-list-content{width:calc(100% - 0rem);padding-right:0;}
.com-list-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.6rem;}
.com-list-info{padding-left:0;margin-top:0.5rem;}
.com-list-action{padding-left:0;margin-top:1rem;width:auto;position:static;right:0;bottom:2rem;width:100%;}
.com-list-link-btn{width:9rem;height:3.8rem;font-size:1.3rem;width:100%;}
.a-logout-box {padding: 3rem;}
.auto-logout-area .gne-card-title::before {background-size: 9rem;padding: 6rem;}
.auto-logout-area .a-logout-util {margin-top: 1rem;}

.gencheck-status-badge.gencheck-is-error { animation: errorPulse 2s infinite; }
.gencheck-wrap { padding: 1.5rem; }
.gencheck-container { max-height: 92vh; border-radius: 1.2rem; padding: 2.0rem 2.0rem 1.0rem 2.0rem; }
.gencheck-header-top { flex-direction: column; gap: 1.5rem; align-items: center; padding: 1.5rem 0; text-align: center; }
.gencheck-logo-area { text-align: center; }
.gencheck-title { font-size: 2.2rem; background-position: top center; padding: 5.0rem 0 1.0rem 0; text-align: center; }
.gencheck-meta-info-grid { grid-template-columns: 1fr; gap: 0; padding: 0; margin: 2.0rem 0 0 0; }
.gencheck-meta-item { border-right: none; border-bottom: 0.1rem solid #e2e8f0; padding: 1.5rem; flex-direction: row; justify-content: space-between; align-items: center; text-align: left; }
.gencheck-meta-item:last-child { border-bottom: none; }
.gencheck-content { margin: 2.0rem 0; }
.gencheck-table-header { display: none; }
.gencheck-table { border-bottom: none; }
.gencheck-row { flex-direction: column; border: 0.1rem solid #e2e8f0; margin-bottom: 1.5rem; border-radius: 0.8rem; overflow: hidden; }
.gencheck-category-cell { width: 100%; border-right: none; border-bottom: 0.1rem solid #e2e8f0; padding: 1.5rem; justify-content: flex-start; background-color: #f1f5f9; text-align: left; }
.gencheck-content-cell { width: 100%; }
.gencheck-item-block { grid-template-columns: 1fr; border-bottom: 0.1rem solid #e2e8f0; }
.gencheck-item { padding: 1.6rem; }
.gencheck-status-cell { width: 100%; padding: 1.2rem 1.6rem; justify-content: flex-end; background-color: #f8fafc; border-top: 0.1rem solid #f1f5f9; }
.gencheck-action-box-wrap { grid-column: 1 / span 1; padding: 1.2rem 1.6rem; }
.gencheck-sub-action-item { flex-direction: column; align-items: flex-start; gap: 1.0rem; padding: 1.2rem 0; width: 100%; }
.gencheck-action-text { width: 100%; }
.gencheck-action-btn { align-self: flex-end; }
.gencheck-sticky-btn-area { padding: 1.5rem 0rem; border-radius: 0 0 1.2rem 1.2rem; }
.gencheck-btn-primary, .gencheck-btn-secondary { flex: 1; text-align: center; padding: 1.2rem 1.0rem; }

.ginfo-intro-container .ginfo-tab-menu-btn { font-size: 1.5rem; padding: 1.2rem 0; }
.ginfo-intro-container .ginfo-info-grid { grid-template-columns: 1fr; }
.ginfo-intro-container .ginfo-additional-grid { grid-template-columns: 1fr; }
.ginfo-intro-container .custom-table { font-size: 1.4rem; }
.ginfo-intro-container .custom-table th, .ginfo-intro-container .custom-table td { padding: 1rem 0.8rem; }
.rd-intro-con .ginfo-visual-banner { padding: 4rem 2.5rem; }
.rd-intro-con .ginfo-intro-title { font-size: 2.6rem; }
.rd-intro-con .ginfo-tab-menu-list { flex-wrap: wrap; border-bottom: none; gap: 0.5rem; }
.rd-intro-con .ginfo-tab-menu-item { flex: 0 0 calc(50% - 0.25rem); }
.rd-intro-con .ginfo-tab-menu-btn { background: #F8FAFC; border: 0.1rem solid #E2E8F0; border-radius: 0.8rem; padding: 1.4rem 0; }
.rd-intro-con .ginfo-tab-menu-btn.ginfo-active { background: #F0F8FF; border-color: #005AAB; }
.rd-intro-con .ginfo-tab-menu-btn.ginfo-active::after { display: none; }
.rd-intro-con .info-summary-cards { flex-direction: column; gap: 1.5rem; }
.rd-intro-con .custom-table th { display: none; }
.rd-intro-con .custom-table tr {display: block;/* border-bottom: 0.1rem solid #E2E8F0; */padding: 0rem 0;}
.rd-intro-con .custom-table tr:last-child {/* border-bottom: none; */}
.rd-intro-con .custom-table td { display: block; width: 100%; padding: 0.8rem 2rem; border: none; text-align: left !important; }
.rd-intro-con .custom-table td::before { content: attr(data-label); display: block; font-size: 1.2rem; font-weight: 700; color: #94A3B8; margin-bottom: 0.4rem; }
.rd-intro-con .td-amount .data-group { padding: 0; background: none; color: #0284C7; }

.com-list-area-wrap { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
.com-list-area-title h3 { font-size: 2rem; padding-left: 1.2rem; }
.com-list-area-title h3::before { height: 1.6rem; width: 0.3rem; }
.com-list-area-wrap .com-category-tab { width: 100%; justify-content: flex-start; }
.com-list-area-wrap .com-category-tab .tab-item { font-size: 1.2rem; padding: 0.5rem 1.5rem; }
.sub-wrapper .profile-info {flex-direction: row;}
}
@media screen and (max-width: 500px) {
.ginfo-intro-container .ginfo-tab-menu-list { flex-wrap: wrap; position: static; }
.ginfo-intro-container .ginfo-tab-menu-item { flex: 0 0 100%; }
.ginfo-intro-container .ginfo-target-grid { grid-template-columns: 1fr; }
.ginfo-intro-container .ginfo-step-grid { grid-template-columns: 1fr; }
.ginfo-intro-container .ginfo-intro-title { font-size: 2.4rem; }
.footer_select_group {width: 100%;}
.footer_select_group .dropdown_btn {width: 100%; min-width: 100%;}
.header-logo a {width: 8rem !important;}
.sub-before_login a span {font-size: 1.3rem;}
.sub-before_login a i {font-size: 1.8rem;}
.sub-header-area {padding: 0rem 1rem;}
.login-wrap .gne-form-side {}
}