.d_clear {clear:both}

/*pc*/
@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:100px; margin:0 auto; position:fixed; z-index:999;}
	body.scroll #header {height:70px; -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,0.05); -moz-box-shadow:0 0 30px 0 rgba(0,0,0,0.05); box-shadow:0 0 30px 0 rgba(0,0,0,0.05); background:#fff;}
	body.lnb_over #header {background:#fff;}
	body:not(.scroll, .lnb_over) #header {border-bottom:1px solid #ffffff20;}
	.fp-viewing-info #header {background:#20202060; backdrop-filter:blur(20px);}

	#header .bg {display:none; position:absolute; left:0; top:100px; 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%;}
	#hs2 .d_container {display:flex; align-items:stretch;}
	#hs2 h1 {width:240px; flex-shrink:0; padding:0 0 0 20px;}
	#hs2 h1 a {display:flex; align-items:center; width:100%; height:100%;}
	#hs2 h1 a img {height:44px; transition:0.3s;}

	#d_lnb_bg {position:absolute; left:0; top:100px; width:100%; height:0; background:var(--lbg); overflow:visible !important; z-index:998;}
	body.scroll #d_lnb_bg {top:70px;}

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

	#d_lnb_btn {display:none}

	#d_lnb {width:100%; height:100px; display:flex;}
	#d_lnb ul {position:relative; display:flex; justify-content:center; width:calc(100% - 240px);}
	#d_lnb li {width:20%; max-width:150px; position:relative; transition:0.2s;}
	body.lnb_over #d_lnb li {max-width:200px;}
	#d_lnb li:after {content:''; display:inline-block; width:0; height:2px; background:var(--col01); position:absolute; left:50%; bottom:0; transition:0.3s;}
	#d_lnb li:hover:after {width:2em; left:calc(50% - 1em);}
	#d_lnb li > a {display:flex; align-items:center; justify-content:center; height:100%; font-size:22px; font-weight:700; text-align:center; transition:0.3s; line-height:1.2;}
	#d_lnb li:hover > a {color:var(--col01);}
	body.scroll #d_lnb {height:70px;}
	body.scroll #d_lnb li > a {font-size:20px;}

	#d_lnb li.on .sub {background:#fff;}
	#d_lnb li .sub {position:absolute; width:100%; height:0; overflow:hidden; z-index:999;}
  #d_lnb li .sub dl {padding:20px 0;}
	#d_lnb li .sub dd a {display:block; padding:5px 0; font-size:16px; line-height:20px; text-align:center;}
	#d_lnb li .sub dd a:hover {font-weight:600;}
	#d_lnb li .sub dd a[target='_blank']:after {font-family:var(--ic); content:'open_in_new'; margin:0 0 0 0.5em;}

	#d_lnb .tail {display:flex; justify-content:flex-end; align-items:center; width:240px;}
	#d_lnb .tail .apply {position:relative; margin-right:20px;}
	#d_lnb .tail .apply a {display:flex; align-items:center; gap:10px; font-weight:700;}
	#d_lnb .tail .apply a:before {content:''; display:inline-block; width:24px; height:24px; background:url('../img/ic_apply_b.png') no-repeat center center / 100%;}
	#d_lnb .tail a.sitemap {width:100px; height:100px; display:flex; align-items:center; justify-content:center; transition:0.3s;}
	#d_lnb .tail a.sitemap span {display:block; width:30px; height:2px; margin:5px 0; background:#202020; transition:0.3s;}
	#d_lnb .tail a.sitemap:hover span {margin:7px 0;}
	body.scroll #d_lnb .tail a.sitemap {height:70px;}

	#d_lnb_mask {display:none}

	.fp-viewing-main:not(.lnb_over, .scroll) #d_lnb li > a,
	.fp-viewing-2nd:not(.lnb_over, .scroll) #d_lnb li > a,
	.fp-viewing-info:not(.lnb_over, .scroll) #d_lnb li > a,
	body.bodyWrap:not(.lnb_over, .scroll) #d_lnb li > a  {color:#fff;}
	.fp-viewing-main:not(.lnb_over, .scroll) #d_lnb .tail .apply a,
	.fp-viewing-2nd:not(.lnb_over, .scroll) #d_lnb .tail .apply a,
	.fp-viewing-info:not(.lnb_over, .scroll) #d_lnb .tail .apply a,
	body.bodyWrap:not(.lnb_over, .scroll) #d_lnb .tail .apply a {color:#fff;}
	.fp-viewing-main:not(.lnb_over, .scroll) #d_lnb .tail .apply a:before,
	.fp-viewing-2nd:not(.lnb_over, .scroll) #d_lnb .tail .apply a:before,
	.fp-viewing-info:not(.lnb_over, .scroll) #d_lnb .tail .apply a:before,
	body.bodyWrap:not(.lnb_over, .scroll) #d_lnb .tail .apply a:before {background-image:url('../img/ic_apply_w.png');}
	.fp-viewing-main:not(.lnb_over, .scroll) #d_lnb .tail a.sitemap span,
	.fp-viewing-2nd:not(.lnb_over, .scroll) #d_lnb .tail a.sitemap span,
	.fp-viewing-info:not(.lnb_over, .scroll) #d_lnb .tail a.sitemap span,
	body.bodyWrap:not(.lnb_over, .scroll) #d_lnb .tail a.sitemap span {background:#fff;}
	.fp-viewing-1st:not(.lnb_over, .scroll) #header {border-color:#00000015;}
}

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


