@charset "utf-8";
/* CSS Document */
/*!
	* Written by: 2014.09.15
	* 최현원 damboys@nate.com 
	* 전하현 froggggy@naver.com 
*/


/*!
 * CLASS : fixed_header
 * 회사소개 연혁
**/


/* 주요 연혁 gnb */ 
/* .fixed_header #local_contents {margin:311px auto 70px; z-index:40;}
.fixed_header .section_title {position:fixed; left:0; right:0; top:70px; z-index:50; min-width:768px }
.fixed_header .page_company .is-sticky #header {background-color:#FFF;}

.fixed_header #wrap .gnb_company #header{background-color:#1f8cdd } 
.fixed_header #wrap .gnb_product #header{background-color:#7f4aa9 }
.fixed_header #wrap .gnb_manage #header{background-color:#589924 }
.fixed_header #wrap .gnb_talent #header{background-color:#a23068 }
.fixed_header #wrap .gnb_customer #header{background-color:#ed6f00} 
.fixed_header #wrap .gnb_utility #header{background-color:#6170ce} */

/* 연혁 waypoint plugin 전용 */
/* .docs-nav-wrapper {
	padding: 6px 0px 0px 6px; transition:right 200ms ease-in-out; top: 54px; right: -120px; bottom: 24px; line-height: 2; overflow: auto; font-size: 12px; position: fixed; z-index: 6; -webkit-transition: right 200ms ease-in-out; -moz-transition: right 200ms ease-in-out; -o-transition: right 200ms ease-in-out;
}
 */
/* .docs-visible .docs-nav-wrapper {
	right: 0px;
}
.docs-nav-wrapper ul {
	list-style: none;
}
.docs-nav-wrapper li {
	background: rgb(255, 255, 255);
}
.docs-nav-wrapper ul a {
	padding: 2px 8px; text-decoration: none; display: block;
}
.docs-nav-wrapper ul ul a {
	padding-left: 16px;
}
.docs-nav-wrapper .active { 활성화 bg
	background:red ;
}
.docs-nav-wrapper a:hover {활성화 bg
	background: rgb(242, 226, 234);
}
.docs-nav-wrapper a:focus {활성화 bg
	background: rgb(242, 226, 234);
} */



/* header 연혁 전용 */
/* sticky 이후에 반투명 header gnb 컬러 */
/* .fixed_header #wrap .is-sticky .gnb_company #header {background-color:#1f8cdd !important}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.fixed_header #wrap .is-sticky .gnb_company #header{background-color:#1f8cdd !important}}
.fixed_header #wrap .is-sticky .gnb_product #header {background-color:#7f4aa9!important}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.fixed_header #wrap .is-sticky .gnb_product #header{background-color:#7f4aa9!important}}
.fixed_header #wrap .is-sticky .gnb_manage #header{background-color:#589924!important }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.fixed_header #wrap .is-sticky .gnb_manage #header{background-color:#589924!important }}
.fixed_header #wrap .is-sticky .gnb_talent #header {background-color:#a23068!important }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.fixed_header #wrap .is-sticky .gnb_talent #header {background-color:#a23068 !important}}
.fixed_header #wrap .is-sticky .gnb_customer #header {background-color:#ed6f00!important}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.fixed_header #wrap .is-sticky .gnb_customer #header{background-color:#ed6f00!important}}
.fixed_header #wrap .is-sticky .gnb_utility #header {background-color:#6170ce!important}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.fixed_header #wrap .is-sticky .gnb_utility #header{background-color:#6170ce!important}}
 */

/* position fixed 되었을때 header */
/* .fixed_header #header.bg_on .dep1 {color:#fff;}
.fixed_header .is-sticky #header .dep1 {color:#000;}
.fixed_header .is-sticky #header.bg_on .dep1 {color:#fff;}
.fixed_header .lnb_srch #header .dep1{color:#000;}
.fixed_header .lnb_srch #header.bg_on .dep1{color:#fff;}

.fixed_header #header.bg_on .lnb li .txt{color:#fff;}
.fixed_header .is-sticky #header .lnb li .txt{color:#000;}
.fixed_header .is-sticky #header.bg_on .lnb li .txt{color:#fff;}
.fixed_header .lnb_srch #header .lnb li .txt{color:#fff;}


.fixed_header .is-sticky #header .lnb li.srch .ico {background-position:0px 0px}
.fixed_header #header.bg_on .lnb li.srch .ico,
.fixed_header .lnb_srch #header .lnb li.srch .ico{background-position:0 -51px}


.fixed_header #header.bg_on .lnb li.brnd .ico{background-position:0px 0px}
.fixed_header #header.bg_on .lnb li.brnd .ico{background-position:-23px -51px}
.fixed_header .is-sticky #header .lnb li.brnd .ico{background-position:-23px 0}
.fixed_header #header.bg_on .lnb li.sitmap .ico{background-position:-48px -51px}
.fixed_header .is-sticky #header .lnb li.sitmap .ico{background-position:-48px 0; width:23px;}
.fixed_header .is-sticky #header .logo a {background-position:0 0; width:131px;}
.fixed_header .is-sticky #header.bg_on .logo a ,
.fixed_header #header.bg_on .logo a{background-position:-151px 0; width:131px;}
 */
