header { position: fixed; top: 0; left: 0; width: 100%; height: auto;  background-color: rgba(255, 255, 255, 1); z-index: 999;  border-bottom: 1px solid transparent; /*transition: all .3s ease-in-out;*/ transition:all .3s ease-in-out; }
header.on {border-bottom:solid 1px #ddd;}
/*header.on::before {content:"";position:absolute; top:98px; left:0; z-index:900; display:block; width:100vw; height:calc(100vh - 98px);  background:rgba(0,0,0,.3); }*/
header.on .menu_bg {display:block;position:absolute; top:98px; left:0; z-index:901; display:block; width:100vw; height:380px;  background:#fff; border-bottom:solid 1px #ddd;  }

header .container { display: flex; justify-content: space-between; align-items:center; padding: 0 50px; max-width: 1920px; height: auto; min-height:97px; background:#fff;}
header #logo {width:140px; }
header #logo img {width:100%;}

header.on,
header.scroll {filter: drop-shadow(0px 5px 4px rgba(0,0,0,.1));}

/* GNB */
header #gnb { width: 100%; height:97px; max-width: 963px; transition: all .3s ease-in-out; background:#fff; }
/*header #gnb.on { height: 400px; }*/
header #gnb nav {width: 100%; height:100%; display:flex; align-items:center;  justify-content: space-between;}

header #gnb .depth_1 { display: flex; align-items:center; justify-content: space-between; width: 100%; height: 100%; }
header #gnb .depth_1 > li { height:100%; height:100%;  position:relative;  }
header #gnb .depth_1 > li > a { display: flex; align-items:center; width:100%; height:100%; position:relative; font-size:18px; font-weight:500; color:#000;}
header #gnb .depth_1 > li { display: flex; align-items: center; color: #fff; transition: opacity .3s ease-in-out; }
header #gnb .depth_1 > li:has(a[href='/kr/policy/']) {display: none;}
header #gnb .depth_1 > li > a > i.ico { position:absolute; top:50%; transform:translateY(-12px); right:-15px; width: 10px; height: 10px; font-size: 0px; color: transparent; background-image: url('/images/main/link-ico3.png'); background-size: 100%; }
header #gnb .depth_1 > li > a > i.ico { background-image: url('/images/main/link-ico2.png'); }

header #gnb-right {display:flex; align-items:center; justify-content:flex-end; gap:21px;}
header #gnb-right  a.btn_sitemap { display: block; width: 37px; height: 37px; font-size: 0; color: transparent; background:url(/images/common/header-ico-sitemap.svg) no-repeat center;  }
header #gnb-right  a.btn_sitemap.close {background:url(/images/common/btn_sitemap_close.svg) no-repeat center;}

header #gnb-right .btn_lang {width:127px; padding:7px 9px; background:#f7f4f2; border-radius:10px;}
header #gnb-right .btn_lang .btn_lang_inner {display:flex; align-items:center; }
header #gnb-right .btn_lang .btn_lang_inner a {display:block; width:59px; height:37px; text-align:center; line-height:37px; font-size:16px; color:#000; font-weight:500;}
header #gnb-right .btn_lang .btn_lang_inner a.on {background:#000; color:#fff; border-radius:10px; }

header #gnb-right .btn_lang .btn_lang_inner:hover a {background:none; color:#000;}
header #gnb-right .btn_lang .btn_lang_inner a:hover {background:#000; color:#fff; border-radius:10px; }

header #gnb .depth_1 > li > ul.depth_2 {display:none; position:absolute; left:0; top:135px;  z-index:902; text-align:left; /*display:flex;*/}
header #gnb .depth_1 > li.on:nth-child(1) > ul.depth_2 {display:flex;  align-items:flex-start;  gap:90px;}
header #gnb .depth_1 > li.on:nth-child(2) > ul.depth_2 {display:block;}
header #gnb .depth_1 > li.on:nth-child(3) > ul.depth_2 {display:flex; left:-100px; flex-direction: column; flex-wrap:wrap;  gap:0 90px; max-height:300px;}
header #gnb .depth_1 > li.on:nth-child(4) > ul.depth_2 {display:flex; left:-280px; align-items:flex-start;  gap:90px;}
header #gnb .depth_1 > li.on:nth-child(6) > ul.depth_2 {display:flex; left:-400px; align-items:flex-start;  gap:90px;}
header #gnb .depth_1 > li.on:nth-child(7) > ul.depth_2 {display:block; left:-10px;}

header.en #gnb .depth_1 > li.on:nth-child(5) > ul.depth_2 {display:flex; left:-600px; align-items:flex-start;  gap:90px;}
header.en #gnb .depth_1 > li.on:nth-child(6) > ul.depth_2 {display:block; left:-10px;}


header #gnb .depth_1 > li > ul.depth_2 > li {margin-bottom:10px;}
header #gnb .depth_1 > li > ul.depth_2 > li > a {display:block; color:#454545; font-size:22px; font-weight:500; margin-bottom:25px; white-space:nowrap;}
header #gnb .depth_1 > li > ul.depth_2 > li > ul.depth_3 > li > a {position:relative; padding-left:0; display:inline-block; color:#666; font-size:16px; font-weight:400; margin-bottom:18px;  white-space:nowrap;}

header #gnb .depth_1 > li > ul.depth_2 > li > ul.depth_3 > li > a > i.ico { position:absolute; top:50%; transform:translateY(-9px); right:-15px; width: 10px; height: 10px; font-size: 0px; color: transparent; background-image: url('/images/main/link-ico3.png'); background-size: 100%; }
header #gnb .depth_1 > li > ul.depth_2 > li > ul.depth_3 > li > a > i.ico { background-image: url('/images/main/link-ico2.png'); }

/*header #gnb .depth_1:hover > li > ul.depth_2 { width:100%; position:absolute; left:0; top:97px; display:block; background:#000;}*/

/* SITEMAP */

/*html, body {overflow:hidden;}*/

#sitemap { display:none; position: fixed; top: 85px; left: 0; width: 100%; height:100vh; background-color: #fff; overflow-y:auto;}
#sitemap .box { margin: 0 auto; padding: 50px 20px 250px; width:100%; height:auto; max-width: 1520px; text-align:left; }
#sitemap .box ul.depth_1 {}
#sitemap .box ul.depth_1 > li {padding:40px 0 40px 40px; display:flex; }
#sitemap .box ul.depth_1 > li + li {border-top: solid 1px #DFDFDF; }

#sitemap .box ul.depth_1 > li .depth_1_ti {width:270px;}
#sitemap .box ul.depth_1 > li .depth_1_ti a {font-size:22px; color:#000; font-weight:700; line-height:1.4; position:relative; padding-right:17px;} 
#sitemap .box ul.depth_1 > li .depth_1_ti a i.ico { position:absolute; top:5px; right:0; display:block; width:16px; height:16px; font-size:0; background:url(/images/common/ico-sitemap_depth1_blank.svg) no-repeat right top;  }

#sitemap .box ul.depth_1 > li > ul.depth_2 {display:flex; width:calc(100% - 270px); padding-top:3px; }
#sitemap .box ul.depth_1 > li > ul.depth_2 > li {width:20%;}
#sitemap .box ul.depth_1 > li > ul.depth_2 > li > a {display:block; font-size:18px; line-height:1.4; font-weight:500; color:#000; margin-bottom:16px;}

#sitemap .box ul.depth_1 > li > ul.depth_2 > li > ul.depth_3 > li {}
#sitemap .box ul.depth_1 > li > ul.depth_2 > li > ul.depth_3 > li a {font-size:16px; font-weight:400; color:#666; line-height:1.4;  position:relative; padding-right:17px; } 
#sitemap .box ul.depth_1 > li > ul.depth_2 > li > ul.depth_3 > li a i.ico { position:absolute; top:3px; right:0; display:block; width:16px; height:16px; font-size:0; background:url(/images/common/ico-sitemap_depth3_blank.svg) no-repeat right top;  }
#sitemap .box ul.depth_1 > li > ul.depth_2 > li > ul.depth_3 > li + li {margin-top:10px;}

@media (max-width: 1500px) {
	header .container {padding:0 30px;}
	header #gnb {max-width:64%;}
}

@media (min-width: 1280px) {
	header #gnb-right .btn_lang {display:block !important;}
}

@media (max-width: 1279px) {
	header .container {padding:0 20px 0 30px;}
	header #gnb {max-width:60%;}

	#sitemap .box ul.depth_1 > li .depth_1_ti {width:200px;}
	#sitemap .box ul.depth_1 > li > ul.depth_2 {width:calc(100% - 200px);}

	header #gnb-right .btn_lang {display:none;}

	header #gnb .depth_1 > li.on:nth-child(1) > ul.depth_2 {display:flex; left:-100px;  align-items:flex-start;  gap:60px;}
	header #gnb .depth_1 > li.on:nth-child(2) > ul.depth_2 {display:block;}
	header #gnb .depth_1 > li.on:nth-child(3) > ul.depth_2 {display:flex; left:-100px; flex-direction: column; flex-wrap:wrap;  gap:0 60px; max-height:300px;}
	header #gnb .depth_1 > li.on:nth-child(4) > ul.depth_2 {display:flex; left:-400px; align-items:flex-start;  gap:60px;}
	header #gnb .depth_1 > li.on:nth-child(6) > ul.depth_2 {display:flex; left:-450px; align-items:flex-start;  gap:60px;}
	header #gnb .depth_1 > li.on:nth-child(7) > ul.depth_2 {display:block; left:-10px;}

	header.en #gnb .depth_1 > li.on:nth-child(1) > ul.depth_2 {display:flex; left:-160px;  align-items:flex-start;  gap:60px;}
	header.en #gnb .depth_1 > li.on:nth-child(5) > ul.depth_2 {display:flex; left:-620px; align-items:flex-start;  gap:60px;}
	header.en #gnb .depth_1 > li.on:nth-child(6) > ul.depth_2 {display:block; left:-100px;}

}



@media (max-width: 1023px) {
	header #gnb {display:none;}

	#sitemap .box {padding:0 20px 150px; }

	#sitemap .box ul.depth_1 > li { flex-wrap:wrap; padding: 40px 0 40px 20px;}
	#sitemap .box ul.depth_1 > li > .depth_1_ti {width:100%; }
	#sitemap .box ul.depth_1 > li > .depth_1_ti a {font-size:26px;}
	#sitemap .box ul.depth_1 > li > .depth_1_ti > a:not([target="_blank"]) {margin-bottom:20px; display:inline-block;}
	#sitemap .box ul.depth_1 > li > .depth_1_ti > a br {display:none;}
	#sitemap .box ul.depth_1 > li > ul.depth_2 {width:100%;}

	#sitemap .box ul.depth_1 > li > ul.depth_2 {flex-wrap:wrap;}
	#sitemap .box ul.depth_1 > li > ul.depth_2 > li {width:25%;}

}

@media (max-width: 970px) {

}

@media (min-width: 768px) {
	#sitemap .box ul.depth_1 > li > ul.depth_2 {display:flex !important;}
}

@media (max-width: 767px) {
	#sitemap .box {padding:30px 0 100px;}
	#sitemap .box ul.depth_1 > li {padding:0;position:relative;}

	#sitemap .box ul.depth_1 > li > ul.depth_2 > li {width:100%; position:relative;}
	#sitemap .box ul.depth_1 > li > .depth_1_ti > a:not([target="_blank"]) {margin-bottom:0; display:block; width:100%; padding:15px 30px;}
	#sitemap .box ul.depth_1 > li > .depth_1_ti > a {margin-bottom:0; display:block; width:100%;  padding:15px 30px;}
	#sitemap .box ul.depth_1 > li > ul.depth_2 > li > a {margin-bottom:0; display:block; width:100%; padding:15px 30px;}
	#sitemap .box ul.depth_1 > li > ul.depth_2 > li:last-child {margin-bottom:20px;}

	#sitemap .box ul.depth_1 > li > ul.depth_2 > li > ul.depth_3 > li a { display:block; width:100%; padding:5px 20px 5px 40px;}
	#sitemap .box ul.depth_1 > li > ul.depth_2 > li > ul.depth_3 > li + li {margin-top:0;}
	#sitemap .box ul.depth_1 > li > ul.depth_2 > li > ul.depth_3 > li:last-child {margin-bottom:20px;}

	#sitemap .box ul.depth_1 > li .depth_1_ti a i.ico {top:50%; transform:translateY(-40%); right:25px;}
	#sitemap .box ul.depth_1 > li > ul.depth_2 > li > ul.depth_3 > li a i.ico {top:50%; transform:translateY(-50%); right:25px;}

	#sitemap .box ul.depth_1 > li:has(ul.depth_2)::after {display:block; content:""; position:absolute; top:30px; right:20px; width:19px; height:10px; background:url(/images/common/bul-sitemap-toggle.svg) no-repeat center;}
	#sitemap .box ul.depth_1 > li > ul.depth_2 > li:has(ul.depth_3)::after {display:block; content:""; position:absolute; top:20px; right:20px; width:19px; height:10px; background:url(/images/common/bul-sitemap-toggle2.svg) no-repeat center;}

	#sitemap .box ul.depth_1 > li.open:has(ul.depth_2)::after { transform:rotate(180deg); }

	#sitemap .box ul.depth_1 > li > ul.depth_2 {display:none;}
	#sitemap .box ul.depth_1 > li > ul.depth_2 > li > ul.depth_3 {display:none;}

	#sitemap .box ul.depth_1 > li > ul.depth_2 > li.open:has(ul.depth_3)::after { transform:rotate(180deg); }
	

}


@media (max-width: 600px) {
	header #logo {width:120px;}
	header #gnb-right {gap:13px;}
	header .container {padding: 0 15px 0 20px; min-height:70px;}
	header #gnb-right .btn_lang {width:112px;}
	header #gnb-right .btn_lang .btn_lang_inner a {font-size:14px; width:47px; height:30px; line-height:30px;}

	#sitemap {top:70px;}

}