#btn-menu-m, #btn-menu-m span {display: inline-block;transition: all 0.4s;box-sizing: border-box; } 
#btn-menu-m {display:none;position: fixed;width: 30px;height: 40px;top: 10px;right: 15px;z-index: 120;} 
#btn-menu-m span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #000; } 
#btn-menu-m.active span {background-color: #000;height: 1px}
#btn-menu-m span:nth-of-type(1) {top: 8px; } 
#btn-menu-m span:nth-of-type(2) {top: 16px; } 
#btn-menu-m span:nth-of-type(3) {bottom: 13px; } 
#btn-menu-m.active span:nth-of-type(1) {-webkit-transform: translateY (16px) rotate (-45deg);transform: translateY(16px) rotate(-45deg);top: 0px; } 
#btn-menu-m.active span:nth-of-type(2) {opacity: 0; } 
#btn-menu-m.active span:nth-of-type(3) {-webkit-transform: translateY(-23px) rotate(45deg);transform: translateY(-23px) rotate(45deg);bottom: 0px; } 

#lnb > ul > li.hide {width: 10px;overflow: hidden;opacity: 0.5; } 
#menu-ctl > a {display: inline-block;width: 30px;line-height: 60px;background-color: #fff;font-size: 20px;text-align: center; } 

}

#lnb > ul > li > a {display: block;width: 100%;height: 100%;padding: 0 10px;text-align: center;font-size: 17px;font-weight: 600;color: #fff;opacity: 0.8}
#lnb > ul > li > a:hover {opacity: 1}
#lnb > ul > li > ul {position: absolute;width: 100%;display: none;box-sizing: content-box;margin-left: -1px;z-index: 2; } 
#lnb > ul > li > ul ul {position: absolute;width: 100%;display: none;border: 1px solid #525252;box-sizing: content-box;margin-top: -1px;top: 0;left: 100%;margin-left: 0px; } 
#lnb > ul li.on > ul {position: absolute;display: block; } 
#lnb li {position: relative; } 
#lnb > ul > li li {/*border-top: 1px solid #525252; */
/*line-height: 15px;height: 50px; */
background-color: #fff;padding: 0;/*margin-top: -1px; */}
#lnb > ul > li li:first-child {/*border-top: 0*/}
#lnb > ul > li li:nth-last-child(1) {/*height: 50px;line-height: 50px; */}

#lnb .depth2 { line-height:50px !important; } 
#lnb > ul > li > ul.depth2 { box-sizing: border-box !important; } 

#lnb > ul > li li > a {width: 100%;height: 100%;display: block;padding: 0 5px;color: #000;font-size: 14px; font-weight:700;}
#lnb > ul > li li > a:hover {/*padding-right: 50px;background-color: #4168ad; */
color: #000}



 
#lnb > ul > li > ul {position: absolute; top: 80px; left: 50%; width: 180px; margin-left: -90px; padding: 0 20px; background: #fff; box-shadow: 0 4px 20px rgba(0, 0, 0, .08); border-radius: 20px; } 

#lnb > ul > li > ul:before { position: absolute; top: -12px; left: 50%; content: ''; margin-left: -6px; border-style: solid; border-width: 6px; border-color: transparent transparent #fff transparent; } 

#lnb > ul > li > ul ul { } 
#lnb .arrow {position: absolute;width: 30px;height: 30px;font-size: 14px;color: #fff;display: inline-block;right: -5px;top: 50%;margin-top: -15px;text-align: center;line-height: 30px;z-index: 1; } 
#lnb ul ul .arrow {transform: rotate(-90deg); } 
#login-box, #login-box2 {height: 80px;line-height: 80px;float: right;padding-left: 50px}
#login-box3 {height: 50px;text-align: center;margin-bottom: 10px; } 
#login-box a, #login-box2 a, #login-box3 a {display: inline-block;padding: 0 10px;height: 50px;line-height: 50px;text-align: center;color: #ddd;font-size: 12px; } 
#login-box2 {display: none; } 
#top-bg-wrapper {position: relative;z-index: 10;border-bottom: 1px solid #ddd; } 
#top-bg-wrapper .bg {width: 100%;height: 100%; } 
#container-box {width: 100%;position: relative;/*border-bottom: 1px solid #ddd; */} 


@media (min-width:767px) and (max-width:1920px) {
	.sub-header {bottom: 45% !important}
}

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

	.sub-header ul.sub-position > li {width: calc(50% - 25px) !important;}
}

