@charset "utf-8";
/*
  LNP 공통 CSS
  - default.css / base.css(그누보드 코어) 위에 로드됨. 리셋은 건드리지 않음.
  - 색상은 목업 기준 추정치. 프레이머 원본 색상 확보 시 --lnp-navy 등 값만 교체.
  - 클래스/ID는 전부 lnp- 접두어 (엠티코리아 style/layout/sub/styleMt.css 클래스와 충돌 방지).
*/

:root{
	/*--lnp-navy: #14315c;*/      /* 추정치 — 로고 네이비 계열 */
	/*--lnp-navy-dark: #0d2242;*/

	--lnp-navy: #0c406c;       /* 로고 실측값 */
	--lnp-navy-dark: #082d4d;  /* hover, 푸터 배경 (추정) */
	--lnp-text: #222222;
	--lnp-text-sub: #666666;
	--lnp-bg: #ffffff;
	--lnp-bg-soft: #f7f8fa;
	--lnp-border: #e5e7eb;
	--lnp-white: #ffffff;

	--lnp-header-h: 84px;
	--lnp-container-max: 1240px;
	--lnp-fs-gnb: 18px;

	  --grad-base: #4f6ab5;
	  --grad-purple: #42238a;
	  --grad-indigo: #3b3190;
	  --grad-dark: #1e1c3a;
}

.bg-gradient {
  background:
    radial-gradient(ellipse 60% 70% at 85% 85%, var(--grad-dark) 0%, transparent 70%),
    radial-gradient(ellipse 80% 80% at 60% 20%, var(--grad-purple) 0%, transparent 75%),
    radial-gradient(ellipse 70% 70% at 40% 55%, var(--grad-indigo) 0%, transparent 70%),
    var(--grad-base) !important;
}

