/*색상 - c=color*/

/*텍스트 색상*/
.em-text-c1{color:#f1f6f9 !important;}
/*.em-text-c2{color:#c4d0e6 !important;}*/
.em-text-c3{color:#9ba4b4 !important;}
.em-text-c4{color:#394867 !important;}
.em-text-c5{color:#14274e !important;}
/*배경 색상*/
.em-bg-c1{background-color:#f1f6f9 !important;}
.em-bg-c2{background-color:#c4d0e6 !important;}
.em-bg-c3{background-color:#43577a !important;}
.em-bg-c4{background-color:#394867 !important;}
.em-bg-c5{background-color:#14274e !important;}
/*텍스트 호버 색상*/
.em-text-hover-c1:hover {color:#f1f6f9 !important;}
.em-text-hover-c2:hover {color:#9ba4b4 !important;}
.em-text-hover-c3:hover {color:#394867 !important;}
.em-text-hover-c4:hover {color:#14274e !important;}

/* 색상 관련 CSS */

/*gnb 메뉴 및 호버 색상*/
.header-section ul li a {color: #fff;}
.header-section ul li ul li a {color: #323335;}
.header-section ul > li:hover > a {color:#c4d0e6;}
.header-section ul li ul > li:hover > a {color:#c4d0e6;}
.header-section ul li.search-parent a.m-link {color: #c4d0e6;}
.header-section ul li.cart-parent a.m-link {color: #c4d0e6;}
@media only screen and (min-width: 1001px) {
    .header-section.style1 {background-color: transparent;}
    .header-section.pin-style.pin {background:rgba(57, 72, 103, 0.9);} /*gnb sticky 백그라운드 색상*/
}
@media only screen and (max-width: 1000px) {
    .header-section.style1 {background-color: #43577a;}
    .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:#c4d0e6;}
    .header-section #menu > ul li ul li:hover > a, .header-section #menu > ul li ul li.active > a {color:#c4d0e6;}
}
/* gnb 메뉴 폰트 크기 제한적 키우기 */
@media only screen and (min-width: 1200px) {
    .header-section.style1 ul li a {font-size: 18px;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;}
@media only screen and (min-width: 1001px) {
    .header-section .col-sm-10 {width: 70%;}
    .header-section .col-sm-2 {width: 30%;}
}
@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;}
}
/* 푸터 로고 사이트 수정 */
.footer-logo img {max-height: 50px;}

/* ===== 로고 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;}
*/

/* 메인슬라이더 폰트 컬러 */
#slide-1-layer-1 {color: #fff;}
#slide-1-layer-1 span {color: #fff}
#slide-1-layer-2 {color: #fff;}
#slide-1-layer-2 span {color: #d8ff2c}
#slide-1-layer-3 {color: #fff;}
#slide-1-layer-3 span {color: #d8ff2c}

#slide-2-layer-1 {color: #fff;}
#slide-2-layer-1 span {color: #fff}
#slide-2-layer-2 {color: #fff;}
#slide-2-layer-2 span {color: #d8ff2c}
#slide-2-layer-3 {color: #fff;}
#slide-2-layer-3 span {color: #d8ff2c}

#slide-3-layer-1 {color: #fff;}
#slide-3-layer-1 span {color: #fff}
#slide-3-layer-2 {color: #fff;}
#slide-3-layer-2 span {color: #d8ff2c}
#slide-3-layer-3 {color: #fff;}
#slide-3-layer-3 span {color: #d8ff2c}

/* ========== gb5429-business-a ================== */
/* 메인 about */
.feature-box-8 {border: 1px solid #d2e0ee;}
.feature-box-8 .iconbox-small.gray {
    color: #fff;
    background-color: #c5c20c;
}
/* 메인 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: 1;}

/* 스크롤 배너 추가 */
.scrollban {width: 90px;height: auto;position: fixed;top: 100px;right: 20px;z-index: 9001;}
.scrollban img {width: 100%;height: auto;margin-bottom: 10px;}
.scrollban img.last {margin-bottom: 0;}
@media only screen and (max-width: 640px) {
    .scrollban {width: 50px;}
}