.d_clear{clear:both}
/*pc*/

@media all and (min-width:1200px) {
		/*body.scroll #header .bg{opacity:1;transition:.5s; opacity:0.9}
body.lnb_over #header .bg{border-bottom:1px solid #f0f0f0}*/
.d_container{width:1200px;margin:0 auto}
	body.pc{min-width:1200px}
/*	body.scroll #header .bg{background:#414141;opacity:1;transition:.5s}*/
	body.scroll #hs1 {display:none;}
	#header{position:fixed;z-index:999;width:100%; max-width:2000px; transition:0.5s; border-bottom:1px solid #ffffff; border-color:rgba(255,255,255,0.2)}
	#header .bg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1; transition:.5s; background:#ffffff}	
	#hs1{background:#f5f5fa; position:relative; overflow:hidden}
	#hs1 .d_container{position:relative;}

	#d_gnb{overflow:hidden; padding:0px; text-align:right}
	#d_gnb:after{clear:both; display:block; content:'';}
	#d_gnb li{display:inline-block;  border-right:0px solid #fff; font-size:14px; font-weight:600; color:#ccc;}
	#d_gnb li.d1{display:block; float:right; width:250px; text-align:center}
	#d_gnb li.d1 span{display:block; float:left; width:50%;}
	#d_gnb li.d1:after{clear:both; display:block; content:'';}
	#d_gnb li.d1 span a{background:#cddb00; position:relative; color:#ffffff}
	#d_gnb li.d1 span a:before{content:''; display:inline-block; vertical-align:middle; width:20px; height:20px; background-size:100% !Important; margin-right:10px; background:url(../img/ic_gnb01.png) no-repeat center center}
	#d_gnb li.d1 span:last-child a{background:#00b0ec; }
	#d_gnb li.d1 span:last-child a:before{background:url(../img/ic_gnb02.png) no-repeat center center}
	#d_gnb li.d2 span{display:inline-block; margin-right:15px;}
	#d_gnb li.d2 span img{width:18px; margin-right:10px; display:inline-block; vertical-align:middle;}
	/*#d_gnb li span:before{font-family:'FontAwesome'; color:#ccc; font-size:18px; content:'\f0ac'; padding-right:10px;}*/
	#d_gnb li a{display:block;height:100%; line-height:35px; text-align:center; color:#323232; font-size:13px}
	#d_gnb li a{position:relative;}


	
	#hs2{/*background:#fff;*/ position:relative;}
	#hs2 h1{float:left; width:16%; padding:15px 0 0 15px; position:relative; z-index:2}
	#hs2 h1 a {display:inline-block; padding:0}
	#hs2 h1 a img {width:100%; max-width:196px; vertical-align:middle}
	#d_lnb_bg{position:absolute;left:0;top:100px;width:100%;background:#ffffff; height:0;overflow:visible !important; z-index:0; border-bottom:1px solid #dcdcdc}
	#d_lnb_bg .shadow{position:absolute;left:0;width:100%;height:15px;bottom:-15px;background:url('../images/common/lnb_shadow.png') repeat-x;display:none}
	#d_lnb_bg > .d_container{overflow:hidden;height:100%}
	#d_lnb_bg .thumb{padding:40px 40px}

	body.lnb_over #d_lnb_bg .shadow{display:block}
	body.lnb_over #header{background:rgba(0,0,0,0.6); transition:0.5s}
	body.lnb_over #d_lnb_bg{height:210px !important}
	body.scroll #header{background:rgba(0,0,0,0.6);}
	
	#d_lnb_btn{display:none}

	#d_lnb{width:84%; float:left; height:100px;}
	#d_lnb li{font-family: 'jn'; font-weight:400; position:relative;float:left;text-align:center;}	
	#d_lnb li {/*width:170px;*/ width:20%;}
	
	#d_lnb li.d2{width:16%; display:none}
	/*#d_lnb li.d6{width:16%}*/
	/*#d_lnb li.d9{width:10.66%}*/
	#d_lnb li.d12{width:20%}
	/*#d_lnb li.d3{width:14%;}
	#d_lnb li.d6{width:10%;}*/
	#d_lnb li > a{display:block;font-size:17px;color:#323232;line-height:100px;/*width:160px;*/ text-align:center; padding-left:0px}
	#d_lnb li > a:hover,
	#d_lnb li.on > a{font-weight:800;  transition:.3s; color:#0c88e6}
	#d_lnb li.on .sub{}
	#d_lnb li .sub{position:absolute;width:100%;top:100px;height:0;overflow:hidden;}
    #d_lnb li .sub dl{padding:10px 0px;text-align:left;height:220px;}

	a.ic_link:after{content:''; font-family:'FontAwesome'; content:'\f0c1'; margin-left:10px; display:inline-block;}
	#d_lnb li:first-child .sub dl{border-left:none}
	#d_lnb li .sub dd{border-left:1px solid #e6e6e6; border-color:rgba(255,255,255,0.1)}
	#d_lnb li .sub dd a{display:block;padding:5px 0;font-size:15px;color:#323232; line-height:20px; ;text-align:center;}
	#d_lnb li .sub dd a:hover{color:#0c88e6; transition:.5s; font-weight:600}
	#d_lnb_mask{display:none}

}