/* LNP 그라데이션 배경 - 원본 JPEG 대비 평균 오차 약 1% */
.bg-gradient2 {
  background:
    radial-gradient(ellipse 53.2% 52.7% at 101.8% 62.4%, #131a36 0%, rgba(19,26,54,.85) 26%, rgba(19,26,54,0) 100%),
    radial-gradient(ellipse 43.4% 43.1% at 53.7% 54.5%, #2d3489 0%, rgba(45,52,137,.85) 42%, rgba(45,52,137,0) 100%),
    radial-gradient(ellipse 81.0% 82.6% at 73.7% 9.9%, #422b87 0%, rgba(66,43,135,.85) 37%, rgba(66,43,135,0) 100%),
    #2d71b8 !important;
}

.paper{font-family: "Paperlogy", -apple-system, BlinkMacSystemFont, "Segoe UI",Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;}
.lnp-main{ display:block; }
.lnp-container{
	width:100%;
	max-width:var(--lnp-container-max);
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box;
}

/* ===== 버튼 ===== */
.lnp-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:48px;
	padding:0 28px;
	border-radius:4px;
	font-size:15px;
	font-weight:600;
	text-decoration:none;
	transition:all .2s ease;
	box-sizing:border-box;
}
.lnp-btn--primary{ background:var(--lnp-navy); color:#fff; border:1px solid var(--lnp-navy); }
.lnp-btn--primary:hover{ background:var(--lnp-navy-dark); }
.lnp-btn--outline{ background:transparent; color:var(--lnp-navy); border:1px solid var(--lnp-navy); }
.lnp-btn--outline:hover{ background:var(--lnp-navy); color:#fff; }
.lnp-btn--outline-light{ border-color:#fff; color:#fff; }

/* ===== 헤더 / GNB ===== */
.lnp-header{
	position:fixed;
	top:0; left:0; right:0;
	height:var(--lnp-header-h);
	background:rgba(255,255,255,0.96);
	z-index:100;
	border-bottom:1px solid transparent;
	transition:background .2s ease, border-color .2s ease;
}
.lnp-header.is-scrolled{
	border-bottom-color:var(--lnp-border);
	box-shadow:0 2px 10px rgba(0,0,0,0.05);
}
.lnp-header-in{
	max-width:var(--lnp-container-max);
	margin:0 auto;
	height:100%;
	padding:0 20px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	box-sizing:border-box;
}
.lnp-logo{ display:block; }
.lnp-logo img{ height:42px; width:auto; display:block; }
.lnp-logo-text{ font-weight:800; font-size:20px; letter-spacing:-0.5px; }

.lnp-gnb{ display:none; } /* 1024px 이상에서 노출 */
.lnp-gnb ul{ display:flex; align-items:center; gap:60px; list-style:none; margin:0; padding:0; }
.lnp-gnb a{
	font-size:var(--lnp-fs-gnb);
	font-weight:600;
	color:var(--lnp-text);
	text-decoration:none;
}
.lnp-gnb a:hover{ color:var(--lnp-navy); }

.lnp-header-right{ display:flex; align-items:center; gap:20px; }
.lnp-inquiry-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	height:40px;
	padding:0 20px;
	background:var(--lnp-navy);
	color:#fff;
	font-size:14px;
	font-weight:600;
	border-radius:4px;
	text-decoration:none;
}

/* 모바일 메뉴 버튼 */
.lnp-menu-btn{
	width:40px; height:40px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	background:transparent;
	border:0;
	cursor:pointer;
}
.lnp-menu-btn span{
	display:block;
	width:22px; height:2px;
	background:var(--lnp-text);
	position:relative;
}
.lnp-menu-btn span::before,
.lnp-menu-btn span::after{
	content:"";
	position:absolute;
	left:0; width:22px; height:2px;
	background:var(--lnp-text);
}
.lnp-menu-btn span::before{ top:-7px; }
.lnp-menu-btn span::after{ top:7px; }

/* 모바일 사이드 메뉴 */
.lnp-mobile-nav{
	position:fixed; top:0; right:0;
	width:78%; max-width:340px; height:100%;
	background:#fff;
	transform:translateX(100%);
	transition:transform .3s ease;
	z-index:200;
	overflow-y:auto;
	
}
.lnp-mobile-nav.is-open{ transform:translateX(0); box-shadow:-4px 0 20px rgba(0,0,0,0.1);}
.lnp-mobile-nav-head{
	display:flex; align-items:center; justify-content:space-between;
	height:64px; padding:0 20px;
	border-bottom:1px solid var(--lnp-border);
}
.lnp-mobile-nav-close{ background:none; border:0; font-size:24px; line-height:1; cursor:pointer; }
.lnp-mobile-nav ul{ list-style:none; margin:0; padding:8px 0; }
.lnp-mobile-nav a{
	display:block; padding:14px 20px;
	font-size:16px; font-weight:600; color:var(--lnp-text);
	text-decoration:none;
	border-bottom:1px solid var(--lnp-border);
}
.lnp-mobile-nav-inquiry{ padding:20px; }
.lnp-mobile-nav-inquiry .lnp-btn{ width:100%; }
.lnp-mobile-nav-logo{ font-weight:800; font-size:18px; }
.lnp-mobile-nav-logo img{ height:40px; width:auto; display:block; }
.lnp-mobile-sns{ display:flex; gap:12px; padding:0 20px 24px; }
.lnp-mobile-sns a{
	width:36px; height:36px;
	border-radius:50%;
	background:var(--lnp-bg-soft);
	display:flex; align-items:center; justify-content:center;
	font-size:13px; color:var(--lnp-text-sub);
	text-decoration:none;
}
.lnp-mobile-dim{
	position:fixed; inset:0;
	background:rgba(0,0,0,0.4);
	opacity:0; visibility:hidden;
	transition:opacity .3s ease;
	z-index:150;
}
.lnp-mobile-dim.is-open{ opacity:1; visibility:visible; }

.lnp-mobile-nav .lnp-mobile-nav-inquiry .lnp-btn{
	display:flex; justify-content:center;
	padding:0 28px; color:#fff;
	border-bottom:1px solid var(--lnp-navy);
}
.lnp-mobile-sns a{ padding:0; border-bottom:0; }



.lnp-lang{ position:relative; }
.lnp-lang-btn{
	display:inline-flex; align-items:center; gap:6px;
	height:40px; padding:0 4px;
	background:none; border:0; cursor:pointer;
	font-size:14px; font-weight:600; color:var(--lnp-text);
}
.lnp-lang-list{
	display:none; position:absolute; top:100%; right:0; min-width:72px;
	margin:0; padding:6px 0; list-style:none;
	background:#fff; border:1px solid var(--lnp-border); border-radius:4px;
	box-shadow:0 6px 16px rgba(0,0,0,0.08);
}
.lnp-lang:hover .lnp-lang-list,
.lnp-lang:focus-within .lnp-lang-list{ display:block; }
.lnp-lang-list a{
	display:block; padding:8px 16px;
	font-size:14px; font-weight:600; color:var(--lnp-text); text-decoration:none;
}
.lnp-lang-list a:hover{ color:var(--lnp-navy); }



.lnp-mobile-lang{ display:flex; gap:8px; padding:16px 20px 0; }
.lnp-mobile-lang a{
	padding:6px 14px; border:1px solid var(--lnp-border); border-radius:20px;
	font-size:13px; font-weight:600; color:var(--lnp-text-sub);
}
.lnp-mobile-lang a.is-on{ background:var(--lnp-navy); border-color:var(--lnp-navy); color:#fff; }

/* ===== 푸터 ===== */
.lnp-footer{
	background:var(--lnp-navy-dark);
	color:#cbd5e1;
	padding:40px 0;
}
.lnp-footer-in{
	max-width:var(--lnp-container-max);
	margin:0 auto;
	padding:0 20px;
	display:flex;
	flex-direction:column;
	gap:32px;
}
.lnp-footer-side{
	display:flex;
	flex-direction:column;
	gap:20px;
}
.lnp-footer-nav{
	display:flex; flex-wrap:wrap; gap:8px 24px;
	list-style:none; margin:0; padding:0;
}
.lnp-footer-nav a{ font-size:14px; font-weight:600; color:#cbd5e1; text-decoration:none; }
.lnp-footer-nav a:hover{ color:#fff; }
.lnp-footer-copy{ margin:0; font-size:12px; color:#64748b; }
.lnp-footer-logo{ height:auto; margin-bottom:16px; }
.lnp-footer-logo img{ height:40px; width:auto; display:block; filter:brightness(0) invert(1); }
.lnp-footer p{ margin:0; font-size:13px; line-height:1.8; color:#94a3b8; }
.lnp-footer strong{ color:#e2e8f0; }
.lnp-footer-logo strong{ font-size:18px; color:#fff; }

.hd_pops_con p{margin:0;}

@media screen and (max-width:1023px){
	.lnp-lang{ display:none; }
}

@media screen and (max-width: 1024px) {
	#hd_pop{top: 60px !important; left:20px !important;width:80% !important;}
	.hd_pops{position:static !important;width:100%;height:auto;max-width:450px;}
	.hd_pops_con{width:100% !important;height:auto !important;}
	.hd_pops_con br{display:none;}
}

@media screen and (min-width:1024px){
	.lnp-gnb{ display:block; }
	.lnp-menu-btn{ display:none; }
	.lnp-logo img{ height:52px; }

	.lnp-footer{ padding:56px 0; }
	.lnp-footer-in{ flex-direction:row; justify-content:space-between; }
	.lnp-footer-side{ align-items:flex-end; justify-content:space-between; text-align:right; }
	.lnp-footer-nav{ justify-content:flex-end; gap:8px 32px; }
}

/* index.html 인라인 style에서 이동: 고정 헤더 높이만큼 본문을 밀어주는 스페이서 (glnb.php 끝에 위치) */
.lnp-page-top-space{ height:var(--lnp-header-h); }