.clearBoth {
	clear:both;
}

a.logo strong {
    width: 225px;
    height: 90px;
	background: url('/images/ASMP_LogoWeb.png') no-repeat !important;
	background-size: contain !important;
}

#content a {
	color:#074399 !important;
}

#header {
    background-image: url('../images/navBack-r02.png');
    background-repeat: repeat-x;
    background-size: contain;
}

#mainnav {
	background-color: #ececec !important;
	border-bottom-color: #adadad !important;
}

#mainnav .nav > li.active > a, #mainnav .nav > li.active .separator {
    color: #951519 !important;
}

#mainnav .nav > li.active a::after, #mainnav .nav > li.active .separator::after {
    border-color: #052f6b !important;
}

#mainnav .nav > li > a:hover::after, #mainnav .nav > li:hover > a::after, #mainnav .nav > li.active > a:hover::after, #mainnav .nav > li > .separator:hover::after, #mainnav .nav > li:hover > .separator::after {
    border-color: #052f6b !important;
}

#mainnav .btn-navbar:active, #mainnav .btn-navbar:focus, #mainnav .btn-navbar:hover {
	background: #052f6b !important;
}

#mainnav .nav-collapse {
	background: #ececec !important;
}

.dropdown-menu, .nav .list-unstyled, .dropdown-menu, .nav .nav-child {
	background-color: #ececec !important;
}

.dropdown-menu > li > a, .nav .list-unstyled > li > a, .nav .nav-child > li > a { 
	color: #303030 !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a, .nav .list-unstyled > li:hover > a, .nav .list-unstyled > li:focus > a, .nav .nav-child > li:hover > a, .nav .nav-child > li:focus > a { 
	color:#fff !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover, .nav .list-unstyled > .active:focus > a, .nav .list-unstyled > .active:hover > a, .nav .list-unstyled > .active > a, .nav .nav-child > .active:focus > a, .nav .nav-child > .active:hover > a, .nav .nav-child > .active > a { 
	background:#052f6b !important;
	color: #fff !important;
}

.headerMid {
	float:left;
	width:60%;
	margin: 0 auto;
}

.headerSlogan {
	font-family: 'Noto Sans KR', sans-serif;
	padding-left: 15%;
	padding-top: 20px;
	color:#595959;
	font-size: 1.1rem;
	font-weight: 400;
}

.headerRight {
	width:40%;
	float:right !important;
	text-align:right;
}

.headerContact {
	padding-top: 10px;
}

.mainbody {
	background-color: #ececec;
	color:#444;
	font-size: 1.1rem;
	font-weight: 400;
}

.mainbody-inner {
	padding-top: 15px !important;
}

.n2-section-smartslider {
	background-color: #333;
}

.bot-sl .container {
    padding: 25px 0 !important;
}

.media {
	background-color:#eee !important;
	border-left: 3px solid #884547;
	padding-left: 9px;
}

.contactInfo {
	width:40%;
	float:left;
}

.contactMap {
	width:60%;
	float:right;
}

.directoryUL>li  {
	margin-bottom:15px;
}

.productsUL, .productsUL ol {
	list-style:none;
}

.productsUL>li  {
	margin-bottom:15px;
}

.readmore a {
    color:#074399 !important;
}

.bt-cs h3 {
	color: #303030;
}

#footer {
	background-image: url('../images/navBack-r02.png') !important;
	background-repeat: repeat-x !important;
	background-size: contain !important;
	color: #595959 !important;
}

.footerInfo {
	float:left;
	width:30%;
}

.footerCopy {
	float:right;
	width:70%;
	text-align:right;
}

/*responsive styles max width high to low*/
@media (max-width: 992px) {
	.headerLogo {
	float: none;
	width: 100% !important;
	margin: 0 auto;
	text-align: center;
	}
	a.logo strong {
		width: 288px !important;
		height: 115px !important;
	}
	.navbar-brand {
		float: none !important;
	}
	.headerMid {
	float: none;
	width: 100%;
	text-align: center;
	}
	.headerBanner {
		width: 100% !important;
	}
	.headerSlogan {
		padding-left:0px;
	}
	.headerRight {
		text-align: center;
		float: none;
		width: 100%;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.contactInfo {
	width:100%;
	float:none;
	}
	.contactMap {
		width:100%;
		float:none;
	}
}

@media (max-width: 768px) {
	 #footer {
	padding-left: 48px !important;
    padding-right: 48px !important;
	}
}

@media (max-width: 767px) {
	body {
    padding-left: 0px !important;
    padding-right: 0px !important;
	}
	#mainnav {
    margin-left: 0px !important;
    margin-right: 0px !important;
	}
	.mainbody {
	padding-left: 24px !important;
    padding-right: 24px !important;
	}
	.footerInfo {
	float:none;
	width:100%;
	text-align:center;
	}
	.footerCopy {
		float:none;
		width:100%;
		text-align:center;
	}
}