.d_clear {clear:both}

/* [Mobile First] 기본 스타일 (전체 화면 ~ 1199px까지 적용) */
#header {position:fixed; z-index:999; width:100%; max-width:2000px; min-width:320px; left:0; right:0; top:0;}
body.scroll #header {-webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.1); -moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.1); box-shadow:0 0 30px 0 rgba(0,0,0,0.1);}

#header .bg {position:absolute; left:0; top:0; width:100%; height:100%; opacity:1; transition:0.5s;}
body.lnb_on {overflow:hidden}
body.lnb_on #d_lnb_mask {position:fixed;left:0;top:0;width:100%;height:100%;z-index:990; background:rgba(0,0,0,0.4)}

#d_gnb {position:fixed;left:-100%;top:0;height:60px;width:100%;background:#fff;z-index:998;max-width:480px;display:flex;align-items:center;}
#d_gnb a img {height: 24px;margin:0 0 0 20px;}

#d_gnb .close {width:60px; height:60px; cursor:pointer; display:flex; align-items:center; justify-content:center; margin-left:auto;}
#d_gnb .close:after {content:'close'; font-family:var(--ic); font-size:2rem; font-weight:300;}

#hs2 {position:relative; background:#fff; height:60px; padding:0 3%;}
#hs2 h1 {height:60px;display:flex;align-items:center;justify-content:flex-start;}
#hs2 h1 a {height:24px;}
#hs2 h1 a img {height: 100%; display:block; }
#d_lnb_bg {display:none}
#d_lnb_btn {position:absolute; top:0; right:3%; cursor:pointer; width:25px; height:60px; display:flex; align-items:center; justify-content:center;}
.icon-bar {display:block; margin:5px auto; width:25px; height:2px; background:#333;}

#d_lnb {position:fixed; left:-100%; top:60px; width:100%; max-width:480px; height:calc(100vh - 60px); overflow:hidden; background:#fff; z-index:997;}
#d_lnb ul {display:grid; grid-template-columns:40% 60%; grid-auto-rows:minmax(58px, auto); align-content:start; height:100%; overflow:auto; background:linear-gradient(to right, var(--col02) 0 40%, #fff 40% 100%);}
#d_lnb li {display:contents;}
#d_lnb li > a {display:flex;align-items:center;min-height:58px;padding:0 20px;font-size:1.125rem;position:relative;/* font-weight:600; */color:#fff;box-sizing:border-box;}
#d_lnb li > a:after {display:none;}
#d_lnb li.on > a {background:var(--col01)}
#d_lnb li.on > a:after {display:none;}

#d_lnb li .sub {display:none; grid-column:2; grid-row:1 / span 100; min-height:100%; background:#fff; padding:0; transition:0.2s; overflow:visible;}
#d_lnb li.on .sub {display:block; height:auto !important;}
#d_lnb li .sub dl {padding:0 0 30px;}
#d_lnb li .sub dd {position:relative;}
#d_lnb li .sub dd a {display:flex;align-items:center;min-height:58px;padding:0 20px;font-size:1rem;/* font-weight:600; *//* color:#111; */line-height:1.35;box-sizing:border-box;}
#d_lnb li .sub dd a:hover {font-weight:600;}
#d_lnb li .sub dd.dep > a {padding-right:42px;}
#d_lnb li .sub dd.dep > a:after {content:'keyboard_arrow_down'; font-family:var(--ic); position:absolute; right:18px; top:29px; transform:translateY(-50%); color:#444; font-size:1.25rem; line-height:1;}
#d_lnb li .sub dd.dep.on > a:after {content:'keyboard_arrow_up';}
#d_lnb li .sub dd.dep > div {display:none; position:static; width:100%; box-sizing:border-box;}
#d_lnb li .sub dd.dep.on > div {display:block;}
#d_lnb li .sub dd.dep > div a {min-height:0;padding:10px 20px;font-size:0.9375rem;font-weight:400;/* color:#111; */}

#d_lnb .tail {display:none;}

@media all and (max-width:1199px) {
	#d_lnb li .sub dd {border-bottom:1px solid var(--border);}
	#d_lnb li .sub dd.dep > div {padding:10px 0; background:#fafafa; border-top:1px solid var(--border);}
}


/*pc (1200px 이상일 때 모바일 스타일을 덮어씀) */
@media all and (min-width:1200px) {
	body.scroll #hs1 {display:none;}
	body.pc {min-width:1200px}

	#header {display:block; width:100%; max-width:2000px; height:120px; margin:0 auto; background:#fff; position:fixed; top:0; z-index:999; transition:0.2s;}
	#header::after {content:''; display:none; position:absolute; left:0; right:0; bottom:-1px; height:1px; background:var(--border); z-index:1000; pointer-events:none;}
	body.scroll #header { 
        height: 120px; /* 기존 70px에서 실제 줄어드는 높이인 90px로 수정 */
        box-shadow: 0 0 30px 0 rgba(0,0,0,0.05); 
    }
	body.lnb_over #header {border-bottom:0;}
	body.lnb_over #header::after {display:block;}

	#header .bg {display:none; position:absolute; left:0; top:120px; width:100vw; height:100vh; background:rgba(0,0,0,0.2); z-index:-1;}
	body.lnb_over #header .bg {display:block;}

	#hs1 {position:relative; overflow:hidden; display:none;}
	#hs2 {position:relative; width:100%; height:120px; padding:0;} /* 높이 확장 및 패딩 초기화 */
	body.scroll #hs2 {height: 120px;}
	#hs2 .d_container {display:flex; align-items:center; height:100%;}
	#hs2 h1 {width:360px;padding:0 0 0 min(60px, 3%);height:120px;}
	body.scroll #hs2 h1 {height: 120px; }
	#hs2 h1 a {display:flex; align-items:center; width:100%; height:100%;}
	#hs2 h1 a img {transition:0.2s;}

	#d_lnb_bg {display:block; position:absolute; left:0; top:120px; width:100%; height:0; background:#fff; overflow:visible !important; z-index:998;}
	#d_lnb_bg::before {content:''; display:none; position:absolute; left:50%; top:0; width:100vw; height:1px; background:var(--border); transform:translateX(-50%); z-index:1;}
	
	body.scroll #d_lnb_bg {top:120px;}

	body.lnb_over #d_lnb_bg {min-height:240px;}
	body.lnb_over #d_lnb_bg::before {display:none;}
	body.lnb_over #d_lnb_bg .shadow {display:block}
	#d_lnb_bg > .d_container {overflow:hidden; height:100%;}

	#d_lnb_btn {display:none}

	/* ★ 중요: 모바일 좌측 숨김 및 고정 풀고 PC용 레이아웃으로 전면 리셋 */
	#d_lnb {
		position: static;     /* fixed 해제 */
		left: 0;              /* 바깥으로 튕겨나간 위치 제자리로 */
		top: 0; 
		width: 100%; 
		max-width: none;      /* 모바일용 480px 제한 해제 */
		height: 120px; 
		display: flex; 
		padding: 0 min(60px, 3%) 0 0;
		background: transparent; 
		z-index: auto; 
		overflow: visible;    /* 스크롤바 삭제 */
	}
	body.scroll #d_lnb {height: 120px;}

	#d_lnb ul {position:relative; display:flex; justify-content:flex-end; width:calc(100% - 50px); height:100%; overflow:visible; background:transparent; grid-template-columns:none; grid-auto-rows:auto; align-content:normal;}
	
	/* ★ 중요: 모바일 둥근 테두리 및 마진 제거 */
	#d_lnb li {
		display:block;
		flex:1; 
		max-width:190px; 
		position:relative;
		border:none;          /* 테두리 제거 */
		border-radius:0;      /* 둥근 모서리 초기화 */
		margin:0;             /* 상하좌우 여백 초기화 */
		overflow:visible;
	}
	#d_lnb li:after {content:''; display:inline-block; width:0; height:2px; background:#1758a7; position:absolute; left:50%; bottom:0; transition:0.2s; z-index:1001;}
	#d_lnb li:hover {z-index:1001;}
	#d_lnb li.on:after {width:100%; left:0%;}
	

	#d_lnb li > a {display:flex; align-items:center; justify-content:center; height:100%; font-size:1.375rem; font-weight:600; text-align:center; transition:0.2s; line-height:1.2; padding:0; color:#111; background:transparent;}
	#d_lnb li.on > a {background:transparent;}
	#d_lnb li > a:after {display:none;} /* 화살표 없애기 */
	#d_lnb li:hover > a {color:#1758a7;}
	body.scroll #d_lnb li > a {font-size:1.375rem;}

	#d_lnb li .sub {
		display: none;        /* ⭐ 평소에는 자리를 차지하지 않고 즉시 숨김 */
		position: absolute; 
		width: 100%; 
		height: auto;         /* ⭐ height: 0 대신 자동으로 설정 */
		z-index: 999; 
		border-right: 1px solid var(--border);
		border-top: none;
		background: #fff;     /* 배경판 유실을 대비해 자체 흰색 배경 부여 */
		padding: 0;
	}
	#d_lnb li:hover .sub {z-index:1002;}
	body.scroll #d_lnb li .sub {
        top: 120px;  /* ⭐ 스크롤 시 서브메뉴 목록도 90px 위치에서 내려오도록 설정 */
    }
	body.lnb_over #d_lnb li .sub {
		display: block;       /* ⭐ 배경판이 늘어날 때 글자도 함께 등장 */
		min-height: 240px;
	}
	#d_lnb li.d1 .sub {border-left:1px solid var(--border);}
	#d_lnb li .sub dl {padding:0;}
	#d_lnb li .sub dd:not(:last-of-type) {/* margin-bottom:5px; */}
	#d_lnb li .sub dd {position:relative; border-bottom:0;}
	#d_lnb li .sub dd > a,
	#d_lnb li .sub dd.dep > div a {display:flex;align-items:center;justify-content:center;width: 100%;min-height:40px;font-size:1.125rem;line-height:20px;text-align:center;box-sizing:border-box;}
	#d_lnb li .sub dd > a {padding:10px 24px;}
	#d_lnb li .sub dd > a:hover {background:linear-gradient(to left, var(--col03), var(--col02)); color:#fff; font-weight:500;}
	#d_lnb li .sub dd.dep > a:after {content:'keyboard_arrow_right'; font-family:var(--ic); position:absolute; right:1px; top:50%; transform:translateY(-50%); color:#999; font-size:1rem; line-height:1;}
	#d_lnb li .sub dd.dep:hover > a {background:linear-gradient(to left, var(--col03), var(--col02)); color:#fff; font-weight:500;}
	#d_lnb li .sub dd.dep:hover > a:after {color:#fff;}
	#d_lnb li .sub dd.dep > div {display:none; position:absolute; left:100%; top:0; width:101%; min-width:0; background:#94BFE6; z-index:1003; box-sizing:border-box;}
	#d_lnb li .sub dd.dep:hover > div {display:block;}
	#d_lnb li .sub dd.dep > div a {padding:10px;color:#fff;}
	#d_lnb li .sub dd.dep > div a:hover {background:#7ca8d7; font-weight:500;}
	#d_lnb li .sub dd a[target='_blank']:after {font-family:var(--ic); content:'open_in_new'; margin:0 0 0 0.5rem;}

	#d_lnb .tail {display:flex; justify-content:flex-end; align-items:center; gap: 15px;}
	#d_lnb .tail a.donation {}
	#d_lnb .tail a.sitemap {width:43px;height:43px;display:flex;align-items:center;justify-content:center;transition:0.2s;background-color:#F4F4F4;border-radius: 6px;}
	#d_lnb .tail a.sitemap span {display:block;width: 20px;height:2px;margin:5px 0;background: #888;}
body.scroll #d_lnb .tail a.sitemap {
        /* height: 120px; */ /* ⭐ 우측 전체메뉴 삼선 버튼 높이도 90px로 매칭 */
    }
	#d_lnb_mask {display:none}
}

@media all and (min-width:1600px) {
	#d_lnb li .sub dd a {font-size:1.125rem;}
	#d_lnb li.tail .lang {margin-right:40px;}
}