.d_clear{clear:both}
/*pc*/
@media all and (min-width:1200px) {
	body.scroll #header .bg{opacity:1;transition:.5s; }
	.d_container{margin:0 auto; max-width:1500px;}
	body.pc{min-width:1200px}
	body.scroll #hs1{display:none;}
	body.scroll #hs2 h1 a{background: url(../img/logo_over.png) no-repeat center center;height: 50px;background-size: 100%;}
	body.lnb_over #hs2 h1 a{background: url(../img/logo_over.png) no-repeat center center;height: 50px;background-size: 100%;}
	#header{display:block; width:100%; max-width:2000px; margin:0 auto; background:#fff0; border-bottom:1px solid #dddddd7a; position:fixed; z-index:1000; top:0}
	#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; font-size:0.9em; font-weight:500; color:#ccc; position:relative;}
	#d_gnb li.d2 span{display:inline-block; margin-right:20px;}
	#d_gnb li.d2 span img{width:18px; margin-right:10px;}
	#d_gnb li.d3{padding-right:20px;}
	#d_gnb li.d4{margin-left:0; padding-left:0; border-left:0;}
	#d_gnb li.d4 a{background:#1c3f95; padding:10px 20px; color:#ffffff; }
	#d_gnb li.d4 a:before{font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f2bb"; color:#ffffff; padding-right:10px}
	#d_gnb li a{display:block;height:100%;text-align:center; color:#ccc; font-size:14px; border-right:1px solid #dcdcdc;  border-color:rgba(255,255,255,0.3); }
	#d_gnb li a{position:relative; display:block; padding:13px 25px}
	
	#hs2{position:relative; width:100%}
	#hs2 h1{float:left; width:15%; max-width:230px; padding:28px 0 0 15px; position:relative; z-index:2}
	#hs2 h1 span{position:absolute; right:0; font-size:13px; font-weight:600; line-height:55px}
	#hs2 h1 a {display:block;padding:0;background: url(../img/logo.png) no-repeat center center;width: 210px;height: 50px;background-size: 100%;}
	#hs2 h1 a img {width:100%; vertical-align:middle}
	#d_lnb_bg{position:absolute;left:0;top:91px; 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 .shadow{position:absolute;left:0;width:100%;height:15px;bottom:-15px;display:none}
	#d_lnb_bg > .d_container{overflow:hidden;height:100%}
	#d_lnb_bg .thumb{padding:40px 40px}
	
	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: calc(85% - 200px);float:right;}
	#d_lnb ul{position:relative; padding-left:10%}
	#d_lnb li{position:relative;width: calc(21% - 20px);float:left;vertical-align: middle;z-index: 999;}
	#d_lnb li.long{max-width:200px;}
	#d_lnb li.tail {width:80px;}

	#d_lnb li > a:before{content:''; position:absolute; bottom:0px; left:50%; width:0; height:3px; background:#bacafe; transition:all 0.2s cubic-bezier(0.7, 0, 0.3, 1)}
	#d_lnb li:hover > a:before{width:100%; margin-left:-50%;}
	#d_lnb li.tail:hover > a:before{display:none}

	
	#d_lnb li > a{display:block;font-size:22px; color:#fff; font-weight:700; line-height:90px; text-align:center; margin-left:-10px; 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.on .sub{background:#05235f;}
	#d_lnb li.on .sub a {color:#fff;}
	#d_lnb li .sub{position:absolute;width:100%; height:0;overflow:hidden;z-index:999;}
    #d_lnb li .sub dl{text-align:left;height: 200px;}
	#d_lnb li .sub dd:first-child {padding-top:20px;}
	#d_lnb li .sub dd a{display:block;padding:7px 0;font-size:14px;color:#000000; line-height:20px; text-align:center;}
	#d_lnb li .sub dd a:hover{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_mask{display:none}

	#hs2 .top {text-align:right; border-bottom:1px solid #e0e0e0;}
	#hs2 .top li {display:inline-block; position:relative;}
	#hs2 .top li:after {content:''; display:inline-block; width:1px; height:14px; background:#e0e0e0; position:absolute; right:0; top:13px;}
	#hs2 .top li:last-child:after {display:none;}
	#hs2 .top li a {font-size:0.9em; color:#888; padding:0 20px; line-height:40px;}

	/*#d_lnb li.tail {height:90px; text-align:center;}
	#d_lnb li.tail a {display:inline-block; width:22px; height:90px; padding-top:30px;}
	#d_lnb li.tail span.bar {width:100%; height:3px; background:#fff; display:block; margin-top:5px;}
	#d_lnb li.tail:hover .sub {background-color:#fff;}
	#d_lnb li.tail.on .sub{background:none;}

	.lang {width:250px; float:right; text-align:center; padding-right:20px; overflow:hidden}
	.lang a.lang_btn{display:block; width:40px; line-height:40px; font-size:0.9em; color:#000000; float:left; margin-top:25px; margin-right:15px; color:#909090}
	.lang a.lang_btn.on{font-weight:700; color:#05235f; border-bottom:3px solid #f3810f}
	.lang a.btn_online {display:block; width:120px; line-height:40px; color:#fff; background:#ccc; float:left;
		font-size:0.9em; font-weight:600; margin-top:25px; border-bottom:3px solid #ccc;}
	.lang a.btn_online {background:#05235f; border-color:#f3810f;}*/

	/**/
	#d_lnb li.tail{float:right;/* width:90px !important; *//* max-width:100%; */overflow:hidden;text-align:right;position:absolute;right:0;top:0;}
	#d_lnb li.tail a{display:inline-block; font-size:16px; padding:0 3%; font-weight:normal;  line-height:80px; height:80px; position:relative; vertical-align:middle}
	#d_lnb li.tail a.g1:after{content:''; display:block; position:absolute; right:0; top:0; bottom:0; margin:auto; width:1px; height:15px; background:#e6e6e6;}
	
	#d_lnb li.tail a:before{ display:inline-block; content:''; width:20px; height:20px; margin-right:8px; position:relative; left:auto; vertical-align:middle;  background-size:100% !important; }
	#d_lnb li.tail a.g3{width:auto; float:right; display:inline-block; vertical-align:middle; text-align:left; font-size:16px;  }

	#d_lnb li.tail a.g1:before{background:url("../img/g01.png") no-repeat center center}
	#d_lnb li.tail a.g2:before{background:url("../img/g02.png") no-repeat center center}
	#d_lnb li.tail a.g3:before{display:inline-block; content:''; width:20px; height:20px; vertical-align:middle; background-size:100% !important; background:url("../img/g03.png") no-repeat center center}
	body.scroll #d_lnb li.tail a.g3:before,
	body.lnb_over #d_lnb li.tail a.g3:before{background:url("../img/g03_b.png") no-repeat center center}

	#d_lnb li.tail  a:before{color:inherit; font-weight:normal; margin-left:0; transition:none}
	#d_lnb li.tail:hover a:before{margin-left:0}
	#d_lnb li.tail:hover a{color:inherit}

	#d_lnb li.tail a.lnb_contact{text-align:right; padding-right:15px; margin-right:10px; position:relative; display:inline-block; font-size:13px}
	#d_lnb li.tail a.lnb_contact:after{content:''; position:absolute; width:1px; height:10px; background:#ffffff; top:0; bottom:0; right:0; margin:auto}
	body.scroll #d_lnb li.tail a.lnb_contact:after,
	body.lnb_over #d_lnb li.tail a.lnb_contact:after{background:#dcdcdc}
	#d_lnb li.tail a span{border-bottom:1px solid #36c2f1}


	#d_lnb_mask{display:none}

	#d_lnb li.tail span.sitebar{display:block;/* width:90px; *//* height:90px; *//* background:#291672; */padding-top:32px}
	#d_lnb li.tail span.sitebar i{display:inline-block;vertical-align:middle;width: 20px;/* height:2px; */background: #000000;/* margin:0 20px 0px 15px; */position:relative;}
	#d_lnb li.tail span.sitebar i:before,
	#d_lnb li.tail span.sitebar i:after{content:'';position:absolute;top: -5px;right:0;width: 35px;height:2px;background: #ffffff;}
	#d_lnb li.tail span.sitebar i:after{top:auto; bottom:-9px}
	body.scroll #d_lnb li.tail span.sitebar i:before,
	body.scroll #d_lnb li.tail span.sitebar i:after,
	body.lnb_over #d_lnb li.tail span.sitebar i:before,
	body.lnb_over #d_lnb li.tail span.sitebar i:after{background:#000}

	 .top_link{position:absolute; top:90px; right:0; width:100px; height:100vh; max-height:1024px; min-height:900px}
	 .top_link:before{content:''; width:1px; height:100%; top:0; bottom:0; background:#ffffff; opacity:0.3; position:absolute; left:0;}
	 .top_link:after{content:''; clear:both; display:block;}
	 .top_link .langbox{overflow:hidden; height:calc(50% - 90px); background:#291672;}
	 .top_link h2,
	 .top_link a.btn_catalog,
	 .top_link ul{float:left; writing-mode:tb-rl; overflow:hidden; line-height:100px; color:#ffffff; letter-spacing:0; text-transform:uppercase; font-size:16px;   padding:25px 0px; width:100px; height:50%; text-align:center; letter-spacing:5px}
	 .top_link ul li{float:left; margin-top:10px; padding-top:10px; position:relative}
	 .top_link ul li:before{content:''; display:block; position:absolute; width:10px; height:1px; top:0; left:0; right:0; margin:auto; background:#ffffff; opacity:0.5}
	 .top_link ul li:first-child{margin-left:0px; padding-left:0px;}	
	 .top_link ul li:first-child:before{display:none}
	
    .top_link ul{padding-top:0;}
	.top_link h2{padding-bottom:0px;}
	.top_link h2:before{font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f0ac"; margin-bottom:5px}

	.top_link a.btn_catalog{height:316px; position:relative;display:block; background:#2c2155; text-align:center; font-weight:500}
	.top_link a.btn_catalog span{position:relative;display:block;}
	/*
	.top_link a.btn_catalog span:before{font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f15c"; margin-bottom:5px;  writing-mode:tb-rl;}*/
	.top_link a.btn_catalog:before{content:''; display:block; position:absolute; z-index:0;  top:0; right:0; left:0; width:100%; height:100%; background:#291672; transform: scaleY(0); transform-origin: top; transition: .1s ease-in;}
	.top_link a.btn_catalog:hover:before{transform:scaleY(1); transition: .3s ease-out;}

	.langbox .lag{display:inline-block;color:#ffffff;position:relative;min-width:70px;line-height:50px;height:50px;vertical-align:top;margin-top:20px}
	.langbox .lag li{float:none !important; width:100% !important}  
		
	.langbox .dropbtn {background:none;width:100%;text-align:left;border:none;display:inline-block;height:auto;position:relative;/* background:#f5f5f5; */z-index:6;color:#fff;border-radius:500px;font-size:12px;font-weight:700;height:40px;line-height:40px;padding:0 40px 0 60px;text-transform:uppercase;letter-spacing:0;font-size: 1.1em;}
	.langbox .dropbtn:before{content:''; position:absolute; left:10px; top:0; bottom:0; margin:auto; display:block; height:30px; width:30px; background-size:100% !Important; background:url(../img/ic_lang.png) no-repeat center center;}
	.langbox .dropbtn:after{display: block; clear: both; content: ""; position:absolute; right:15px;  width: 2px;height: 35px;background: #ffffff26;margin: auto;top: 5px;}
  body.lnb_over #d_lnb .langbox .dropbtn:before,
	body.scroll #d_lnb .langbox .dropbtn:before{content:''; position:absolute; left:10px; top:0; bottom:0; margin:auto; display:block; height:30px; width:30px; background-size:100% !Important; background:url(../img/ic_lang_over.png) no-repeat center center;}
	
	body.lnb_over #d_lnb li.langbox .dropbtn,
	body.scroll #d_lnb li.langbox .dropbtn{color:#092c86}
	body.lnb_over #d_lnb li.langbox .dropbtn:after,
	body.scroll #d_lnb li.langbox .dropbtn:after{color:#092c86 !Important}


	.langbox .dropmenu {display: none; width:90%; position: absolute;  z-index: 5; /*! border-width:0 1px 1px 1px; */ margin-top:10px;}
	.langbox .dropmenu a {display:block; color:inherit; font-size:14px !important; line-height:30px !Important; }
	.langbox .dropmenu.show {display:block;}

	.langbox .dropmenu ul{background: #092c8699; /*! padding-top:20px; */ /*! margin-top:-20px; */}
	.langbox .dropmenu ul li{padding:5px 0px; font-size:0.9em; cursor: pointer; color:#ffffff; text-align:left; line-height:32px;}
	.langbox .dropmenu ul li:hover a{color:#ffffff !important}
	.langbox .dropmenu ul li a:before{display:none}

	body.scroll #d_lnb li.langbox .dropmenu ul li a,
	body.lnb_over #d_lnb li.langbox .dropmenu ul li a{color:#ffffff !important}

}


@media all and (min-width :1400px) {
	#d_lnb li .sub dd a{font-size:16px;}
	#hs2 h1{padding:23px 0 0 15px;}
}
@media all and (min-width:1800px) {
}


/*mobile*/
@media all and (max-width:1199px) {
	#hs2 .top {display:none;}
	
	#header{
			position:fixed;
			z-index:9999;
			width:100%;
			max-width:2000px;
			min-width:320px;
			left:0;
			right:0;
			top:0;
			border-bottom: 1px solid #dddddd7a;
			/* -webkit-box-shadow: 0px 0px 20px -8px rgba(0,0,0,0.58); */
			-moz-box-shadow: 0px 0px 20px -8px rgba(0,0,0,0.58);
			/* box-shadow: 0px 0px 20px -8px rgba(0,0,0,0.58); */
			}

	#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:#1b274b;z-index:991; max-width:340px; }
	#d_gnb ul{overflow:hidden;text-align:right; position:relative; }
	#d_gnb ul li.btn_online a {display:block; padding:0 25px; background:#bacafe;}
	#d_gnb ul li.btn_online a:before {font-family:'FontAwesome'; font-size:16px; display:inline-block; content:"\f0e0"; color:#fff; margin:0 5px 0 0;}
	#d_gnb li{display:block; float:left;  font-size:14px; position:relative; font-weight:500; color:#fff; border-radius:100px; line-height:20px; }
	#d_gnb li.on:after {content:''; display:inline-block; width:80%; height:2px; background:#bacafe; position:absolute; left:10%; bottom:0;} 
	#d_gnb li a{display:block; line-height:50px;}
	#d_gnb li.gnb_lang{display:inline-block; margin:0 10px; float:none}
	#d_gnb li.gnb_lang a{padding:0 5px}


	#d_gnb .close{position:absolute;right:-50px;top:0px;width:50px;height:50px;cursor:pointer; background:#bacafe;}
	#d_gnb .close span{display:inline-block; position:absolute; top:55%; right:7px;}
	#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:20px 0 15px;height:90px;}
	#hs2 h1{text-align:left; display:block; padding:0;}
	#hs2 h1 a {display:inline-block;}
	#hs2 h1 a img {max-width:200px; margin-left:15px;}
	.scroll #hs2{position:relative;padding: 20px 0 15px;background:#ffffff;height: 90px;}
	.scroll #hs2 h1 a{background: url(../img/logo_over.png) no-repeat center center;width: 200px;height: 50px;display: block;padding-left: 20px;background-size: 100%;}
	#d_lnb_bg{display:none}
	#d_lnb_btn{position:absolute;padding:0 3%;top:0px;right:0;cursor:pointer;height: 90px;padding-top: 30px;}
		.icon-bar {display: block;margin-top: 5px;width: 30px;height: 2px;background: #fff;}

	

	#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;}

	#d_lnb ul{height:100%;overflow:auto; text-align:left;}
	#d_lnb li > a{display:block;padding:18px 30px; font-size:20px; 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;}
	#d_lnb li .sub dl{}
	#d_lnb li .sub dd a{display:block;padding:7px 30px; font-size:17px; font-weight:400}
	#d_lnb li .sub dd a:hover{font-weight:600}	

	.lang {display:none;}

	#hs2 h1 a {display:block;padding-left:20px;background: url(../img/logo.png) no-repeat center center;width: 200px;height: 50px;background-size: 100%;}
}