@charset "utf-8";
/* ========================================================
 * DAEKUN MS — base.css (reset & tokens)
======================================================== */
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,300..700;1,300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700;800&display=swap');

:root{
	/* Brand */
	--navy:#131C3B;			/* 로고 실측 컬러 */
	--navy-deep:#0C1329;
	--navy-mid:#1B2749;
	--navy-line:rgba(255,255,255,0.12);
	--steel:#3E6EAF;		/* 포인트 : Steel Blue */
	--steel-light:#5C8FD0;
	/* Neutral */
	--bg:#ffffff;
	--bg-grey:#F4F6F9;
	--line:#E3E7EE;
	--text:#1A2033;
	--text-sub:#5C6577;
	--text-mute:#8A93A6;
	/* Layout */
	--area-wide-width:1840px;
	--area-box-width:1600px;
	--area-width:1440px;
	--area-narrow-width:1200px;
	--area-padding:30px;
	--header-top:40px;
	--header-height:100px;
	--transition-custom:all 0.4s ease-in-out;
	--transition-custom2:all 0.8s ease-in-out;
	--font-kr:"Noto Sans KR","맑은 고딕","Malgun Gothic",sans-serif;
	--font-en:"Jost","Noto Sans KR",sans-serif;
}

html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,b,i,dl,dt,dd,ol,ul,li,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,
details,figure,figcaption,footer,header,menu,nav,section,summary,time,mark,audio,
video,button,input,textarea,select,fieldset{
	margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;
}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
html{font-size:10px; -webkit-text-size-adjust:100%; scroll-padding-top:10rem}
body{
	font-family:var(--font-kr);
	font-size:1.6rem;
	font-weight:400;
	color:var(--text);
	line-height:1.6;
	background-color:var(--bg);
	word-break:keep-all;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
ol,ul{list-style:none}
table{border-collapse:collapse; border-spacing:0; width:100%}
img{max-width:100%; border:0; vertical-align:top}
a{color:inherit; text-decoration:none; background-color:transparent}
button{background:none; cursor:pointer; font-family:inherit; color:inherit}
b,strong{font-weight:700}
em,i{font-style:normal}
address{font-style:normal}
input,textarea,select{font-family:inherit; font-size:inherit}
::selection{background:var(--steel); color:#fff}

.blind{
	overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px;
	clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap;
}
.font-en{font-family:var(--font-en)}
.m-br{display:none}

/* 접근성 : 본문 바로가기 */
.skip-nav a{
	position:absolute; left:-9999px; top:0; z-index:100000;
	display:block; width:200px; padding:12px 0; text-align:center;
	background:var(--navy); color:#fff; font-size:1.5rem;
}
.skip-nav a:focus{left:0}

/* 공통 컨테이너 */
.area{max-width:var(--area-width); margin:0 auto; padding:0 var(--area-padding); box-sizing:border-box}
.area-box{max-width:var(--area-box-width); margin:0 auto; padding:0 var(--area-padding); box-sizing:border-box}
.area-wide{max-width:var(--area-wide-width); margin:0 auto; padding:0 var(--area-padding); box-sizing:border-box}
.area-narrow{max-width:var(--area-narrow-width); margin:0 auto; padding:0 var(--area-padding); box-sizing:border-box}

/* ========================================================
 * 이미지 슬롯 — 실사진 교체 전, 처리방식(톤·오버레이·크롭)을 물려받는 자리
======================================================== */
.img-slot{
	position:relative; overflow:hidden; background-color:var(--navy);
	background-image:
		radial-gradient(120% 90% at 22% 12%, rgba(92,143,208,0.42) 0%, rgba(92,143,208,0) 58%),
		radial-gradient(90% 80% at 88% 88%, rgba(19,28,59,0.9) 0%, rgba(19,28,59,0) 60%),
		linear-gradient(148deg, #1B2749 0%, #131C3B 46%, #0C1329 100%);
}
.img-slot:before{
	position:absolute; content:''; inset:0; opacity:0.5;
	background-image:repeating-linear-gradient(115deg, rgba(255,255,255,0.055) 0 1px, rgba(255,255,255,0) 1px 9px);
}
.slot-spec{
	position:absolute; left:2rem; bottom:2rem; z-index:2;
	display:inline-flex; align-items:center; gap:0.8rem;
	padding:0.7rem 1.4rem; border-radius:3rem;
	background:rgba(12,19,41,0.55); border:1px solid rgba(255,255,255,0.18);
	backdrop-filter:blur(0.6rem);
	max-width:calc(100% - 4rem); line-height:1.4;
	font-family:var(--font-en); font-size:1.3rem; font-weight:500; letter-spacing:0.01em;
	color:rgba(255,255,255,0.82);
}
/* 실제 이미지가 들어간 슬롯 : 그라디언트 대신 사진을 덮는다 */
.img-slot > img{position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover}
.img-slot.has-img:before{display:none}
.slot-spec:before{
	content:''; width:0.6rem; height:0.6rem; border-radius:50%;
	background:var(--steel-light); flex:none;
}