.d_clear {clear:both}
/*pc*/
@media all and (min-width:1300px) {
	body.scroll #header .bg {opacity:1;transition:.5s;}
	.d_container {margin:0 auto; max-width:1600px;}
	body.pc {min-width:1200px}
	body.scroll #hs1 {display:none;}
	#header {position:block;width:100%;max-width:2000px;height: 90px;margin:0 auto;background:#ffffff;border-bottom:1px solid #ddd;/*position:fixed; height:;*/}
	#header .bg {position:absolute;left:0;top:0;width:100%;/*height:100%;*/ transition:0.5s; opacity:0; background:#ffffff}
	body.lnb_over #header .bg {opacity:1;}

	body.lnb_over #header .bg {transition:0.5s}
	#hs1 {position:relative; overflow:hidden; display:none}

	#d_gnb {overflow:hidden;}
	#d_gnb li {display:block; float:left; position:relative;}


	#hs2 {position:relative; width:100%}
	#hs2 h1 {float:left; width:20%; padding:25px 0 0 15px; position:relative; z-index:2}
	#hs2 h1 a {display:block; padding:0;}
	#hs2 h1 a img {width: 161px;vertical-align:middle;}
	#d_lnb_bg {position:absolute;left:0;top: 90px;width:100%;background:#ffffff;height:0;overflow:visible !important;z-index:998;}
	body.lnb_over #d_lnb_bg {background:#ffffff; border-bottom:1px solid #dcdcdc;}
	#d_lnb_bg > .d_container {overflow:hidden;height:100%}

	body.lnb_over #d_lnb_bg {min-height:200px}
	body.lnb_over #d_lnb_bg .shadow {display:block}
	body.lnb_over #header {background:#ffffff;}
	body.scroll #header {background:#ffffff}


	#d_lnb_btn {display:none}

	#d_lnb {width:80%;float:right;height: 90px;}
	#d_lnb ul {position:relative; text-align:right;}
	#d_lnb li {position:relative;display:inline-block;/* width:18%; *//* min-width: 133px; */padding: 0px 42px;}
	#d_lnb li.d1{
		padding: 0 60px;
	}
	#d_lnb li.d4{
		padding: 0 60px;
	}
	#d_lnb li.long {max-width:200px;}

	#d_lnb li > a {display:block;font-size: 18px;color:#000000;font-weight:600;line-height: 90px;text-align:center;padding-left:0px;text-transform:uppercase;font-family: 'Noto Sans KR';}
	body.scroll #d_lnb li > a,
	body.lnb_over #d_lnb li > a {color:#000000}

	body.lnb_over #d_lnb li.d2:before,
	body.lnb_over #d_lnb li.d3:before,
	body.lnb_over #d_lnb li.d4:before,
	body.scroll  #d_lnb li.d2:before,
	body.scroll  #d_lnb li.d3:before,
	body.scroll  #d_lnb li.d4:before {background:#dcdcdc}

	#d_lnb li.d6 {width:100px;padding: 0px;}
	#d_lnb li.d6 > a:before {font-family:'FontAwesome';content:'\f0ac';color: #000;margin-right:5px;}

	#d_lnb li.on .sub {}
	#d_lnb li .sub {position:absolute;width:100%;height:0;overflow:hidden;z-index:999;left: 0px;/* padding: 0 10px; */}
	#d_lnb li .sub dl {text-align:left;padding:20px 0;position:relative;}
	#d_lnb li .sub dl:after {content:'';display:inline-block;width:1px;height: 400px;background:#f0f0f0;position:absolute;left:0;top: 0px;}
	#d_lnb li .sub dd a {display:block;padding:5px 0;font-size: 15px;color:#000000;line-height: 16px;text-align:center;letter-spacing: -1px;}
	#d_lnb li .sub dd a:hover {color:#434c95; font-weight:600;}
	#d_lnb li .sub dd a[target='_blank']:after {font-family:'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin:0 0 2px 5px; vertical-align:middle;}

	#d_lnb li.tail {float:right; width:auto; max-width:240px; font-size:0; line-height:100px;}
	#d_lnb li.tail a.sitemap {margin: 37px 20px 0 0;}
	#d_lnb li.tail a.sitemap span {display:block; width:25px; height:2px; margin:0 0 5px; background:#000;}
	#d_lnb li.tail a.sitemap span.short {width:20px; margin:0 0 5px 5px;}

	#d_lnb_mask {display:none}
}

@media all and (min-width:1400px) {
	#hs2 h1 {padding: 32px 0 0 15px;}

	#d_lnb li .sub dd a {/* font-size: 15px; */}
}
@media all and (min-width:1800px) {


}