@media all and (min-width:1400px) {
.d_container{width:1400px;}
#d_lnb li > a{font-size:18px}
}
/*mobile*/
@media all and (max-width:1199px) {
	
	#header{position:fixed;z-index:9999;width:100%;height:65px; top:0; /*box-shadow:1px 1px 1px 0 #777*/}
	#header .bg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;transition:.5s; background:#ffffff}
	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:0px;width:80%;background:#414141;z-index:991;text-align:center;}
	#d_gnb ul{ background:#393939}
	#d_gnb .d1 a{line-height:50px; height:50px; display:block}

	#d_gnb .d1 span{color:#ffffff; display:inline-block;}
	#d_gnb .d2{background:#323232; font-size:0.8em}
	#d_gnb .d2 span{line-height:40px; height:40px; display:inline-block}
	#d_gnb .d2 span.long{display:block}
	#d_gnb .d2 span img{width:18px; margin-right:10px; margin-top:10px}
		#d_gnb .d2 span.last{display:block}
	/*#d_gnb .d2:before{content:''; width:20px; height:1px; background:#ffffff; position:absolute; top:0px; left:50%; margin-left:-10px;}*/
	#d_gnb li{font-size:0.9em; position:relative}

	#d_gnb li a{color:#ffffff;}
	#d_gnb li.d1 a:before{font-family:'FontAwesome'; content:'\f0ac';  font-size:16.5px; margin-right:7px; color:#ffffff}

 #d_gnb li.d3{display:none}
	#d_gnb .close{position:absolute;right:-50px;top:0px;width:50px;height:50px;cursor:pointer}
	#d_gnb .close:after{font-family:'FontAwesome'; color:#ccc; font-size:30px; margin-left:7px; content:'\f00d'; line-height:50px;}

	#hs2{position:relative;padding:10px 0 20px; background:none;}
	#hs2 h1{text-align:center; display:block; padding:0;}
	#hs2 h1 a {display:inline-block;}
	#hs2 h1 a img {max-width:142px; margin-left:30px}

	#d_lnb_bg{display:none}
	#d_lnb_btn{position:absolute;left:3%;top:20px;cursor:pointer}
	
	

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

	#d_lnb ul{height:calc(100% + 100px);overflow:auto; text-align:center;}
	#d_lnb li > a{font-family: 'jn'; display:block;padding:15px 30px; font-size:18px; color:#ffffff; position:relative;}
	#d_lnb li:last-child{display:none}
	#d_lnb li > a:before{/*font-family:'FontAwesome'; content:'\f0d7';*/ content:''; width:7px; height:7px; top:40%; background:#ffffff; border-radius:1000px; position:absolute; right:0px; color:rgba(0,0,0,0.2); font-size:13px; margin-right:15px; }
	#d_lnb li.on > a{color:#fff;  background:#00b0ec; font-weight:800}
	#d_lnb li.on > a:after{font-family:'FontAwesome'; position:absolute; right:0px; color:#ffffff;  font-size:13px; margin-right:15px; content:'\f068'; transition:0.5s;}
	#d_lnb li.on > a:before{display:none }
	#d_lnb li .sub{background:#00b0ec;display:none;padding:10px 0 20px; transition:0.3s}
	#d_lnb li.on .sub{display:block;height:auto !important;}
	#d_lnb li .sub dl{}
	#d_lnb li .sub dd a{font-family: 'ns'; display:block;padding:3px 30px; color:#ffffff;}
	#d_lnb li .sub dd a:hover{font-weight:600}	
	.icon-bar {display: block; margin-top: 4px; width: 33px;height: 4px; border-radius: 1px;background: #0c88e6;}
	
}