/*mobile*/
@media all and (max-width:1200px) {
	#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); background:#fff;}

	#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; right:-100%; top:0; height:60px; width:100%; background:#fff; z-index:998; max-width:360px; display:flex; align-items:center; gap:5px; border-bottom:1px solid var(--border); padding:0 10px;}
	#d_gnb a img {height:28px; margin:0 0 0 10px;}

	#d_gnb .apply {margin:0 0 0 auto; font-size:0.9em;}
	#d_gnb .apply a {display:flex; align-items:center; gap:5px; font-weight:700; width:fit-content; height:36px; border-radius:8px; background:#404040; color:#fff; padding:0 0.75em;}
	#d_gnb .apply a:before {content:''; display:inline-block; width:20px; height:20px; background:url('../img/ic_apply_w.png') no-repeat center center / 100%;}

	#d_gnb .close {width:36px; height:36px; cursor:pointer; display:flex; align-items:center; justify-content:center; border-radius:8px; background:var(--col01); color:#fff;}
	#d_gnb .close:after {content:'close'; font-family:var(--ic); font-size:1.5em;}

	#hs2 {position:relative; height:60px; border-bottom:1px solid #ffffff20;}
	body.scroll #hs2 {background:#fff; border-bottom:0;}
	#hs2 h1 {height:60px; display:flex; align-items:center; justify-content:flex-start;}
	#hs2 h1 a img {height:32px; margin:0 0 0 10px;}
	#d_lnb_bg {display:none}
	#d_lnb_btn {position:absolute; top:0; right:0; cursor:pointer; width:60px; height:60px; display:flex; align-items:center; justify-content:center;}
		.icon-bar {display:block; margin:5px auto; width:30px; height:2px; background:#fff;}

	#d_lnb {position:fixed; right:-100%; top:60px; width:100%; max-width:360px; height:100%; overflow:auto; background:#fff; z-index:997;}
	#d_lnb ul {height:100%; overflow:auto;}
	#d_lnb li > a {display:flex; padding:20px; font-size:18px; position:relative; font-weight:700;}
	#d_lnb li > a:after {content:'add'; font-family:var(--ic); margin:0 0 0 auto;}
	#d_lnb li.on {transition:0.3s;}
	#d_lnb li.on > a:after {content:'check_indeterminate_small';}

	#d_lnb li .sub {display:none; padding:0 15px; transition:0.3s;}
	#d_lnb li.on .sub {display:block; height:auto !important;}
	#d_lnb li .sub dl {display:flex; flex-wrap:wrap; gap:10px 2%;}
	#d_lnb li .sub dd {width:49%; background:var(--lbg); border-radius:8px;}
	#d_lnb li.d2 .sub dd {width:100%;}
	#d_lnb li .sub dd a {display:block; padding:10px; font-size:16px;}
	#d_lnb li .sub dd a:hover {font-weight:700;}

	#d_lnb .tail {display:none;}
}