.d_clear {clear:both}

/*pc*/
@media all and (min-width:1200px) {
	body.scroll #header .bg {opacity:1;transition:.5s;}
	body.scroll #hs1 {display:none;}
	body.pc {min-width:1200px}

	#header {display:block; width:100%; max-width:2000px; height:100px; margin:0 auto; background:#fff; position:fixed; z-index:999; transition:0.3s;}
	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);}
	body.mainWrap:not(.lnb_over) #header {background:0;}
	body.fp-viewing-3rd #header,
	body.fp-viewing-info #header {background:#fff !important;}

	body.fp-viewing-main #header {border-bottom:1px solid rgba(255,255,255,0.1);}
	body:not(.fp-viewing-main) #header {border-bottom:1px solid rgba(0,0,0,0.1);}
	body.bodyWrap #header {border-bottom:0;}

	#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:280px; padding:0 0 0 20px; flex-shrink:0;}
	#hs2 h1 a {display:flex; align-items:center; width:100%; height:100%;}
	#hs2 h1 a img {width:100%; max-width:190px; transition:0.3s;}
	body.mainWrap #hs2 h1 a img.w {display:none;}
	body.fp-viewing-main:not(.lnb_over) #hs2 h1 a img.w {display:block;}
	body.fp-viewing-main:not(.lnb_over) #hs2 h1 a img:not(.w) {display:none;}
	body:not(.mainWrap) #hs2 h1 a img.w {display:none;}

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

	body.lnb_over #d_lnb_bg {background:#fff; min-height:200px; border-top:1px solid #f0f0f0;}
	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 {display:flex; justify-content:center; width:calc(100% - 320px);}
	#d_lnb li {width:25%; max-width:200px;}
	#d_lnb li:not(.d2) {position:relative;}
	#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; transition:0.2s; position:relative;}
	#d_lnb li > a:before {content:''; display:inline-block; width:0; height:2px; background:#206ccb; position:absolute; left:50%; bottom:0; transition:0.2s;}
	#d_lnb li.on > a:before {width:50%; left:25%;}
	body.fp-viewing-main:not(.lnb_over) #d_lnb li > a {color:#fff;}
	body.scroll #d_lnb {height:70px;}
	body.scroll #d_lnb li > a {font-size:20px;}

	#d_lnb li .sub {position:absolute; width:100%; overflow:hidden; z-index:999;}
  #d_lnb li .sub dl {padding:20px 0; text-align:center; display:none; transition:0.2s;}
	#d_lnb li.on .sub dl {display:block;}
	#d_lnb li .sub dd a {display:inline-block; padding:10px 0; font-size:16px; line-height:20px; transition:0.3s;}
	#d_lnb li:not(.d2) .sub dd a:hover {color:#206ccb;}
	#d_lnb li .sub dd a[target='_blank']:after {font-family:'xeicon'; content:'\e980'; margin:0 0 0 0.5em;}

	#d_lnb li.on.d2 .sub {overflow:visible; left:0; width:100vw; display:flex; justify-content:center; z-index:1000; padding:0 40px 0 0;}
	#d_lnb li.on.d2 .sub dl {width:min(100%, 720px); text-align:left; padding:10px 0 0; position:relative; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0;}
	#d_lnb li.on.d2 .sub dl:before,
	#d_lnb li.on.d2 .sub dl:after {content:''; display:inline-block; width:1px; height:100%; background:#f0f0f0; position:absolute; top:0;}
	#d_lnb li.on.d2 .sub dl:before {left:40%}
	#d_lnb li.on.d2 .sub dl:after {left:70%;}
	#d_lnb li.on.d2 .sub dd {display:flex; line-height:20px;}
	#d_lnb li.on.d2 .sub dd > a {padding:10px 20px; width:40%; display:flex; justify-content:space-between; border-bottom:1px solid #f0f0f0;}
	#d_lnb li.on.d2 .sub dd:hover > a {color:#206ccb;}
	#d_lnb li.on.d2 .sub dd:hover > a:after {content:'\e93f'; font-family:'xeicon';}
	#d_lnb li.on.d2 .sub dd .primg {display:none; position:absolute; left:-240px; top:0; width:240px; height:100%; align-items:center; justify-content:center; flex-wrap:wrap;}
	#d_lnb li.on.d2 .sub dd:hover .primg {display:flex;}
	#d_lnb li.on.d2 .sub dd .primg img {width:180px;}
	#d_lnb li.on.d2 .sub dd .primg p {width:100%; text-align:center; margin:0 auto auto; color:#58626c; font-size:0.9em;}
	#d_lnb li.on.d2 .sub dd .dep02 {display:none; position:absolute; left:40%; top:10px; width:60%; height:100%;}
	#d_lnb li.on.d2 .sub dd:hover .dep02 {display:block;}
	#d_lnb li.on.d2 .sub dd .dep03 > a {display:flex; justify-content:space-between; padding:0; width:50%; padding:10px 20px; border-bottom:1px solid #f0f0f0;}
	#d_lnb li.on.d2 .sub dd .dep03:hover > a {color:#206ccb;}
	#d_lnb li.on.d2 .sub dd .dep03:hover > a:after {content:'\e93f'; font-family:'xeicon';}
	#d_lnb li.on.d2 .sub dd .dep03 div {display:none; position:absolute; left:50%; top:0; width:50%; height:100%; padding:5px 20px;}
	#d_lnb li.on.d2 .sub dd .dep03:hover div {display:block;}
	#d_lnb li.on.d2 .sub dd .dep03 div a {display:block; padding:5px 0;}
	#d_lnb li.on.d2 .sub dd .dep03 div a:hover {text-decoration:underline;}

	#d_lnb .tail {display:flex; justify-content:flex-end; align-items:center; width:320px;}
	#d_lnb .tail .contact {padding:0 20px 0 0; margin:0 10px 0 0; border-right:1px solid rgba(0,0,0,0.2);}
	body.fp-viewing-main:not(.lnb_over) #d_lnb .tail .contact {color:#fff; border-color:rgba(255,255,255,0.2);}
	#d_lnb .tail .lang {position:relative; margin-right:20px;}
	#d_lnb .tail .lang button {border:0; background:0; font-weight:600;}
	body.fp-viewing-main:not(.lnb_over) #d_lnb .tail .lang button {color:#fff;}
	#d_lnb .tail .lang button:after {font-family:'xeicon'; content:'\e942'; margin:0 0 0 0.5em;}
	#d_lnb .tail .lang .dropmenu {display:none; position:absolute; left:0; top:45px; width:100%; text-align:center; z-index:998; background:#fff; padding:10px; border-radius:10px; font-weight:600; -webkit-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 20px -5px rgba(0,0,0,0.2); box-shadow:0px 0px 20px -5px rgba(0,0,0,0.2);}
	#d_lnb .tail .lang .dropmenu.show {display:inline-block;}
	#d_lnb .tail .lang .dropmenu a {line-height:30px; font-size:0.9em; display:block; color:#666;}
	#d_lnb .tail .lang .dropmenu a:hover {color:#206ccb;}
	#d_lnb .tail a.sitemap {width:80px; 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:#404040;}
	#d_lnb .tail a.sitemap span:not(:last-child) {width:20px; margin-left:10px;}
	body.scroll #d_lnb .tail a.sitemap {height:70px;}
	body.fp-viewing-main:not(.lnb_over) #d_lnb .tail a.sitemap span {background:#fff;}

	#d_lnb_mask {display:none}
}

