.d_clear{clear:both}
#skipnavi{position:absolute;top:-1px;left:0; z-index:999999; text-indent:-9999px;}
#skipnavi a{position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;}
#skipnavi a:link{color:#333;}
#skipnavi a:focus{margin-top:0;text-decoration:underline;color:#fff}

/*pc*/
@media all and (min-width:1200px) {
	body.scroll #header .bg{opacity:1;transition:.5s; }
	.d_container{margin:0 auto; max-width:1600px;}
	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);*/ background:#ffffff;-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%; 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 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%}
	#hs2:after{position:absolute; display:block; content:''; width:15%; height:90px; background:#1854c4; right:0; top:0; z-index:0}
	#hs2 h1{float:left; width:15%; max-width:210px; padding:22px 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; }
	/*#hs2 h1 a{width:100%; height:57px; background:url(../img/logo.png) no-repeat center left; background-size:auto 100% !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:auto 100% !important}*/
	#hs2 h1 a img {width:100%;  vertical-align:middle}
	#d_lnb_bg{position:absolute;left:0;top:89px; 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.lnb_over #d_lnb_bg{height:190px !important}*/
	body.scroll #header{background:#ffffff}

	
	#d_lnb_btn{display:none}

	#d_lnb{width:81%; float:right; }
	#d_lnb ul{position:relative;}
	#d_lnb li{position:relative;float:left;}	
	#d_lnb li {/*width:170px;*/ width:15%; max-width:170px}
	#d_lnb li.long{max-width:200px;}
	
	#d_lnb li > a{display:block;font-size:18px; color:#000000; font-weight:400; line-height:90px;/*width:160px;*/ text-align:center; padding-left:0px; text-transform:uppercase}
	body.scroll #d_lnb li > a,
	body.lnb_over #d_lnb li > a{color:#000000}
