.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 #header .bg{background:#414141;opacity:1;transition:.5s}*/
	body.scroll #hs1{display:none;}
	#header{position:fixed;z-index:999;width:100%;/* max-width:2000px; */margin:0 auto;border-bottom:1px solid #ffffff;border-color:rgba(255,255,255,0.3);display: flex;/*! justify-content: space-between; */left: 0;right: 0;}
	#header .bg{position:absolute;left:0;top:0;width:100%;/*! height:100%; */ transition:0.5s; opacity:0; background:#fff}
	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 span:before{font-family:'FontAwesome'; color:#ccc; font-size:18px; content:'\f0ac'; 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}
	#d_gnb li:first-child a{padding-left:50px;}
	#d_gnb li.d1:before{font-family: 'FontAwesome'; font-size:14px; display:inline-block; content:"\f011"; position:absolute; left:20px; top:13px}


	
	#hs2{background:#fff; position:relative; width:100%;border-bottom: 1px solid #ebebeb;}
	#hs2 h1{float:left;width: 8%;position:relative;z-index:2;margin-left: 20px;}
	#hs2 h1 span{position:absolute; right:0; font-size:13px; font-weight:600; line-height:55px}
	#hs2 h1 a {display:block; padding:0; text-indent:-999999px}
	#hs2 h1 a{height:80px;background:url(../img/logo.png) no-repeat center left;background-size: 70% !important;}
	body.scroll #hs2 h1 a,
	body.lnb_over #hs2 h1 a{background:url(../img/logo_b.png) no-repeat center left !important;background-size: 70% !important;}
	#d_lnb_bg{position:absolute;left:0;top:80px;width:100%;background:#ffffff;height:0;overflow:visible !important;z-index:0;}
	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: 90%;float: right;height:80px;}
	#d_lnb ul{position:relative;/* margin-left: 250px; */}
	#d_lnb li {/* width: calc(16% - 5px); */position: relative;float: left;width: 11.5%;}
	#d_lnb li.tail{
    width: 19.5%;
    display: block;
    position: relative;
}
	#d_lnb li > a{display:block;font-size: 19px;color:#333;font-weight:500;line-height:80px;/* width: 100px; */text-align:center;padding-left:0px;text-transform:uppercase;}
	body.scroll #d_lnb li > a,
	body.lnb_over #d_lnb li > a{color:#323232}

	#d_lnb li.d2,
	#d_lnb li.d3,
	#d_lnb li.d4{position:relative;}
	/*#d_lnb li.d2:before,
	#d_lnb li.d3:before,
	#d_lnb li.d4:before{content:''; display:block; width:4px; height:4px; background:#ffffff; position:absolute; left:0; top:0; bottom:0; margin:auto}*/

	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 > a:hover,
	#d_lnb li.on > a{font-weight:600;  transition:.3s; position:relative;}
	#d_lnb li.on .sub{}
	#d_lnb li .sub{position:absolute;width:100%; height:0;overflow:hidden;}
    #d_lnb li .sub dl{text-align:left; border-left:1px solid #f0f0f0; }
	#d_lnb li.tail span.back{/* padding: 10px 30px 10px 15px; *//* border-radius: 50px; *//* background: linear-gradient( to right, #01a653, #0060ba ); */}
	#d_lnb li.tail .go a.ico_go:after{display: block;clear: both;content: "";right: 10px;top: 40%;position:absolute;background: url(../img/slick_next2.png)no-repeat;width: 12px;height: 12px;background-size:100%;}
	#d_lnb li.tail span{color:#fff;}
	#d_lnb li.tail span.lang{color: #0060ba;}
	#d_lnb li.tail .go a.lnb_contact{text-align: center;position:relative;font-size: 0.8em;border-radius: 50px;background: linear-gradient( to right, #01a653, #0060ba );padding: 10px 30px 10px 15px;}
	#d_lnb li.tail .lag a.lnb_contact{text-align: center;position:relative;font-size: 0.8em;padding: 10px 15px;border-radius: 50px;background: #fff;border: 1px solid #0060ba;}
	#d_lnb li.tail .lag a img{margin-right:10px;}
	
	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 .sub dd a{display:block;padding:8px 0;font-size: 17px;color:#323232;line-height:20px;text-align:center;}
	#d_lnb li .sub dd a:hover{color:#1c3f95; 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}


    .tail .lag{position:relative;top: 30px;float: left;display: block;z-index: 999;}
	.tail .lag li{width:100% !important; position:relative; background:#93939373; left:10%;}
	
	.tail .go{position:relative;top: 30px;float: left;display: block;z-index: 999;margin-right: 5%;}
	.tail .go li{width:100% !important; position:relative; background:#93939373; left:10%;}
	
	.tail .lag li a.on {color:#fff !important}
	.tail .lag li a {font-size:1em-webkit-xxx-large !important; color:#545454 !important}
	.tail .lag li:hover{background:#0060ba;}
	body.scroll .tail .lag li a.on,
	body.lnb_over .tail .lag li a.on,
	body.scroll .tail .lag li a:hover,
	body.lnb_over .tail .lag li a:hover {color:#0060ba !important}
	body.scroll .tail .lag li a.ic_gw:hover,
	body.lnb_over .tail .lag li a.ic_gw:hover{background:url(../img/lag0_on.png) no-repeat 0px 35px; background-size:30% !important; }

	.tail .dropbtn {background:none; width:100%; text-align:center; border:none; display:inline-block; height:auto; position:relative; color:#b3b3b3; font-size:13px; font-weight:700; line-height:37px; padding-left:10px;  text-transform:uppercase; vertical-align:top;}
	.tail .dropbtn:after{background: url(../img/ico_lag_b.png) no-repeat left top;content:'';position:absolute;right:15px;top: 0px;color:#b3b3b3;width: 20px;height: 20px;background-size:100%;line-height:30px;}
	body.scroll .tail .dropbtn:before,
	body.lnb_over .tail .dropbtn:before {background:url(../img/lag_b.png) no-repeat left 0;  left:10px; top:10px; width:18px; height:20px; background-size:100%;}
	body.scroll .tail .dropbtn:after,
	body.lnb_over .tail .dropbtn:after {background:url(../img/ico_lag_b.png) no-repeat left top; right:15px; top:0px; width:20px; height:20px; background-size:100%;}

	body.scroll #d_lnb li.tail .lag ul{position:relative}
	body.lnb_over #d_lnb li.tail .dropbtn,
	body.scroll #d_lnb li.tail .dropbtn{color:#004098;}
	body.lnb_over #d_lnb li.tail .dropbtn:after,
	body.scroll #d_lnb li.tail .dropbtn:after{color:#004098 !Important}

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

	.tail .dropmenu ul{background:#fff;  border-radius:10px;}
	#d_lnb li.tail .dropmenu ul li {padding:5px 0px;  cursor: pointer; text-align:left; line-height:32px;}
	#d_lnb li.tail .dropmenu ul li > a {color:#fff !Important;font-size:0.9em;font-weight:400;}
	#d_lnb li.tail .dropmenu ul li:hover {background:#004098; }
	#d_lnb li.tail .dropmenu ul li:hover a{color:#fff !Important; font-weight:600;}
	body.scroll #d_lnb li.tail .dropmenu ul li a,
	body.lnb_over #d_lnb li.tail .dropmenu ul li a{color:#fff !Important}
	body.scroll #d_lnb li.tail .dropmenu ul li:hover a,
	body.lnb_over #d_lnb li.tail .dropmenu ul li:hover a{color:#fff !Important; }

	.sitebar {display:none;}
	.sitebar .litebox-overlay .litebox-nav {display:none;}

	#d_lnb li.tail .lag .dropmenu ul li{display: block;}
}


@media (min-width: 1400px) {
#d_lnb li.tail .go a.lnb_contact{padding: 10px 40px 10px 25px;}
#d_lnb li.tail .lag a.lnb_contact{padding: 10px 15px;}
}


/*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}
	#hs2 h1 span{display:none}
	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%; max-width:250px; z-index:991;text-align:center;}
	#d_gnb ul{ background:#393939; overflow:hidden;}
	#d_gnb li{font-size:0.9em; line-height:50px; position:relative; width:50%; float:left; font-weight:600}

	#d_gnb li a{color:#000; display:block;}
	#d_gnb li:last-child a{border-right:0}
	#d_gnb ul{background:#fff}
	#d_gnb li.d1{background: #f7f7f7;border-right: 1px solid #e1e1e1;}
	#d_gnb li.d2{background: #f7f7f7;}
	#d_gnb li.d1 a ,
	#d_gnb li.d2 a{color: #32373e;font-size: 14px;}
	#d_gnb .logo a{display:block;background: linear-gradient( to right, #01a653, #0060ba );padding: 15px 0px;color: #fff;font-weight: 700;font-size: 1.1em;/* background: #242f4e; */}

	#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:10px 0 10px; border-bottom:1px solid #dcdcdc; border-color:rgba(255,255,255,0.3)}
	body.scroll #hs2{background:#ffffff; border-bottom: 1px solid #ededed;}
	#hs2 h1{text-align:center; display:block; padding:0; }
	#hs2 h1 a{margin:0 auto;display:block;text-indent:-999999px;width: 120px;height: 70px;background:url(../img/logo.png) no-repeat center center;background-size: 60% !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: 60% !important;}
	#hs2 h1 a img {max-width:142px; margin-left:30px}

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

	#d_lnb{position:fixed;left:-100%;top: 100px;width:80%;max-width:250px;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; background:#fff;}
	#d_lnb li > a{ display:block;padding:15px 30px; font-size:15px; font-weight:600;  color:#000; position:relative;}
	#d_lnb li.tail{position:absolute; top:20px; left:0px; display:none}
	#d_lnb li > a:before{content:'';position:absolute;top:0;bottom:0;right:0px;margin:auto;/* background:#ddd; */width: 18px;height: 18px;/* border-radius:500px; */margin-right:20px;background: url(../img/slick_next_b.png) no-repeat center;background-size: 100%;}
	#d_lnb li.on > a{background: #ffffff;color: #000;font-weight:600;position:relative;}
	#d_lnb li.on > a:after{content:'';position:absolute;top:0;bottom:0;right:0px;margin:auto;margin-right:20px;transition:0.5s;width: 18px;height: 18px;border-radius:500px;/* background:#ffffff; */background: url(../img/slick_bottom.png) no-repeat;background-size: 100%;}
	#d_lnb li.on > a:before{display:none }

	#d_lnb li.tail a:before,
	#d_lnb li.tail a:after{display:none;}

	#d_lnb li.tail a{color:#36c2f1}
	#d_lnb li.tail a span{border-bottom:1px solid #36c2f1}

	#d_lnb li .sub{background: #f3f3f3b0;display:none;transition:0.3s;}
	#d_lnb li.on .sub{display:block;height:auto !important;/* padding:0px 0px 10px; */}
	#d_lnb li .sub dl{position:relative;}
	#d_lnb li .sub dd{border-bottom: 1px solid #e9e9e9;}
	#d_lnb li .sub dd:last-of-type{border-bottom: none;}
	#d_lnb li .sub dd a{display:block;padding:8px 30px;font-size:14px;color: #6f6f6f;}
	#d_lnb li .sub dd a:hover{font-weight:700}	
	.icon-bar {display: block;margin-top: 5px;width: 25px;height: 2px;background: #ffffff;}
	#d_lnb li.lag{display:none}

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

	.sitebar {display:block;}
	
}

	.sitebar{display:block;width:16%;margin-left:10px;height:100px;float:right;position:relative;}
	.sitebar a{display:block;width:100%;height:80px;position:relative;color:#333;line-height:90px;text-align:left;padding:0 30px;}
	.sitebar a span{position:absolute;display:inline-block;width: 25px;height: 2px;background:#333;right:30px;top:0;bottom:0;margin:auto}
	.sitebar a span:before,
	.sitebar a span:after{content:'';width:100%;height: 2px;display:block;background:#333;top:-8px;position:absolute;}
	.sitebar a span:after{top:auto; bottom:-8px;}


	body.lnb_over .sitebar a span,
	body.scroll .sitebar a span,
	body.lnb_over .sitebar a span:before,
	body.scroll .sitebar a span:before,
	body.lnb_over .sitebar a span:after,
	body.scroll .sitebar a span:after	{ background:#004098;}



	/*라이트박스*/
	.litebox-overlay {background:rgba(0,0,0,0.9) !important;}
	.litebox-overlay .litebox-inline-html {background:none !important;}
	#allmenu{color:#ffffff}
	#allmenu h2{font-size:2.5em; text-align:center; color:#fff; padding:10px 0 90px;}
	#allmenu .sitemap{position:relative; overflow:hidden;}
	#allmenu .sitemap .site dl dt{line-height:50px; background:#004098;  margin-bottom:10px; font-size:1.2em}
	#allmenu .sitemap .site dl dd{line-height:33px;font-size:1.1em;padding:10px 0;background: #ffffffe6;border-bottom: 1px solid #cdcdcd;}
	#allmenu .sitemap .site dl dd a {color: #000;font-weight:300;}
	#allmenu .sitemap .site dl dd a:hover {font-weight:600;}
	#allmenu .sitemap .site{width: 18%;margin:0 1%;float:left;}