.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:100px; 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:20px 0 0 15px; position:relative; z-index:2}
	#hs2 h1 a {display:inline-block; padding:0;}
	#hs2 h1 a img {width:auto; height:60px; vertical-align:middle}
	#d_lnb_bg {position:absolute;left:0;top:100px; 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:100px;}
	#d_lnb ul {position:relative; text-align:right;}
	#d_lnb li {position:relative; display:inline-block; width:18%; max-width:180px}
	#d_lnb li.long {max-width:200px;}
	
	#d_lnb li > a {display:block;font-size:20px; color:#000000; font-weight:600; line-height:100px; text-align:center; padding-left:0px; text-transform:uppercase}
	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;}
	#d_lnb li.d6 > a:before {font-family:'FontAwesome'; content:'\f0ac'; color:#434c95; margin-right:5px;}

	#d_lnb li.on .sub {}
	#d_lnb li .sub {position:absolute;width:100%; height:0; overflow:hidden; z-index:999;}
    #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:220px; background:#f0f0f0; position:absolute; left:0; top:15px;}
	#d_lnb li .sub dd a {display:block;padding:5px 0;font-size:15px;color:#000000; line-height:20px;
		text-transform:capitalize; text-align:center;}
	#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:43px 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) {
	#d_lnb li .sub dd a {font-size:16px;}
}
@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 15px no-repeat; background-size:auto 30px; 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:75px;}
	#hs2 h1 {text-align:center; display:block; padding:0;}
	#hs2 h1 a {display:inline-block;}
	#hs2 h1 a img {height:35px; margin:20px 20px 0 0;}
	#d_lnb_bg {display:none}
	#d_lnb_btn {position:absolute; padding:0 3%; background:#fff; top:0; right:0; cursor:pointer; height:75px; padding-top:23px;}
		.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}	
	
}