.d_clear{clear:both}
/*pc*/
@media all and (min-width:1200px) {
	body.scroll #header .bg{opacity:1;transition:.5s;box-shadow: -4px 4px 15px -11px rgba(50, 50, 50, 0.66);background: #fff;}
	body.scroll #header h1 a,
	body.lnb_over #header h1 a{background: url(../img/logo_over.png) no-repeat center center;background-size: 100%;}
	.d_container{margin:0 auto; /*! max-width:1800px; */}
	body.pc{min-width:1200px;}
	body.scroll #hs1{display:none;}
	#header{width:100%;max-width:2000px;margin:0 auto;/* border-bottom: 1px solid #bebdbb63; */position:fixed;z-index:1000;top:0}
	#header .bg{position:absolute;left:0;top:0;width:100%;height:100%;transition:0.5s;opacity:0;}
	body #header .bg{border-bottom:1px solid #a4a4a4b0;opacity: 100%;/*! background: #ffffff; */}

	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: 20%;padding: 18px 0 0 15px;position:relative;z-index:2;display: block;}
	#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: 220px;height: 70px;background-size: 100%;}
	#hs2 h1 a img {width: 210px;vertical-align:middle}
	#d_lnb_bg{position:absolute;left:0;top: 100px;width:100%;background:#ffffff;height:0;overflow:visible !important;z-index:998;/*! border-bottom: 1px solid #ddd; */box-shadow: 0 10px 20px rgba(189, 189, 189, 0.19), 0 6px 6px rgba(189, 189, 189, 0.19);}
	#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: 210px;}
	body.lnb_over #d_lnb_bg .shadow{display:block}
	body.lnb_over #header{background: #ffffff;}

	
	#d_lnb_btn{display:none;}

	#d_lnb{width: calc(90% - 210px);float: left;width: 80%;}
	#d_lnb ul{position:relative;display: block;width: 70%;float: left;padding-left: 5%;}
	#d_lnb li{position:relative;float: left;width: 15%;vertical-align: middle;}
	#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:#1f498b; 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:20px;color: #fff;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: #383838;}
  body.scroll .tail a i.on_ic:before,
	body.lnb_over .tail a i.on_ic:before{background: url(../img/online_ico_over.png) no-repeat; background-size:100%;}
	body.scroll .tail a:first-of-type,
	body.lnb_over .tail a:first-of-type{color:#333}
	
	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.lnb_over #d_lnb li.d5:before,
	body.scroll  #d_lnb li.d2:before,
	body.scroll  #d_lnb li.d3:before,
	body.scroll  #d_lnb li.d4:before
	body.scroll  #d_lnb li.d5:before{background:#dcdcdc}

	.tail{width: 25%; display: flex; flex-wrap: wrap;line-height: 100px;}
	.tail a{width: 50%; color:#fff;display: flex;flex-wrap: wrap;justify-content: center;align-items: center; position: relative}
	.tail a i.on_ic{margin-right:35px;}
	.tail a i.on_ic:before{content:''; display:block; background:url(../img/online_ico.png)no-repeat; left:43px; top:40px; position: absolute;width: 25px;height: 25px; background-size: 100%; }
	.tail a:first-of-type{border-left:1px solid #a4a4a4b0;}
	.tail a img{width:25px; height:25px;display: block;margin-right: 10px;}
	.tail a.red_bg{background:var(--main_color);}

	
	.lang {width: 20%;position: relative;display: block;float: left;}
	.lang a{font-family:'Pretendard','noto','Dotum','arial',sans-serif; text-indent:0; font-size:16px; font-weight:600;line-height: 20px;display: inline-block;padding: 10px;  color: #fff9;margin-top: 30px;border-radius: 500px; position:relative}
	.lang a:first-of-type:after{width:2px; height:15px; background-color:#ffffff8a; display:block; clear: both; content: "";position: absolute;right: -5px;top: 14px;}
	.lang a.on{color:#fff;}
	
	body.lnb_over #d_lnb .lang a,
	body.scroll  #d_lnb .lang a{color:#2020203b;}
	body.lnb_over #d_lnb .lang a.on,
	body.scroll  #d_lnb .lang a.on{color:#202020;}
	
	body.lnb_over #d_lnb .lang a:first-of-type:after,
	body.scroll  #d_lnb .lang a:first-of-type:after{background-color: #3838382e;}
	
	.all_menu a{display: block;width: 100px;height: 100px;background: var(--main_color);position: absolute;right: 0;top: 0;}
	.all_menu:after{display: block; clear: both; content: "";}
	.all_menu span{display:block; width:30px; height:2px; background-color:#fff;margin-left: 35%;margin-top: 49%;position: relative;}
	.all_menu span:before{display: block; clear: both; content: ""; width:30px; height:2px; background-color:#fff; position:absolute; top: -10px;}
	.all_menu span:after{display: block; clear: both; content: ""; width:30px; height:2px; background-color:#fff; position:absolute; bottom: -10px;}
	
	
	#d_lnb li.on .sub a {color: #222;}
	#d_lnb li .sub{position:absolute;width:100%; height:0;overflow:hidden;z-index:999;border-left: 1px solid #ddd;}
  #d_lnb li .sub dl{text-align:left;/*! height: 200px; */ }
	#d_lnb li .sub dl:hover{border-top:3px solid var(--main_color)}
	#d_lnb li .sub dd:first-child {padding-top:10px;}
	#d_lnb li .sub dd a{display:block;padding:10px 0;font-size:17px;color: #383838;line-height:20px;text-align:center;}
	#d_lnb li .sub dd a:hover{font-weight:800;padding-bottom:10px; color:var(--main_color);}
	#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;}

}

@media all and (min-width :1400px) {
#d_lnb li .sub dd a{font-size:18px;padding: 10px 0;}
		#d_lnb li .sub dd:last-child a{padding-bottom:20px !important;;}
	#d_lnb li > a{font-size:22px;}
	.lang a{font-size:18px;}
}

@media all and (min-width :1600px) {
#d_lnb ul{width: 75%; /*! padding-left:15%; */}
}

@media all and (min-width:1800px) {
#d_lnb{margin-right: 0px;}
#hs2 h1{padding: 15px 0 0 70px;}
}



/*mobile*/
@media all and (max-width:1199px) {
	body #header .bg{border-bottom:1px solid #b4b4b4; opacity:50%;}
	#hs2 .top {display:none;}
	body.scroll #header .bg{opacity:1;transition:.5s;background: #ffffff;box-shadow: -4px 4px 15px -11px rgb(170 170 170);border-bottom: 0px;}
	#header{
			position:fixed;
			z-index:9999;
			width:100%;
			max-width:2000px;
			min-width:320px;
			left:0;
			right:0;
			top:0;
			/* -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); */
			/* border-bottom: 1px solid #a5a5a578; */
			}

	#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%;z-index:991;max-width:340px;}
	#d_gnb ul{overflow:hidden;text-align:right;position:relative;display: flex;}
	#d_gnb ul li.btn_online a {display:block;padding: 0 30px;background: var(--main_color);}
	#d_gnb ul li.d2.btn_online a {display:block;padding: 0 30px;background: #adafb1;}
	#d_gnb ul li.d1 a{background: var(--main_color);}
	/*#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:18px; position:relative; font-weight:500; color:#fff; border-radius:100px; line-height:20px; width: 100%;text-align: center;}
	#d_gnb li.on:after {content:''; display:inline-block; width:80%; height:2px; background:#f3810f; 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 a.logo{background:#fff; display:block;}
	#d_gnb a.logo img{width:150px; margin:0 auto; display:block; padding:15px 0px; }
	#d_gnb a.btn img{width: 15px;height: 15px;/*! margin-right: 10px; */}
	#d_gnb a.btn{display: block;background: var(--main_color);padding: 15px;color: #fff;text-align: center;align-content: center;}
	#d_gnb .flex{display:flex; flex-wrap:wrap;}
	#d_gnb .flex .logo{width:70%;}
	#d_gnb .flex .btn{width:30%;}
	.tail{display:none;}
	
	#d_gnb .close{position:absolute;right:-50px;top:0px;width:50px;height:50px;cursor:pointer;background: #14171c;}
	#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:75px;/*! background: #fff; */}
	.scroll #hs2 {background: #fff;}
	.scroll #hs2 h1 a{background: url(../img/logo_over.png) no-repeat center center;width: 130px;height: 40px;display: block;padding-left: 20px;background-size: 100%;}
	#hs2 h1{text-align:left; display:block; padding:0;}
	#hs2 h1 a {display:inline-block;}
	#hs2 h1 a img {max-width: 150px;margin-left:15px;}
	#d_lnb_bg{display:none}
	#d_lnb_btn{position:absolute;padding:0 3%; top:0px; right:0; cursor:pointer; height:75px; padding-top:23px; }
	.icon-bar {display: block;margin-top: 5px;width: 30px;height: 2px;background: #fff;}
	.scroll .icon-bar{background: #363232;}
	

	#d_lnb{position:fixed;left:-100%;top:60px;width:80%;max-width:340px;height:100%;overflow:auto;z-index:991;border-top: 1px solid #dddd;}
	#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;background: #fff;}
	#d_lnb li > a{display:block;padding:15px 30px; font-size:20px; position:relative; border-bottom:1px solid #dcdcdc; font-weight:600}

	#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/go_btn.png) no-repeat center center; background-size:100% !important; text-align:center;}*/
	#d_lnb li.on > a{color: var(--main_color);font-weight: 800;}
	#d_lnb li.on > a:after{ -webkit-transform:rotate(90deg);
  -moz-transform:rotate(90deg);
  -ms-transform:rotate(90deg);
  -o-transform:rotate(90deg);
  transform:rotate(90deg);}

	#d_lnb li .sub{display:none; transition:0.3s; border-bottom:1px solid #dcdcdc;background: #f8f8f8;}
	#d_lnb li.on .sub{display:block;height:auto !important;}
	#d_lnb li .sub dl{}
	#d_lnb li .sub dd a{display:block;padding:8px 30px; font-size:17px; font-weight:400;}
	#d_lnb li .sub dd:hover{background:#efefef;}

	.lang {display:none;}

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