/*!
 * LNB class
 * 사이트에서 사용되는 LNB color 변경 클래스 
**/

/* sticky background color
.fixed_header #wrap .is-sticky .lnb_srch #header.bg_on {background-color:#6170ce !important}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {.fixed_header #wrap .is-sticky .lnb_srch #header.bg_on {background-color:#6170ce !important}}

lnb search hover시 우측 아이콘 변경
.fixed_header .is-sticky #header.bg_on .lnb li.brnd .ico{background-position:-23px -49px; }
.fixed_header .is-sticky #header.bg_on .lnb li.sitmap .ico{background-position:-48px -49px; }

lnb hover 컬러
.fixed_header .is-sticky .lnb li.brnd a:hover .txt,
.fixed_header .is-sticky .lnb li.brnd a:active .txt,
.fixed_header .is-sticky .lnb li.brnd a:focus .txt,
.fixed_header .is-sticky .lnb li.sitmap a:hover .txt,
.fixed_header .is-sticky .lnb li.sitmap a:active .txt,
.fixed_header .is-sticky .lnb li.sitmap a:focus .txt{color:#1f8cde !important}

.fixed_header .is-sticky .lnb li.brnd a:hover .ico,
.fixed_header .is-sticky .lnb li.brnd a:active .ico,
.fixed_header .is-sticky .lnb li.brnd a:focus .ico{background-position:-23px -25px !important}
.fixed_header .is-sticky .lnb li.sitmap a:hover .ico,
.fixed_header .is-sticky .lnb li.sitmap a:active .ico,
.fixed_header .is-sticky .lnb li.sitmap a:focus .ico{background-position:-48px -25px !important}

 */



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


}

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

/* fixed header hover 했을때 bg	
.fixed_header .page_company .is-sticky #header {background:#fff !important}
fixed logo hover 했을때
.fixed_header #header.bg_on .logo a{background-position:0 0; }
fixed logo lnb hover 했을때
.fixed_header .lnb_srch #header.bg_on .logo a{background-position:-151px 0; }
fixed gnb default lnb icon color
.fixed_header .lnb_srch #header .lnb li.srch .ico{background-position:0 0}
.fixed_header .lnb_srch #header .lnb li.brnd .ico{background-position:-46px 0}
.fixed_header .lnb_srch #header .lnb li.sitmap .ico{background-position:-90px 0}
fixed gnb hover 했을때 lnb icon color
.fixed_header #header.bg_on .lnb li.srch .ico{background-position:0 0}
.fixed_header #header.bg_on .lnb li.brnd .ico{background-position:-46px 0}
.fixed_header #header.bg_on .lnb li.sitmap .ico{background-position:-90px 0}
fixed gnb hover 했을때 lnb icon color
.fixed_header .lnb_srch #header.bg_on .lnb li.srch .ico{background-position:0 -78px}
.fixed_header .lnb_srch #header.bg_on .lnb li.brnd .ico{background-position:-46px -78px}
.fixed_header .lnb_srch #header.bg_on .lnb li.sitmap .ico{background-position:-90px -78px}
pointer
.fixed_header #gnb_wrap .gnb li .ico_pointer { top:55px}
fixed위치 조정
.fixed_header .section_title {top:141px}		

stickey header logo black
.fixed_header .is-sticky #header.bg_on .logo a {background-position:0 0;}
stickey header logo white
.fixed_header .is-sticky .lnb_srch #header.bg_on .logo a {background-position:-151px 0;}
gnb hover black : lnb
.fixed_header .is-sticky #header.bg_on .lnb li.srch .ico{background-position:0 0}
.fixed_header .is-sticky #header.bg_on .lnb li.brnd .ico{background-position:-46px 0}
.fixed_header .is-sticky #header.bg_on .lnb li.sitmap .ico{background-position:-90px 0; width:26px;}
default : lnb
.fixed_header .is-sticky #header .lnb li.srch .ico {background-position:0 0}
.fixed_header .is-sticky #header .lnb li.brnd .ico{background-position:-46px 0}
.fixed_header .is-sticky #header .lnb li.sitmap .ico {background-position:-90px 0; width:26px;}
lnb search icon hover white : lnb
.fixed_header .is-sticky .lnb_srch #header.bg_on .lnb li.srch .ico{background-position:0 -78px}
.fixed_header .is-sticky .lnb_srch #header.bg_on .lnb li.brnd .ico{background-position:-46px -78px}
.fixed_header .is-sticky .lnb_srch #header.bg_on .lnb li.sitmap .ico{background-position:-90px -78px} 
lnb brand /sitemap icon hover blue : lnb
.fixed_header .is-sticky .lnb li.brnd a:hover .ico,
.fixed_header .is-sticky .lnb li.brnd a:active .ico,
.fixed_header .is-sticky .lnb li.brnd a:focus .ico{background-position:-46px -39px !important}
.fixed_header .is-sticky .lnb li.sitmap a:hover .ico,
.fixed_header .is-sticky .lnb li.sitmap a:active .ico,
.fixed_header .is-sticky .lnb li.sitmap a:focus .ico{background-position:-90px -39px !important}	
 */

	
}