.d_clear{clear:both}

#header{position:relative; width:100%; z-index:1000; }
.top_search{position:relative; border:1px solid #e6e6e6; }
.top_search form{position:relative; }
.top_search #all_search{border:0; background:none; width:100%; height:45px; line-height:45px; background:#ffffff; font-size:14px}
.top_search .btn_search{position:absolute; right:0px; bottom:0; width:45px; height:45px; border:0;background:#ffffff; padding:0; text-align:center;}
.top_search .btn_search:before{ font-family:'FontAwesome'; content:'\f002'; color:#000000; font-size:1.3em;}

.menu_top{padding:20px; color:#ffffff; text-align:left}
.menu_top h2{color:#ffffff; font-size:1.25em; margin-bottom:15px}
.menu_top h2 span{font-size:14px; display:block}

.menu_top{padding:20px}

.lag{display:inline-block; color:#ffffff; position:relative;  min-width:70px;  vertical-align:top; }
.lag li{float:none !important; width:100% !important}

.lag .dropbtn {background:none; width:100%; text-align:left; border:none; display:inline-block; height:auto; position:relative; color:#000000; font-size:16px; line-height:45px; padding:0 30px 0 40px; text-transform:uppercase; letter-spacing:0; }
.lag .dropbtn:before{content:''; position:absolute; left:10px; top:0; bottom:0; margin:auto; display:block; height:15px; width:23px; background-size:100% !Important; background:url(../img/ic_lang.gif) no-repeat center center;}
.lag .dropbtn:after{font-family:'FontAwesome'; content:'\f078'; position:absolute; right:10px;  font-size:8px; line-height:45px; color:#bec5cd}

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

.lag .dropmenu ul{background:#131c3c; }
.lag .dropmenu ul li{padding:5px 0px; font-size:0.9em; cursor: pointer; color:#ffffff; text-align:left; line-height:32px;}
.lag .dropmenu ul li:hover a{color:#ffffff !important}

/*pc*/
@media all and (min-width:1200px) {
	body.scroll #header .bg{opacity:1;transition:.5s; }

	.d_container{margin:0 auto; max-width:1600px;}
	.pc_ver{display:block !important;}
	.mo_ver{display:none !important}
/*	body.scroll #header .bg{background:#414141;opacity:1;transition:.5s}*/
	body.scroll #hs1{display:none;}
	#header{position:fixed; top:0; z-index:999;width:100%;  max-width:2000px; margin:0 auto;height:145px; transition:0.3s; }
	body.scroll #header{background:#ffffff; height:75px;}

	#header .bg{position:absolute;left:0;top:0;width:100%;height:100%; transition:0.5s; opacity:0; background:#ffffff; display:none}
	/*	#header:before{content:''; width:100%; height:1px; background:#e6e6e6; position:absolute; bottom:0px; left:0; right:0; z-index:10 }
	/*body.lnb_over #header .bg{border-bottom:1px solid #dcdcdc; opacity:1; }*/

	body.lnb_over #header .bg{transition:0.5s}
	#hs1{position:relative;  background:#3a3e41; height:45px;}

	#hs1 .d_container{position:relative; }

	#d_gnb:after{content:''; display:block; clear:both}
	#d_gnb ul.left{float:left;}
	#d_gnb .right{float:right;}
	#d_gnb li{display:block; float:left; font-size:0.9em; font-weight:400;  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:#3ca8ed; 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 span:before{font-family:'FontAwesome'; color:#ccc; font-size:18px; content:'\f0ac'; padding-right:10px;}*/
	#d_gnb li a{vertical-align:middle;text-align:center; color:#ffffff; line-height:45px; display:block;  font-size:15px; }
	#d_gnb li a img{height:25px;display:inline-block; vertical-align:middle; margin-left:5px; margin-top:-3px}
	#d_gnb .left li a{position:relative; display:block; padding:0 20px; border-left:1px solid #e6e6e6; border-color:rgba(255,255,255,0.2)}
	#d_gnb .left li:first-child a{color:#f49c1b; font-weight:600}
	#d_gnb .left li:last-child a{border-right:1px solid #e6e6e6; border-color:rgba(255,255,255,0.2)}

	#d_gnb .right ul li{position:relative}
	#d_gnb .right ul >  li:before{content:''; width:1px; height:15px; background:#e6e6e6; position:absolute; left:0; top:0; bottom:0; margin:auto; opacity:0.3}
	#d_gnb .right ul li a{padding:0 20px; font-weight:600}
	#d_gnb .right ul li.r1{display:none}
	#d_gnb .right ul li.r3{background:#f49c1b}
	#d_gnb .right ul li.r3 a{min-width:110px}
	#d_gnb .right ul li.r3:before{display:none}


	
	#hs2{/*background:#fff;*/ position:relative; width:100%}

	/*#hs2:before{content:''; display:block; position:absolute; left:0; width:27%; min-width:360px; background:#131c3c; height:95px; top:0;  transition:0.3s}*/

	#hs2 h1{float:left; width:160px; margin-left:20px; height:70px; margin-top:17px;  position:relative; z-index:2; transition:0.3s; text-indent:-999999px}
	#hs2 h1 a{display:block;  width:100%; height:94px;  background:url(../img/logo_w.png) no-repeat center center !important; background-size:100% !important; height:100%; position:absolute; left:0; top:0; bottom:0; right:0;}
	

	body.lnb_over #hs2 h1 a{background-image:url(../img/logo.png) !important}

	body.scroll.subWrap #hs2 h1 a,
	body.lnb_over.scroll #hs2 h1 a{background-image:url(../img/logo.png) !important}

	body.scroll #hs2 h1 a{width:140px; height:60px; margin-top:0px; transition:0.3s; margin:0 auto; margin-top:5px; background-image:url(../img/logo.png) !important}
	body.scroll #hs2:before{ height:60px; transition:0.3s; background:none;}
	body.lnb_over #hs2:before{background:none}

	body.scroll #hs2 h1{height:75px; transition:0.3s; margin-top:0; margin-left:0;}
	#hs2 h1 span{position:absolute; right:0; font-size:13px; font-weight:600; line-height:55px}
	#hs2 h1 a {display:block; padding:0; }

	/*#hs2 h1 a{width:100%; height:57px; background:url(../img/logo.png) no-repeat center left; background-size:100% !important}
	/*body.scroll #hs2 h1 a,
	body.lnb_over #hs2 h1 a{background:url(../img/logo_b.png) no-repeat center center !important; background-size:100% !important}*/
	#hs2 h1 a img {width:100%;  vertical-align:middle;  transition:0.3s;}
	body.scroll #hs2 h1 a img{max-width:200px;  transition:0.3s;}
	#d_lnb_bg{position:absolute;left:0;top:99px; width:100%; background:#ffffff;  height:0;overflow:visible !important; z-index:0; border-color:rgba(255,255,255,0.2); opacity:0.9}

	body.mainWrap #d_lnb_bg{border-bottom:0px}

	body.lnb_over #d_lnb_bg{background:#ffffff; /*border-bottom:1px solid #e6e6e6;*/ border-top:1px solid #e6e6e6}
	body.scroll #d_lnb_bg{top:74px}

	#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:180px}*/
	body.lnb_over #d_lnb_bg .shadow{display:block}
	body.lnb_over #header{background:#ffffff;  border-bottom:1px solid #e6e6e6}

	
	#d_lnb_btn,
	.lnb_btn2{display:none}

	#d_lnb{width:calc(100% - 240px); float:right; }
	#d_lnb ul{position:relative;}
	#d_lnb li{position:relative;float:left;}	
	/*#d_lnb li i{position:absolute; width:5px; height:5px; background:#e6e6e6; left:0; top:0; bottom:0; margin:auto}*/
	#d_lnb li:first-child i{display:none}
	#d_lnb li {width:15.66%; }
	#d_lnb li.d2 {width:21.66%; }
/*
	#d_lnb li.on .sub{background:#131c3c; }
	#d_lnb li.on .sub dd a{color:#f49c1b}*/


	#d_lnb li > a:before{content:''; position:absolute; bottom:0px; left:50%; width:0; height:4px; background:#f49c1b; 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 > a{display:block;font-size:21px; font-weight:700; line-height:100px; text-align:center; padding-left:0px; text-transform:uppercase; color:#ffffff; position:relative}

	
	body.lnb_over #d_lnb li > a,
	body.scroll #d_lnb li > a{color:#000000}
	body.scroll #d_lnb li > a{line-height:75px;}

	
	
	


	#d_lnb li > a:hover,
	#d_lnb li.on > a{font-weight:700;  transition:.3s; color:#f49c1b !important; position:relative;}
	#d_lnb li .sub dd{ position:relative}
	
	#d_lnb li .sub{width:100%; height:0;overflow:hidden;}

    #d_lnb li .sub dl{ position:relative; padding:20px 0px; text-align:center }
    /*#d_lnb li .sub dl:before{content:''; display:block; position:absolute; left:0; top:0; bottom:2px; width:1px; background:#e6e6e6}*/
	#d_lnb li.tail{float:right; width:40px; margin-right:20px; max-width:100%; overflow:hidden; text-align:right}
	#d_lnb li.tail a.sns_a{display:inline-block; width:35px; vertical-align:middle; margin-top:35px; margin-left:3px; line-height:100%}
	#d_lnb li.tail.on a:before{display:none !important}



	#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 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:#e6e6e6}


	#d_lnb li .sub dd a{display:block;padding:9px 0;font-size:18px;color:#323232; line-height:25px;  font-weight:500}
	/*body.scroll #d_lnb li .sub dd a{font-size:16px; line-height:20px}*/

	#d_lnb li .sub dd a:hover{font-weight:600; color:#000000}
	#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}
	#d_lnb2{display:none}

	.tail .lag{display:inline-block; color:#ffffff; position:relative;  min-width:70px; line-height:50px; height:50px; vertical-align:top; border-bottom:2px solid #2797ff; margin-top:20px}
	.tail .lag li{float:none !important; width:100% !important}

	.tail .dropbtn {background:none; width:100%; text-align:left; border:none; display:inline-block; height:auto; position:relative; color:#ffffff; font-size:13px; font-weight:700; line-height:30px;}
	.tail .dropbtn:after{font-family:'FontAwesome'; content:'\f078'; position:absolute; right:10px; color:#ffffff; font-size:8px; line-height:30px;}

	body.lnb_over #d_lnb li.tail .dropbtn,
	body.scroll #d_lnb li.tail .dropbtn{color:#3ca8ed}
	body.lnb_over #d_lnb li.tail .dropbtn:after,
	body.scroll #d_lnb li.tail .dropbtn:after{color:#3ca8ed !Important}


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

	.tail .dropmenu ul{background:#3ca8ed; }
	.tail .dropmenu ul li{padding:5px 0px; font-size:0.9em; cursor: pointer; color:#ffffff; text-align:left; line-height:32px;}
	.tail .dropmenu ul li:hover a{color:#ffffff !important}
	body.scroll #d_lnb li.tail .dropmenu ul li a,
	body.lnb_over #d_lnb li.tail .dropmenu ul li a{color:#ffffff !important}

	#d_lnb li.tail .top_search{margin-top:20px}

	.sitebar{display:block; width:25px;   height:60px; margin-top:17px; float:right;  margin-left:10px; }
	body.scroll .sitebar{margin-top:8px}

	.sitebar a{display:block; width:100%; height:100%; position:relative; }
	.sitebar a span{position:absolute; display:inline-block; width:25px; height:2px; background:#ffffff; left:0; right:0; top:0; bottom:0; margin:auto}
	.sitebar a span:before,
	.sitebar a span:after{content:''; width:100%; height:2px; display:block; background:#ffffff; top:-8px; position:absolute;}
	.sitebar a span:after{top:auto; bottom:-8px;}

	body.subWrap .sitebar a span,
	body.subWrap .sitebar a span:before,
	body.subWrap .sitebar a span:after,
	body.lnb_over .sitebar a span,
	body.lnb_over .sitebar a span:before,
	body.lnb_over .sitebar a span:after{background:#323232}

	body.scroll .sitebar a span,
	body.scroll .sitebar a span:before,
	body.scroll .sitebar a span:after{background:#323232}


}


/*mobile*/
@media all and (max-width:1199px) {
	
	#header{position:fixed;z-index:9999;width:100%; top:0; min-width:320px; border-bottom:1px solid #ffffff; border-color:rgba(255,255,255,0.3)}
	#header .bg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:1;transition:.5s}
	#hs2 h1 span{display:none}
	.mo_ver{display:block !important}
	.pc_ver{display:none !important}
	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)}
	/*body.lnb_on2 #d_lnb_mask2{position:fixed;left:0;top:0;width:100%;height:100%;z-index:990; background:rgba(0,0,0,0.4)}*/

	#d_gnb{position:relative}
	#d_gnb ul.left{background:#3a3e41;}
	#d_gnb ul.left li{width:25%; float:left; color:#ffffff; max-width:80px}
	#d_gnb ul.left li a{display:block; line-height:40px; text-align:center; font-size:0.9em; border-right:1px solid #ffffff; border-color:rgba(255,255,255,0.3)}
	#d_gnb ul.left li:first-child a{font-weight:500; color:#ffa014}
	#d_gnb ul.left:after{content:''; display:block; clear:both}

	#d_gnb .right{position:fixed; z-index:991; width:100%;  right:-100%; max-width:420px; top:0; background:#3a3e41; height:65px; border-bottom:1px solid #e6e6e6; border-color:rgba(255,255,255,0.3)}
	#d_gnb .right ul li{float:left; width:calc(50% - 30px); }
	#d_gnb .right ul li:first-child a{margin-left:25px}
	#d_gnb .right ul li a{line-height:45px; display:block; text-align:center; margin:10px 0px 0px 10px; text-align:center; color:#ffffff; font-weight:700; font-size:0.9em; border-radius:500px;}
	#d_gnb .right ul li.r2{display:none}
	#d_gnb .right ul li.r1 a{border:1px solid #f49c1b; color:#f49c1b}
	#d_gnb .right ul li.r3 a{background:#f49c1b;}

	#d_gnb .right ul:after{content:''; display:block; clear:both}

	#d_gnb .close{position:absolute;right:7px;top:13px;width:35px;height:35px;cursor:pointer; }
	#d_gnb .close span{display:inline-block; position:absolute; top:55%; right:0px;}
	#d_gnb .close span:before,
	#d_gnb .close span:after{content:''; display:inline-block; width:30px; height:3px; background:#ffffff; position:absolute; right:10px; border-radius: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:none ;  height:60px; }
	body.scroll #hs2{background:#ffffff}
	#hs2 h1{text-align:left; display:inline-block; padding:0;  margin-left:3%; margin-top:10px; width:100px; height:43px; text-indent:-999999px; position:relative}

	#hs2 h1 a{display:block;  background:url(../img/logo_w.png) no-repeat center center !important; background-size:100% !important; height:100%; position:absolute; left:0; top:0; bottom:0; right:0;}
	body.scroll #hs2 h1 a,
	body.lnb_over #hs2 h1 a{background:url(../img/logo.png) no-repeat center center !important; background-size:100% !important}
	#hs2 h1 a img {max-width:150px; }

	#d_lnb_bg{display:none}
	#d_lnb_btn{position:absolute;right:0%;top:0px;cursor:pointer;  padding:0 15px; padding-top:14px; height:100%}
	body.scroll #d_lnb_btn{background:#f49c1b;}

	

	#d_lnb{position:fixed;right:-100%;top:65px;width:100%; max-width:420px; height:100%;overflow:auto;background:#3a3e41; 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_lnb2{position:fixed; top:100px; max-width:420px; right:-100%;width:100%;height:100%;   overflow:auto;background:#131c3c;z-index:9991;overscroll-behavior: none; padding:30px 20px }
	#d_lnb2 .top_search{margin-top:40px}


	#header .lnb_btn2{position:absolute;z-index:2; right:70px; top:15px;cursor:pointer;width:30px;height:30px;}
	#header .lnb_btn2 a.search_btn{display:block; position:relative; width:30px; height:100%; margin-right:30px;}
	#header .lnb_btn2 a.search_btn i{color:#131c3c; font-size:25px; line-height:30px;}
	/*
	#header .lnb_btn2 a.search_btn:after{font-family: 'Font Awesome 5 Free'; content:'\f002'; color:#ffffff; font-size:25px; line-height:30px; text-align:center; z-index:1; position:relative}*/
	body.lnb_on2 .lnb_btn2 a.search_btn:before{content:''; width:15px; height:15px; display:block; background:rgba(255,244,119,0.8); position:absolute; right:5px; top:0; border-radius:500px; z-index:0; }

	#d_lnb2 .close{position:absolute;right:0px;top:0px;width:60px;height:60px;cursor:pointer; background:#131c3c}
	#d_lnb2 .close span{display:inline-block; position:absolute; top:55%; right:0px;}
	#d_lnb2 .close span:before,
	#d_lnb2 .close span:after{content:''; display:inline-block; width:35px; height:2px; background:#ffffff; position:absolute; right:14px;}
	#d_lnb2 .close span:after{top:-11px}
	#d_lnb2 .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_lnb2 .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);
	}


	#d_lnb ul{height:100%; overflow:auto; text-align:left; ;}
	#d_lnb li > a{ display:block;padding:20px 25px; font-size:21px; font-weight:700;  color:#ffffff; position:relative;}

	#d_lnb li > a i{display:block; position:absolute; right:20px; top:0; bottom:0; margin:auto; transition:0.3s; width:12px; height:7px; background:url(../img/ic_accordion.png) no-repeat center center; background-size:100% !important; text-align:center;}
	#d_lnb li.on > a i { -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg)}
	

	/*#d_lnb li.on > a:after{content:''; display:inline-block; vertical-align:middle; margin-left:10px;  background:#f49c1b; width:6px; height:6px; border-radius:500px; }*/
	#d_lnb li.on > a{color:#f49c1b ;   position:relative; ; transition:0.3s}
	/*#d_lnb li.on > a:after{content:''; position:absolute; top:0; bottom:0; right:0px; margin:auto;  margin-right:20px; transition:0.5s; width:6px; height:6px; border-radius:500px; background:#051444}*/
	#d_lnb li.on > a:before{display:none }

	#d_lnb li.tail{display:none}

	#d_lnb li .sub{background:#f49c1b; height:0;display:none; margin-left:25px; padding:10px 0px; border-radius:30px 0 0 30px}
	#d_lnb li.on .sub{display:block;height:auto !important; padding:10px 0px;}
	#d_lnb li .sub dl{position:relative; }
	#d_lnb li .sub dd a{display:block;padding:0px 30px; line-height:40px;  font-size:17px;  color:#ffffff; font-weight:600}
	.icon-bar {display: block; margin-top: 6px; width: 25px;height: 2px; background: #ffffff; }
	#d_lnb li.lag{display:none}

	body.scroll .icon-bar {background: #ffffff;}
	
}

@media all and (min-width:1400px) {

}