#m-lnb-wrapper {position: fixed;top: 0;right: -100%;z-index: 110;width: 100%;height: 100vh;overflow: auto;background-color: #fff;/*opacity: 0.9; */
box-sizing: border-box;padding-top: 60px;padding-left: 2em;padding-right: 1em;transition: all 0.5s; } 
#m-lnb-wrapper.on {right: 0px; } 
#m-lnb > ul {border-bottom: 1px solid #eee;font-size: 14px; } 
#m-lnb > ul li > a {color: #000; } 
#m-lnb > ul > li > span {position: absolute;right: 0;top: 0;width: 40px;height: 50px;font-size: 14px;text-align: center;transition: all 0.4s;color: tomato;cursor: pointer}
#m-lnb > ul > li > span i { color: #000; font-size: 18px; } 
#m-lnb > ul > li.on > span {transform: rotate(180deg); } 
#m-lnb > ul > li li > span {position: absolute;right: 0;top: 0;width: 40px;height: 40px;font-size: 14px;text-align: center;transition: all 0.4s;color: tomato;cursor: pointer}
#m-lnb > ul > li li.on > span {transform: rotate(180deg); } 
#m-lnb > ul li {position: relative; } 
#m-lnb > ul > li > a {display: inline-block;padding: 0 10px;font-size: 16px; } 
#m-lnb > ul > li {line-height: 55px;border-bottom: 1px solid #eee; } 
#m-lnb > ul > li:nth-last-child(1) {border-bottom: 0; } 
#m-lnb > ul > li ul {display: none;line-height: 40px; } 
#m-lnb > ul > li li {border-top: 1px solid #dadada;background-color: #fff; } 
#m-lnb > ul > li li li {border-top: 1px solid #dadada;background-color: #fff; } 
#m-lnb > ul > li li > a {display: inline-block;padding: 3px 15px 3px 20px;width: 100%;}
#m-lnb > ul > li li li > a {display: inline-block;padding: 0 10px 0 40px; } 

#m-info {position: relative; bottom: 0; width: 100%; left: 50%; transform: translate(-50%); color: #000000; padding-top: 3rem;line-height: 1.4rem; font-size: 14px; text-align: center;} 
#m-logo {position: absolute; top: 0px; left: 10px; height: auto;} 
.select-nav {background-color: #fff;display: inline-block;float: left; } 
.select-nav:after {content: " ";visibility: hidden;display: block;height: 0;clear: both; } 
.select-nav .select {float: left;width: 220px;height: 70px;position: relative;box-sizing: border-box;border-left: 1px solid #ddd;border-right: 1px solid #ddd;margin-left: -1px; } 
.select-nav .select:first-child {border: 0}
.select-nav .select .down {position: absolute;width: 25px;height: 25px;display: inline-block;top: 20px;right: 5px;line-height: 25px;text-align: center;color: #ddd;font-size: 20px;transition: all 0.5s; } 
.select-nav .select.on .down {transform: rotate(180deg); } 
.select-nav .select.d1 {margin-left: 0; } 
.select-nav .select button {width: 100%;height: 100%;background-color: #fff;border: 0;text-align: left;padding-left: 25px;outline: none;font-size: 15px; } 
.select-nav .select button .t1 {font-weight: 500;color: #000; } 
.select-nav .d3 button {font-weight: bold}
.select-nav .select > ul {display: none;position: absolute;top: 100%;left: -1px;width: 100%;border: 1px solid #ddd;background-color: #fff;box-sizing: content-box; } 
.select-nav .select ul li {min-height: 55px;line-height: 55px;padding-left: 25px;border-bottom: 1px solid #ddd; } 
.select-nav .select ul li a {color: #555;display: block;font-size: 14px}
.select-nav .select ul li a:hover {color: #000}
.select-nav .select ul ul {display: none; } 
.select-nav .select ul li li {border-top: 1px solid #ddd;border-bottom: 0; } 
.select-nav .select ul li:nth-last-child(1) {border-bottom: 0; } 
.select-nav-wrapper {position: relative;z-index: 3;background-color: #fff;max-width: 1300px;margin: -71px auto;border-bottom: 1px solid #ddd; } 
.select-nav-wrapper:after {content: " ";visibility: hidden;display: block;height: 0;clear: both; } 
.select-nav-wrapper .home {width: 60px;height: 70px;text-align: center;font-size: 30px;display: inline-block;line-height: 65px;border-right: 1px solid #ddd;float: left; } 
.select-nav-wrapper .link {background-color: lightcoral;width: 50px;height: 50px;text-align: center;font-size: 30px;display: inline-block;line-height: 50px;float: right; } 
.d2 .t2 {display: none; } 

@media screen and (max-width: 1120px) {

	#login-box {display: none; } 
	#login-box2 {display: inline-block; } 

}

@media screen and (max-width: 768px) {
	
	#m-lnb > ul > li li li {background-color: #fff;}
	[class*=" xi-"], [class^=xi-] {color:#000; font-size: 18px;}
	#m-lnb > ul > li li {background-color: #fff;}
	#m-lnb > ul > li li > a {color: #000; font-weight: 400;}
	.select-nav-wrapper .home {}
	.select-nav-wrapper .link {display: none;} 
	.select-nav .select.d3 {display: none;} 
	.select-nav {width: 100%;} 
	.select-nav .select {width: 50%;border-right: 0}
	.select-nav .select ul ul {display: block;} 
	.d2 .t2 {display: inline;} 
	.d2 .t2 .fa {color: #555;font-weight: bold;} 

}