/*색상 - c=color*/

/*텍스트 색상*/
.em-text-c1{color:#5f6bcc !important;}
.em-text-c3{color:#d8d8d8 !important;}
.em-text-c4{color:#6b717a !important;}
.em-text-c5{color:#3d4248 !important;}
.em-text-c6{color:#7a8ae2 !important;}

.em-text-c7{color:#ccd4ff !important;}
.em-text-c8{color:#333 !important;}
/*배경 색상*/
.em-bg-c1{background-color:#5f6bcc !important;}
.em-bg-c3{background-color:#d8d8d8 !important;}
.em-bg-c4{background-color:#6b717a !important;}
.em-bg-c5{background-color:#3d4248 !important;}
.em-bg-c6{background-color:#7a8ae2 !important;}

.em-bg-c7{background-color:#ccd4ff !important;}
/*텍스트 호버 색상*/
.em-text-hover-c1:hover {color:#5f6bcc !important;}
.em-text-hover-c3:hover {color:#d8d8d8 !important;}
.em-text-hover-c4:hover {color:#6b717a !important;}
.em-text-hover-c5:hover {color:#3d4248 !important;}
.em-text-hover-c6:hover {color:#7a8ae2 !important;}

.em-text-hover-c7:hover {color:#ccd4ff !important;}

/* 색상 관련 CSS */

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

/* 탑바 컬러 지정 */
.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:#5f6bcc;}
.header-section ul li ul > li:hover > a {color:#5f6bcc;}
.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:#5f6bcc;}
.header-section ul li.search-parent a.m-link {color: #505050;}
.header-section ul li.cart-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 {color:#5f6bcc;}
@media only screen and (min-width: 1001px) {
    .header-section.style1 {background-color: #fff;border-bottom: 1px solid #adadad;}
    .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 #adadad;}
    .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:#5f6bcc;}
    .header-section #menu > ul li ul li:hover > a, .header-section #menu > ul li ul li.active > a {color:#5f6bcc;}
}

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



/* ===== 헤더 로고의 높이가 큰 경우에만 사용, 그 외는 사용하지 말 것 ===== */
.header-section .logo.mar-4 {margin-top: 18px;}
.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;}
*/

/* 메인슬라이더 폰트 컬러 */
#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}

#slide-1-layer-1, #slide-2-layer-1, #slide-3-layer-1 {}
#slide-1-layer-2, #slide-2-layer-2, #slide-3-layer-2 {}
#slide-1-layer-3, #slide-2-layer-3, #slide-3-layer-3 {}

/* ========== gb5429-business-a ================== */
/*feature-box 호버 색상*/
.feature-box-8:hover, .feature-box-8.active {
    background-color: #394867;
    border: 1px solid #394867;
}
.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.5;}

/* footer sns */
.footer-social-icons li a{color:#878787; background-color: rgba(255, 255, 255, 0.6) !important;}
.footer-social-icons li a:hover, .footer-social-icons li a.active{color:#5f6bcc; background-color: #fff !important;}

/* 조직도 */
.timeline-1.timeline-red li::before{background-color:#5f6bcc !important;}
.timeline-1.timeline-red{border-left: 3px solid #ccd4ff !important;}

/* 게시판 */
.bg2-rightcol-links li a:hover, .bg2-rightcol-links li a.active{color:#5f6bcc !important}
.bg2-featurebox-3 .postdate-box .title a:hover{color:#ccd4ff !important}
.bg2-featurebox-3 .btn.btn-small, .bg2-featurebox-4 .btn.btn-small{color: #eee !important;}
.bg2-featurebox-3 .btn.btn-small:hover, .bg2-featurebox-4 .btn.btn-small:hover{background-color:#5f6bcc !important; color:#fff !important}
.bg2-featurebox-3 .postinfo-box .title a:hover{color:#5f6bcc !important}