/*mobile*/
@media all and (max-width:1300px) {
	#header {position:fixed;z-index:9999;width:100%; max-width:2000px; min-width:320px; left:0; right:0; top:0; border-bottom:1px solid #ddd;}

	#header .bg {position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;transition:.5s}
	body.mo {}
	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:100px;width:80%;background:#ffffff;z-index:991;text-align:center; max-width:340px;}
	#d_gnb ul {overflow:hidden;background: url('../img/logo.png') center 19px no-repeat;background-size: auto 24px;padding:60px 5% 0;}
	#d_gnb li {font-size:18px; line-height:40px; position:relative; width:48%; margin:0 1%; float:left; font-weight:800}
	#d_gnb li.d1 a {display:block;}
	#d_gnb li a {display:block; background:#434c95; color:#fff;}
	#d_gnb li.d2 a {background:#212845; color:#ffffff;}


	#d_gnb .close {position:absolute;right:-50px;top:0px;width:50px;height:50px;cursor:pointer}
	#d_gnb .close span {display:inline-block; position:absolute; top:55%; right:5px;}
	#d_gnb .close span:before,
	#d_gnb .close span:after {content:''; display:inline-block; width:34px; height:2px; background:#ffffff; position:absolute; right:5px;}
	#d_gnb .close span:after {top:-11px}
	#d_gnb .close span:before {
		-webkit-transform:translateX(4px) translateY(-5px) rotate(45deg);
		-moz-transform:translateX(4px) translateY(-5px) rotate(45deg);
		-ms-transform:translateX(4px) translateY(-5px) rotate(45deg);
		-o-transform:translateX(4px) translateY(-5px) rotate(45deg);
		transform:translateX(4px) translateY(-5px) rotate(45deg);}
	#d_gnb .close span:after {
		-webkit-transform:translateX(4px) translateY(6px) rotate(-45deg);
		-moz-transform:translateX(4px) translateY(6px) rotate(-45deg);
		-ms-transform:translateX(4px) translateY(6px) rotate(-45deg);
		-o-transform:translateX(4px) translateY(6px) rotate(-45deg);
		transform:translateX(4px) translateY(6px) rotate(-45deg);}

	#hs2 {position:relative;background:#ffffff;height: 60px;}
	#hs2 h1 {text-align:center; display:block; padding:0;}
	#hs2 h1 a {display:inline-block;}
	#hs2 h1 a img {height: 24px;margin: 19px 20px 0 0;}
	#d_lnb_bg {display:none}
	#d_lnb_btn {position:absolute;padding:0 3%;/* background: #ba0000; */top:0;right:0;cursor:pointer;height: 60px;padding-top: 17px;}
	.icon-bar {display:block; margin-top:5px; width:25px;height:2px; background:#000;}
	.icon-bar.short {width:20px; margin-left:5px;}



	#d_lnb {position:fixed;left:-100%;top:100px;width:80%; max-width:340px; height:100%;overflow:auto;background:#ffffff;z-index:991}
	#d_lnb h2 {position:relative;text-align:center;color:#333;padding:20px 0;border-bottom:1px solid #c8c8c8}
	#d_lnb h2 .close {position:absolute;right:10px;top:10px;cursor:pointer}
	#d_lnb h2 .close img {max-width:65px;}

	#d_lnb ul {height:100%;overflow:auto; text-align:left;}
	#d_lnb li > a {display:block;padding:18px 30px; font-size:18px; position:relative; border-bottom:1px solid #dcdcdc; font-weight:600}
	#d_lnb li:last-child {display:none}

	#d_lnb li.on {transition:all .3s ease-in-out}
	#d_lnb li > a:after {content:''; position:absolute; right:20px; top:0; bottom:0; margin:auto; transition:0.3s; width:12px; height:10px; background:url(../img/ic_accordion.png) no-repeat center center; background-size:100% !important; text-align:center;}
	#d_lnb li.on > a {color:#05235f; font-weight:600}
	#d_lnb li.on > a:after { -webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		transform:rotate(180deg)}

	#d_lnb li .sub {display:none;padding:15px 0px; transition:0.3s; border-bottom:1px solid #dcdcdc;}
	#d_lnb li.on .sub {display:block;height:auto !important; background:#fafafa;}
	#d_lnb li .sub dl {}
	#d_lnb li .sub dd a {display:block;padding:7px 30px; font-size:17px; font-weight:400; font-size:0.95em;}
	#d_lnb li .sub dd a:hover {font-weight:600}

}