@media all and (min-width:1200px) {
	#d_lnb li .sub dd a {font-size:18px;}
}

@media all and (min-width:1600px) {
	#d_lnb li.tail .lang {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);}

	#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; border-bottom:1px solid #e0e0e0;}
	#d_gnb a img {height:30px; margin:0 0 0 20px;}

	#d_gnb .lang {margin:0 20px 0 auto; font-weight:600; font-size:0.9em;}
	#d_gnb .lang a {margin:0 0.5em 0 0;}
	#d_gnb .lang a.on {color:#206ccb;}

	#d_gnb .close {width:60px; height:60px; cursor:pointer; background:#206ccb; display:flex; align-items:center; justify-content:center;}
	#d_gnb .close:after {content:'\e9af'; font-family:'xeicon'; color:#fff; font-size:2em;}

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

	#d_lnb {position:fixed; left:-100%; top:60px; width:100%; max-width:480px; height:100%; overflow:auto; background:#fff; z-index:997;}
	#d_lnb ul {width:100%; height:100%; overflow:auto; position:relative;}
	#d_lnb li > a {display:flex; padding:20px; font-size:18px; position:relative; font-weight:600; border-bottom:1px solid #e0e0e0; width:40%;}
	/*#d_lnb li.on > a:after {content:'\e93f'; font-family:'xeicon'; margin:0 0 0 auto;}*/
	#d_lnb li.on {transition:0.3s;}

	#d_lnb li .sub {display:none; background:#fafafa; border-left:1px solid #e0e0e0; padding:20px 0; transition:0.3s; position:absolute; left:40%; top:0; width:60%; height:100%; min-height:calc(100vh - 60px);}
	#d_lnb li.d1 .sub,
	#d_lnb li.on .sub {display:block;}
	#d_lnb li .sub dd a {display:block; padding:5px 20px 10px; font-size:16px;}
	#d_lnb li:not(.d2) .sub dd a:hover {color:#206ccb;}

	#d_lnb li.on.d2 .sub dd:not(:last-of-type) {margin-bottom:10px;}
	#d_lnb li.on.d2 .sub dd > a {font-weight:700;}
	#d_lnb li.on.d2 .sub dd > a:hover {color:#206ccb;}
	#d_lnb li.on.d2 .sub dd .primg {display:none;}
	#d_lnb li.on.d2 .sub dd .dep02 {display:flex; flex-wrap:wrap; gap:4px; padding:5px 20px;}
	#d_lnb li.on.d2 .sub dd .dep03 > a {border:1px solid #e0e0e0; background:#fff; color:#666; padding:5px 10px; margin:0 0 4px;}
	#d_lnb li.on.d2 .sub dd .dep03 > a:hover {background:#6a7682; border-color:#6a7682; color:#fff;}
	#d_lnb li.on.d2 .sub dd .dep03 div {display:none;}

	#d_lnb .tail {display:none;}
}