/*색상 - c=color*/

/*텍스트 색상*/
.em-text-c1{color:#fff !important;}
/*.em-text-c2{color:#1ec0ff !important;}*/
.em-text-c3{color:#03a6ff !important;}
.em-text-c4{color:#0080ff !important;}
.em-text-c5{color:#002549 !important;}
.em-text-c6{color:#001429 !important;}
/*배경 색상*/
.em-bg-c1{background-color:#a3daff !important;}
.em-bg-c2{background-color:#1ec0ff !important;}
.em-bg-c3{background-color:#da7b83 !important;}
.em-bg-c4{background-color:#303030 !important;}
.em-bg-c5{background-color:#001429 !important;}
/*텍스트 호버 색상*/
.em-text-hover-c1:hover {color:#a3daff !important;}
.em-text-hover-c2:hover {color:#1ec0ff !important;}
.em-text-hover-c3:hover {color:#03a6ff !important;}
.em-text-hover-c4:hover {color:#0080ff !important;}
.em-text-hover-c5:hover {color:#002549 !important;}
.em-text-hover-c6:hover {color:#001429 !important;}

/* 색상 관련 CSS */

/* 로팅 컬러 지정 */
.loader-item.style5 > div {background-color: #bfe612;}

/* 탑바 컬러 지정 */
.topbar.dark {background-color: #251f00;}

/*gnb 메뉴 및 호버 색상*/
.header-section ul li a {color: #505050;}
.header-section ul li ul li a {color: #323335;}
.header-section ul > li:hover > a {color:#02a1e0;}
.header-section ul li ul > li:hover > a {color:#02a1e0;}
.header-section ul li.mega-menu ul > li:hover > a {color:#323335;}
.header-section ul li.mega-menu ul li ul > li:hover > a {color:#02a1e0;}
.header-section ul li.search-parent a.m-link, 
.header-section ul li.cart-parent a.m-link, 
.header-section ul li.login-parent a.m-link, 
.header-section ul li.admin-parent a.m-link {color: #505050;}
.header-section ul li.search-parent a.m-link:hover, 
.header-section ul li.cart-parent a.m-link:hover, 
.header-section ul li.login-parent a.m-link:hover, 
.header-section ul li.admin-parent a.m-link:hover {color:#02a1e0;}
@media only screen and (min-width: 1001px) {
    .header-section.style1 {background-color: #fff;}
    .header-section.pin-style.pin {background:rgba(255, 255, 255, 1.0);} /*gnb sticky 백그라운드 색상*/
}
@media only screen and (max-width: 1000px) {
    .header-section.style1 {background-color: #fff;border-bottom: 1px solid #dbdbdb;}
    .header-section #menu > ul li:hover > a, .header-section #menu > ul li:active > a,
    .header-section #menu > ul li.hover > a, .header-section #menu > ul li.active > a {color:#02a1e0;}
    .header-section #menu > ul li ul li:hover > a, .header-section #menu > ul li ul li.active > a {color:#02a1e0;}
}

/* gnb 메뉴 폰트 크기 제한적 키우기 */
@media only screen and (min-width: 1200px) {
    .header-section.style1 ul li a {font-size: 17px;letter-spacing: -0.05em;}
    .header-section.style1 ul li ul li a {font-size: 14px;}
}

/* ===== 헤더 로고의 높이가 큰 경우에만 사용, 그 외는 사용하지 말 것 ===== */
/*.header-section .logo.mar-4 {margin-top: 10px;}
.header-section img {max-height: 70px;}
.footer-logo img {max-height: 70px;}
@media only screen and (max-width: 1000px) {
    .header-section {padding-bottom: 5px;}
    .header-section .logo.mar-4 {margin-top: 0;}
    .header-section img {max-height: 63px;}
}
@media only screen and (max-width: 640px) {
    .header-section img {max-height: 38px;}
}
@media only screen and (max-width: 360px) {
    .header-section img {max-height: 32px;}
}*/

/* ===== 로고 overflow 사용시, 그 외는 사용하지 말 것 ===== */
/*
.header-section.style1 {height: 90px;}
.logo-overflow a {overflow: visible;height: 38px;}
.header-section img {max-height: 80px;width: auto;max-width: unset;}
.header-section img {filter: drop-shadow(1px 1px 1px #000);}
@media only screen and (max-width: 1000px) {
    .header-section.style1 {height: 74px;}
    .header-section .logo.mar-4 {margin-top: 13px;padding-left: 0;}
    .logo-overflow a {height: 35px;}
	.header-section img {max-height: 70px;}
}
@media screen and (max-width: 640px) {
    .header-section.style1 {height: 48px;}
	.header-section .logo.mar-4 {margin-top: 6px;margin-left: -5px;}
    .logo-overflow a {height: 26px;
	.header-section img {max-height: 50px;}
}
@media screen and (max-width: 360px) {
	.header-section .logo.mar-4 {margin-top: 6px;}
    .logo-overflow a {height: 23px;}
	.header-section img {max-height: 40px;}
}
.footer-logo img {max-height: 90px;width: auto;}
*/

/* ========== gb5429-business-a ================== */
/* 메인 about */
.feature-box-8 {border: 1px solid #d2e0ee;}
.feature-box-8 .iconbox-small.gray {
    color: #fff;
    background-color: #4e8fcc;
}
/* 메인 about 호버 색상*/
.feature-box-8:hover, .feature-box-8.active {
    background-color: #4e8fcc;
    border: 1px solid #4e8fcc;
}
.feature-box-8:hover .iconbox-small, .feature-box-8.active .iconbox-small {
    color: #394867;
    border: none;
    background-color: #fff;
}

/* ========== gb5429-business-b ================== */
/* 메인 about */
.section-dark {
	background-color: #323335;
}
.section-dark.two {
	background-color: #242527;
}
.section-medium-dark {
	background-color: #404142;
}
.section-fulldark {
	background-color: #18191b;
}
.em-main-about-2 .section-medium-dark:hover, .em-main-about-2 .section-dark:hover, 
.em-main-about-2 .section-dark.two:hover, .em-main-about-2 .section-fulldark:hover {background-color: #337ab7;}
.em-main-about-2 a {color: #337ab7;}
.em-main-about-2 .section-medium-dark:hover a, .em-main-about-2 .section-dark:hover a, 
.em-main-about-2 .section-dark.two:hover a, .em-main-about-2 .section-fulldark:hover a {color: #fff;opacity: 0.8;}

/* bottom 텍스트 투명도 및 컬러 */
.fo-map span.text-white.opacity-5, .fo-map strong.text-white.opacity-5, 
.fo-map p.text-white.opacity-5, a.opacity-link-light {opacity: 0.8;}