.d_clear{clear:both}
/*pc*/
@media all and (min-width:768px) {
	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;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom:1px solid rgba(0,0,0,0.1);
		position:fixed; z-index:999;}
	#header .bg{position:absolute;left:0;top:0;width:100%;/*height:100%;*/ transition:0.5s; opacity:0; background:#ffffff}
	body.lnb_over #header .bg{border-bottom:1px solid #dcdcdc; opacity:1;}

	body.lnb_over #header .bg{transition:0.5s}
	#hs1{position:relative; overflow:hidden; display:none}
	body.lnb_over #hs1{background:#2f3438}
	#hs1 .d_container{position:relative; border:1px solid #dcdcdc; border-color:rgba(255,255,255,0.3); border-width:0 0 0 1px;}

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

	
	#hs2{width:100%}
	#hs2 h1{float:left; width:30%; padding:20px 0 0 15px; z-index:2}
	#hs2 h1 span{font-size:18px; line-height:50px; text-transform:uppercase; position:absolute; left:185px;}
	#hs2 h1 a {display:block; padding:0; position:relative;}
	#hs2 h1 a img {height:50px; vertical-align:middle; margin:0 10px 0 0; padding:0 10px 0 0; border-right:1px solid rgba(0,0,0,0.1);}
	#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%}
	#d_lnb_bg .thumb{padding:40px 40px}
	
	body.lnb_over #d_lnb_bg{min-height:150px;}
	body.lnb_over #d_lnb_bg .shadow{display:block;}
	body.lnb_over #header{}
	body.scroll #header{background:#fff;}

	
	#d_lnb_btn{display:none}

	#d_lnb{width:70%; float:right; height:90px;}
	#d_lnb ul{position:relative; text-align:right;}
	#d_lnb li{position:relative; display:inline-block; width:20%; max-width:160px}
	#d_lnb li.long{max-width:200px;}
	#d_lnb li > a {display:block;font-size:20px; color:#000000; font-weight:600; line-height:90px; text-align:center;
		padding-left:0px; text-transform:uppercase}
	
	#d_lnb li a.cate:after {content:''; display:inline-block; width:0; height:3px; background:#cf010e;
		position:absolute; left:50%; top:0; transition:0.2s;}
	#d_lnb li:hover a.cate:after {width:50%; margin:0 0 0 -25%;}
	
	
	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.on .sub {opacity:1; height:auto; transition:0.2s; top:90px;}
	#d_lnb li .sub{position:absolute; width:100%; overflow:hidden; z-index:999; background:#fff; opacity:0; height:0; transition:0.2s; top:70px;
		-webkit-box-shadow:0px 3px 12px 3px rgb(0 0 0 / 5%); box-shadow:0px 3px 12px 3px rgb(0 0 0 / 5%);}
    #d_lnb li .sub dl{text-align:left; padding:10px 0 15px; position:relative;}
	#d_lnb li .sub dd a{display:block;padding:5px 0;font-size:16px;color:#000000; line-height:20px; ;text-align:center;}
	#d_lnb li .sub dd a:hover{color:#cf010e; 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:180px; margin:0 10px;}
	#d_lnb li.tail a {border:1px solid #303030; line-height:30px; display:inline-block; margin:28px 3px 0; border-radius:500px;
		padding:0 13px; font-size:0.95em; transition:0.5s; font-weight:400;}
	#d_lnb li.tail a:hover {border-color:#cf010e; color:#cf010e;}

	#d_lnb_mask{display:none}
}

@media all and (min-width:1600px) {
	#hs2 h1{padding:15px 0 0 15px;}
	#hs2 h1 span {left:225px; line-height:60px;}
	#hs2 h1 a img {height:60px}
}
@media all and (min-width:1800px) {


}


/*mobile*/
@media all and (max-width:768px) {

	#header{position:fixed; z-index:9999; width:100%; max-width:2000px; min-width:320px; left:0; right:0; top:0;
		box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-bottom:1px solid rgba(0,0,0,0.1);}

	#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:50px;width:80%;background:#ffffff;z-index:991;text-align:center; max-width:340px;}
	#d_gnb ul{overflow:hidden;}
	#d_gnb li{font-size:18px; line-height:50px; position:relative; width:100%; float:left; font-weight:600}
	#d_gnb li.d1 a{display:block;}
	#d_gnb li a{display:block; background:#cf010e; color:#fff;}
	#d_gnb li.d2 a{background:#444; 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; padding:15px 0 15px; height:75px;}
	#hs2 h1{text-align:center; display:block; padding:0;}
	#hs2 h1 a {display:inline-block;}
	#hs2 h1 a img {max-height:45px; margin:0 5px 0 0; padding:0 5px 0 0; border-right:1px solid rgba(0,0,0,0.1);}
	#hs2 h1 span{font-size:18px; line-height:45px; text-transform:uppercase; margin:0 0 0 10px;}
	#d_lnb_bg{display:none}
	#d_lnb_btn{position:absolute;padding:0 3%; top:0px;cursor:pointer; height:75px; padding-top:23px;}
		.icon-bar {display:block; margin-top:5px; width:28px;height:2px; background:#303030;}

	#d_lnb{position:fixed;left:-100%;top:50px;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;}

	body.scroll #hs2 {background:#fff;}

	#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;
		-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg); -ms-transform:rotate(270deg); -o-transform:rotate(270deg); transform:rotate(270deg);}
	/*#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;}
	#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}	
}