@charset "utf-8";

.menus_area {position:absolute;display: block; width: 100%; background: #ffffff; color: #050505; padding: 17px 0px; border-top: 0.5px solid rgb(245, 245, 245); border-bottom: 0.5px solid rgb(245, 245, 245);}
.submenus_area { position: absolute; display:none; z-index: 50; width:195px; top: 60px; color: #000000;margin-left: 15px;}
.mainmenus_area {width: 1400px; margin: 0 auto;}
.mainmenus_area li {width:14.2%; }
.mainmenus_area .mainitem {font-size: 17px; float: left;}
.mainmenus_area .mainitem a {color: #171717;font-weight: 500;display:block; }
.mainmenus_area .mainitem a:hover {color: #136391; }
.mainitem {float: left}
.mainitem a:focus{color: #3276b1}
.mainitem .blank_icon { background: url(/img/product/layout/blank_icon.png) 102px center no-repeat !important;}
/*.mainmenus_area .mainitem:nth-child(2) { background: url(/img/product/layout/blank_icon1.png) 72px center no-repeat !important;  padding-right: 20px; background-position:0px 45% ,0px 0px;}*/
/* .mainmenus_area .mainitem:nth-child(2) {background-image: url(/img/product/layout/blank_icon1.png), url(/img/front/kr/new/icon_open.png);  padding-right: 55px;
    background-position: 72px 5px ,90px -2px; background-repeat: no-repeat; margin-left: 55px;} */
.submenus_lefttitle {position: absolute; top: 15%;left:1.5%}
.slt1 {font-size: 23px; font-weight: 700; color: #000}
.slt2 {font-size: 12px; color: #999; margin-top: 10px}

.submenus {font-size: 13px !important; padding: 0px 0; color: #1f1f1f !important;/* border: 1px solid #dedede; */}
.submenus li{border-radius:0!important; padding: 10px 0px; width: 100%;background: #ffffff; color: #1f1f1f !important; border:1px solid #e4e4e4; border-top: none; text-align: center;}
.submenus li:hover {color: #1f1f1f !important;}
.submenus li a { color: #1f1f1f;}
.subinsub {display:block;position: relative; left: 200px; top: 0px; background: #ffffff;text-align: center;}
.subinsub li {}
.subinsub li a{font-weight:400!important; color: #000 !important;}
.subinsub li a:hover{color:#004d81!important;text-decoration:underline}
.subinsub li a:active {color:#004d81!important;text-decoration:underline}
.subinsub li a:focus {color:#004d81!important;text-decoration:underline}
.submenus li a.topsubitem {color: #000;}

.menubgs{border-bottom:2px solid #004d81;display:none;height: 294px;background: #fff; border-top:1px solid #004d81;position:fixed;width:100%;top:125px;z-index:20;transition:all 0.5s;display: none !important;}

	/* .m1 .submenus{margin-left: 0px;}
	.m1 .submenus .subinsub{left: 543px}
	
	.m2 .submenus{margin-left: 493px;}
	.m2 .submenus .subinsub{left: 686px}
	
	.m3 .submenus{margin-left: 652px;}
	.m3 .submenus .subinsub{left: 840px}
	
	.m4 .submenus{margin-left: 786px;}
	.m4 .submenus .subinsub{left: 977px}
	
	.m5 .submenus{margin-left: 921px;}
	.m5 .submenus .subinsub{left: 1107px;}
	
	.m6 .submenus{margin-left: 1131px;}
	.m6 .submenus .subinsub{left: 950px;text-align:right}
	
	.m7 .submenus{margin-left: 1159px;}
	.m7 .submenus .subinsub{left: 998px;text-align:right} */


@media all and (max-width: 1410px) {
	.mainmenus_area {width: 100%;}	 
	.submenus_area {margin-left: -20px;}
} 

@media all and (max-width: 1000px) {
	.submenus_area {width: 145px;}
	.menubgs {display: none !important;}
	.menubuttons{position: absolute;z-index:999;display:block;font-size:20px;right:0; top: 80px; transition: all 0.3s;border: 1px solid #888888; padding: 0px 8px; background-color:#ffffff; clear: both;}
	.menubuttons a{text-decoration:none!important; font-size: 30px; color: #545454;}
	.menus_area{display: none;padding:0;width:100%;z-index:100; background: #004d81; min-height: auto;height: auto !important;clear: both;}
	.mainmenus_area{float:left;width:100%}
	.mainmenus_area li{clear:both;width:100%;margin:0!important;padding:10px 0;border-bottom:1px solid #043455;border-top:1px solid #0061a3}
	.mainmenus_area li a{font-size:14px;color:#fff!important;}
	
	.submenus_area{width:100%;border-radius:0;margin:0;padding:0;position:relative;left:0;top:0px !important;margin-bottom:-10px;margin-top:10px;border-bottom:none;border-left:none;border-right:none}
	.submenus_lefttitle{display:none}
	.submenus{margin:0;border:none;background: #275c90;padding:0}
	.submenus li{padding: 10px 0;border:none;border-radius:0;border-top:1px solid #2b67a3}
	.submenus li a{font-size:12px!important; color: #000 !important;}
	.submenus li:hover a { color: #2b2b2b !important;}
	.subinsub{margin:5px 0 -10px 0;padding:0;position:relative;left:0;background:#f3f3f3; left: 0px !important;}
	.subinsub li{background:none;border:none;border-radius:0;width: 100%; text-align: center;}
	.subinsub li a{color:#000!important;}
	
	.bx-controls-direction{display:none}
	.withposco {right: 45px;display: block !important;}
	.top_logo {op: 20px;  position: relative;}
	.top_logo1 {top: 18px;}	
}

@media all and (max-width: 700px) {
	.menubuttons {top: 56px;}
}
@media all and (max-width: 471px) {
	.menubuttons {top: 46px;}
}

@media all and (max-width: 1000px) {
	.styleicon{display:none}
	/*.submenus_area{background-image:none!important}*/
	.mainmenus_area .mainitem {font-size: 15px; margin-top:2px}
	.mainmenus_area .mainitem, .mainmenus_area .mainitem:nth-child(3) {margin-left: 0px !important;}
}

@media all and (max-width: 550px) {
	.withposco, .top_logo1 {display:none !important;}
	.loveLe02 ul li.loveLe_btn { margin-top: -21px;    right: -136px;}
}