/*
	#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; color:#1a42b2 !important; position:relative;}
	#d_lnb li.on .sub{}
	#d_lnb li .sub{position:absolute;width:100%; height:0;overflow:hidden;}
    #d_lnb li .sub dl{padding-top:20px}
	#d_lnb li.tail{float:right; width:20% !important; max-width:205px !important; overflow:hidden; text-align:center; position:absolute; right:0; top:0; background:#1854c4; height:90px; z-index:1}
	#d_lnb li.tail a{display:inline-block; font-size:0.8em; font-weight:normal; position:relative; vertical-align:middle;}
	

	#d_lnb li .sub dd a{display:block;padding:5px 0;font-size:16px;color:#323232; line-height:25px; ;text-align:center;}
	#d_lnb li .sub dd a:hover{color:#1a42b2; font-weight:500;}
	#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_lnb li.tail:after {clear:both; display:block; content:'';}
	#d_lnb li.tail span {display:inline-block; }
	#d_lnb li.tail span.bg_in { color:#fff; max-width:127px;width:33%; text-align:center;}
	#d_lnb li.tail span.bg_in .ico img { max-width:20px; margin-top:-4px;}

	#d_lnb li.tail span.search {background:#969696;width:25%; max-width:90px;  padding-top:30px}
	#d_lnb li.tail span.search .ico img {max-width:22px;}

	#d_lnb li.tail span.sitebar{ width:30%; max-width:90px;   padding-top:30px}
	#d_lnb li.tail span.sitebar i{display:inline-block; vertical-align:middle; width:25px; height:2px; background:#ffffff; margin:0 20px 0px 23px; position:relative;}
	#d_lnb li.tail span.sitebar i:before,
	#d_lnb li.tail span.sitebar i:after{content:''; position:absolute; top:-9px; left:-3px; right:0; width:25px; height:2px; background:#ffffff; }
	#d_lnb li.tail span.sitebar i:after{top:auto; bottom:-9px}


	 .top_link{position:absolute;background:#fb0000;; top:80px; right:0; width:75px; height:auto;}
	 .top_link:after{content:''; clear:both; display:block;}
	 .top_link h2,
	 .top_link a.btn_catalog,
	 .top_link ul{float:left; writing-mode:tb-rl; overflow:hidden; line-height:40px; color:#ffffff; letter-spacing:0; text-transform:uppercase; font-size:14px; font-weight:600;  padding:20px 15px; width:75px}
	 .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{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{position:relative;display:block; background:#656d72}
	.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:#272727; transform: scaleY(0); transform-origin: top; transition: .1s ease-in;}
	.top_link a.btn_catalog:hover:before{transform:scaleY(1); transition: .3s ease-out;}

	.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}





}

@media all and (min-width:1400px) {
#d_lnb li > a {font-size:20px;}


#d_lnb li.tail a {font-size:16px;}
#d_lnb li.tail span.login {border-right:0;}

#d_lnb li.tail span.bg_in {width:40%;}
#d_lnb li.tail span.sitebar {width:44%;}

}


/*mobile*/
@media all and (max-width:1199px) {
	
	#header{position:fixed;z-index:9999;width:100%;height:65px; top:0; min-width:320px;}
	#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;right:-100%;top:0;height:0px;width:100%; max-width:420px; z-index:991;text-align:center;}
	#d_gnb ul{ background:#393939; overflow:hidden;}
	#d_gnb li{ position:relative; width:36%; float:left; font-weight:600; height:60px; line-height:60px;  }
	#d_gnb li:last-child img{max-width:35%; margin-top:15px;}
	#d_gnb li a{display:block; width:100%; height:100%; font-weight:600; color:#ffffff !important; text-transform:uppercase; position:relative;}
	#d_gnb li a:after{content:''; position:absolute; width:1px; height:20px; background:#ffffff; right:0; top:0; bottom:0; margin:auto; opacity:0.5}

	
	#d_gnb li:last-child a:after{content:''; display:none}
	
	.tail {display:none;}


	#d_gnb li a{color:#ffffff; display:block;}
	#d_gnb li:last-child a{border-right:0}
	#d_gnb ul{background:#1854c4; width:calc(100% - 70px)}

	#d_gnb .close{position:absolute;right:0px;top:0px;width:70px;height:60px;cursor:pointer; background:#3d4144}
	#d_gnb .close span{display:inline-block; position:absolute; top:55%; right:10px;}
	#d_gnb .close span:before,
	#d_gnb .close span:after{content:''; display:inline-block; width:35px; height:2px; background:#ffffff; position:absolute; right:10px;}
	#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; height:60px; background:#ffffff}
	#hs2 h1{text-align:left; display:inline-block; padding:0; padding-top:13px; margin-left:3% }

	#hs2 h1 a{display:block; width:160px; height:37px; text-indent:-999999px}
	#hs2 h1 a,
	#hs2 h1 a,
	#hs2 h1 a{background:url(../img/logo.png) no-repeat center center !important; background-size:100% !important}

	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:200px; }

	body.scroll #hs2{background:#ffffff ;  height:60px; -webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.3);}

	#d_lnb_bg{display:none}
	#d_lnb_btn{position:absolute;right:0%;top:0px;cursor:pointer; background:#005bac; padding:0 20px; padding-top:12px; height:100%}
	
	

	#d_lnb{position:fixed;right:-100%;top:60px;width:100%; max-width:420px; 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:#ffffff;}
	#d_lnb li > a{ display:block;padding:17px 30px; font-size:17px; font-weight:500;  color:#323232; position:relative; border-bottom:1px solid #e6e6e6}

	#d_lnb li > a i{display:block; position:absolute; right:20px; width:30px; height:30px; border:1px solid #d3d6d7; top:0; bottom:0; margin:auto}
	#d_lnb li > a i:before,
	#d_lnb li > a i:after{content:''; display:block; width:15px; height:1px; border-radius:100px; background:#d3d6d7; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto}
	#d_lnb li > a i:after{width:1px; height:15px}
	#d_lnb li.on > a i {background:#005bac; border-color:#005bac}
	#d_lnb li.on > a i:after {content:''; display:none;}
	#d_lnb li.on > a i:before,
	#d_lnb li.on > a i:after{background:#ffffff}
	

	#d_lnb li > a:before{content:''; position:absolute; top:0; bottom:0; right:0px; margin:auto; background:#ffffff; width:6px; height:6px; border-radius:500px; margin-right:20px;  }
	#d_lnb li.on > a{color:#005bac;  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:6px; height:6px; border-radius:500px; background:#051444}*/
	#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.g1,
	#d_lnb li.tail a.g2{display:none}
	#d_lnb li.tail a.g3{display:block; font-size:17px;  font-weight:normal; background:#005bac; color:#ffffff; border-bottom:0px; position:relative; padding:25px 30px}
	#d_lnb li.tail a.g3:before{display:block; content:''; border-radius:0; width:35px; height:35px; position:absolute; left:auto; right:0px; top:0px;  background-size:100% !important; background:url("../img/g03.png") no-repeat center center}
	#d_lnb li .sub{background:#f8f8f8; height:0;display:none}
	#d_lnb li.on .sub{display:block;height:auto !important; padding:10px 0px; border-bottom:1px solid #e6e6e6;  }
	#d_lnb li .sub dl{position:relative;}
	#d_lnb li .sub dd a{display:block;padding:0px 30px; line-height:40px;  font-size:15px;  }
	#d_lnb li .sub dd a:hover{font-weight:500; color:#005bac}	
	.icon-bar {display: block; margin-top: 7px; width: 30px;height: 2px; background: #ffffff; }
	#d_lnb li.lag{display:none}

	#d_lnb li.d7 a{text-align:center; font-size:14px; font-weight:600; margin:30px;  border-radius:500px; border:1px solid #e6e6e6; }
	#d_lnb li.d7 a.g3:before{display:inline-block; vertical-align:middle; content:''; border-radius:0; width:20px; height:20px; position:relative;background-size:100% !important; background:url("../img/g03_b.png") no-repeat center center}
	
	.top_link{display:none}
	body.scroll .icon-bar {background: #ffffff;}

	
}

/*사이트맵*/
.litebox-overlay .litebox-inline-html {top:40% !important}
.litebox-overlay .litebox-inline-html {background:none !important}
#allmenu{color:#ffffff}
#allmenu h2{font-size:2.5em; text-align:center;}
#allmenu .sitemap{position:relative; overflow:hidden;}
#allmenu .sitemap .site dl dt{line-height:50px; background:#00c2d3; border-radius:50px; margin-bottom:10px; font-size:1.2em}
#allmenu .sitemap .site dl dd{line-height:33px; font-size:1.1em}
#allmenu .sitemap .site dl dd:hover a {font-weight:700}
#allmenu .sitemap .site{width:100%; margin:0 1.5%; float:left;}




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

	#allmenu .sitemap .site{width:13.5%; }

	}