/*
 ----------------------------------------------------
|                 font 나눔고딕 적용                    |
 ----------------------------------------------------
*/

@import url('nanumgothic.css');		/* Define font-family: 'Nanum Gothic', 400/700/800; */



/* base style - start */
	html { position: relative; min-height: 100%; }
	body { font-family: 'Nanum Gothic'; }
	body > .container,
	body > nav > .container { width: 1116px; padding-right: 0; padding-left: 0; }


	/* Sticky footer styles
	-------------------------------------------------- */
	.footer { min-width: 1116px; width: 100%; background-color: #666666; }
	.footer > .container { width: 1116px; height: 190px; padding-right: 0px; padding-left: 0px; padding-top: 65px; }
	.footer > .container .nav { position: relative; }
	.footer > .container .nav .family_site { position: absolute; right: 0px; top: 10px; }
	.footer > .container .nav li a,
	.footer > .container .nav li a:hover { font-size:12px; font-weight:700; color:#ffffff; background:none; padding: 40px 0 5px 30px; }
	.footer > .container .nav li a:before{ content:'\00B7'; margin-right: 5px; }
	.footer > .container address { margin: 0 0 0 0; padding-left: 250px; color: #ffffff; font-size:17px; font-weight:700; line-height: 21px; background:url('../images/gnb/foot_logo.png') no-repeat; }
	.footer > .container address abbr[title] { border-bottom: none; text-decoration: none; }
	.footer > .container address span.b:after { content:' '; display:block; }
	.footer > .container address a,
	.footer > .container address a:hover { color: #ffffff; }
	.footer > .container .copyright { margin: 100px 0 0 0; font-size:18px; font-weight:700; color: #ffffff; text-align: right; }
	.footer:after { content: ' '; height: 66px; background-color: #333333; display: block; }

	/* navigation */
	#navbar-pc { display:block; }	/* PC용 메뉴영역 */
	#navbar-pc > .nav-justified > .dropdown:first-child { text-align: right; }
	#navbar-pc > .nav-justified > .dropdown:last-child { text-align: right; }

	#navbar-pc > .nav-justified > .dropdown:nth-child(1) .dropdown-itemouter { padding-left: 50px; }		/*About Us*/
	#navbar-pc > .nav-justified > .dropdown:nth-child(2) .dropdown-itemouter { padding-left: 258px; }	/*Products*/
	#navbar-pc > .nav-justified > .dropdown:nth-child(3) .dropdown-itemouter { padding-left: 384px; }	/*R & D*/
	#navbar-pc > .nav-justified > .dropdown:nth-child(4) .dropdown-itemouter { padding-left: 390px; }	/*IR & PR*/
	#navbar-pc > .nav-justified > .dropdown:nth-child(5) .dropdown-itemouter { padding-left: 364px; }	/*Careers*/

	#navbar-pc > .nav-justified > .dropdown:nth-child(2) .dropdown-itemlist { min-width: 258px; }	/*Products*/


	.navbar { border:0; min-height: 45px; margin-top: 0; margin-bottom:0; background-color: transparent; z-index:100;}
	.navbar-fixed-top { border-top: 112px solid #ffffff; height: 210px; background-color: rgba( 0, 0, 0, 0.3 ); }

	.navbar .navbar-header { margin-top: -79px; }
	.navbar .navbar-header .navbar-brand { margin-left: 0px; padding: 0; height: auto; }
	.navbar .navbar-header .navbar-brand > img { width:265px; }

	.navbar .nav-justified { padding: 0px 0px 0px 302px; }
	.navbar .nav-justified > .dropdown { text-align: right; }
	.navbar .nav-justified > .dropdown > a { color:#ffffff; font-size: 36px; font-weight: 700; padding: 35px 0 25px 0; line-height: 0.9; display: inline-block; margin-right: auto; margin-left: auto; }
	.navbar .nav-justified > .dropdown > a:after { content: ''; height: 2px; background-color: transparent; display:block; margin-top: 3px; }
	.navbar .nav-justified > .dropdown > a:focus,
	.navbar .nav-justified > .dropdown > a:hover,
	.navbar .nav-justified > .dropdown.open > a,
	.navbar .nav-justified > .dropdown:hover > a { color: #333333; background-color: transparent; border-color: #062284; }
	.navbar .nav-justified > .dropdown > a:hover:after,
	.navbar .nav-justified > .dropdown.open > a:after,
	.navbar .nav-justified > .dropdown:hover > a:after { background-color: transparent; }
	.navbar .nav-justified > .dropdown:hover > .dropdown-menu { display: block; z-index:1001; }	/* mouse over 시에도 2depth 노출되도록 조정 */

	/* GNB 2depth */
	.navbar .nav-justified > .dropdown .dropdown-menu { margin-top: 0; padding-top: 10px; border: none; border-bottom: none; box-shadow: none; position: fixed; left: 0; background-color: rgba(255,255,255, 0.75); }
	.navbar .nav-justified > .dropdown .dropdown-itemouter { max-width: 897px; margin: auto; }
	.navbar .nav-justified > .dropdown .dropdown-itemouter > * { height: 160px; border-right: 1px solid transparent; }
	.navbar .nav-justified > .dropdown .dropdown-caption { font-size: 21px; color: #333333; line-height: 1; width: 167px; display: none/*table-cell*/; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist { font-size: 16px; font-weight: 700; color: #333333; display: table-cell; vertical-align: top; list-style-type: none; min-width: 188px; padding-left:11px; line-height: 1; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist > li { margin-top:32px; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist > li:nth-child(1) { margin-top:0; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist > li > a { color:#333333; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist > li > a:hover { color: #418edb; text-decoration: none; border-bottom: 1px solid #418edb; }

	/* GNB 3depth */
	.navbar .nav-justified > .dropdown .dropdown-itemlist.sub { padding-left:0; font-size: 14px; font-weight: 400; color: #555555; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist.sub > li { margin-top:5px; margin-bottom: 3px; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist.sub > li:before { content: " "; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist.sub > li > a { color:#555555; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist.sub > li > a:hover { color: #418edb; }

	/* 최상위 별도 메뉴들 */
	.navbar .navbar-right { margin-top: -183px; margin-right: 216px; }
	.navbar .navbar-right > li { width: auto; }
	.navbar .navbar-right > li:before { content: ""; }
	.navbar .navbar-right > li:nth-child(1):before { content: ""; }
	.navbar .navbar-right > li > a,
	.navbar .navbar-right > li > a:hover,
	.navbar .navbar-right > li > a:focus { display: inline-block; color:#666666; font-size: 18px; font-weight:800; text-transform : uppercase; padding-top: 10px; padding-left: 16px; padding-right: 16px; }
	.navbar .navbar-right > li.open > a,
	.navbar .navbar-right > li.open > a:hover,
	.navbar .navbar-right > li.open > a:focus { color: #666666; background: none; }

	/* 언어별 사이트 링크 메뉴 */
	.navbar .navbar-right > .dropdown {}
	.navbar .navbar-right > .dropdown .dropdown-menu { border-bottom-left-radius: 0; border-bottom-right-radius: 0; min-width: 110px; margin-top: -15px; margin-left: 20px; padding: 0; border: none; z-index:1002; }
	.navbar .navbar-right > .dropdown .dropdown-itemouter { padding-top: 8px; background: url('../images/gnb/dropdown-top-tip.png') no-repeat top; }
	.navbar .navbar-right > .dropdown .dropdown-itemlist { list-style: none; padding-left: 0; }
	.navbar .navbar-right > .dropdown .dropdown-itemlist > li { padding-left: 10px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #e1e1e1; background-color: #ffffff; line-height: 2.3; }
	.navbar .navbar-right > .dropdown .dropdown-itemlist > li > a { font-size:12px; font-weight:700; color:#666666;}
	.navbar .navbar-right > .dropdown .dropdown-itemlist > li > a:hover { color: #418edb; text-decoration: none; }

	/* 상단 검색 창 */
	.navbar .navbar-form { width:210px; margin-right: 0px; padding-top:11px; padding-right:0; padding-bottom:12px; padding-left: 4px; }
	.navbar .navbar-form .searchquery { width:205px; height:17px; font-size:10px; float: left; border-radius: 10px; padding: 2px 15px 2px 15px; }
	.navbar .navbar-form .glyphicon-search { float: left; min-width: 14px; min-height: 16px; margin-left: -33px; padding-right: 10px; padding-left: 10px; border-radius: 10px; background-color: #393939; color: #ffffff; cursor:pointer; }
	.navbar .navbar-form input[type=image] { display:none; }
/* base style - end */



/* 반응형 처리
-------------------------------------------------- */
@media all and (min-width: 1900px) {
}
@media (min-width: 993px) {	/* PC용 최소 폭 */
	body { min-width: 1438px; }

	/* navigation */
	#navbar { display:none!important; }
}
@media (max-width: 992px) {	/* 스마트 폰으로 인정하는 최대 폭 */
	body > .container,
	body > nav > .container { width: 100%; }


	/* Sticky footer styles
	-------------------------------------------------- */
	.footer { min-width: initial; }
	.footer > .container { width:auto; padding-right: 0; padding-left: 0; }
	.footer > .container .nav { width:100%; height:53px; margin:0; background-color:#666666; }
	.footer > .container .nav .family_site { right:10px; left: initial; }
	.footer > .container .nav li { display: table-cell; }
	.footer > .container .nav li a,
	.footer > .container .nav li a:hover { background:none; padding: 15px 0 15px 15px; }
	.footer > .container > * { font-size:12px; }
	.footer > .container address { margin-left: 15px; }
	.footer > .container address abbr[title=Phone]:before { content:''; display:block; }
	.footer > .container .copyright { margin-left: 15px; }


	/* navigation */
	#navbar { display: none!important; width: -webkit-fill-available; border-top: none; }
	#navbar.show { display:block!important; margin-top: 0; }
	#navbar-pc { display:none!important; }

	.navbar-fixed-top { height: 93px; border-top-width: 91px; background-color: #3b9d0a; }
	.navbar .navbar-header { width: 100%; margin: -101px 0 0 0; padding-top: 18px; }
	.navbar .navbar-collapse { width: inherit; margin-top: 10px; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; position: absolute; z-index: 1001; }
	.navbar .navbar-footer { width: 100%; margin-top: 0px; padding: 0 5px; position: absolute; top:-50px; z-index: 11; }

	/* GNB 메뉴 접힘버튼 */
	.navbar-inverse .navbar-toggle { display: inherit; float: left; margin: 0 0 0 0; padding: 6px 10px; border-color: #ffffff; }
	.navbar-inverse .navbar-toggle:focus,
	.navbar-inverse .navbar-toggle:hover { background-color: #ffffff; }
	.navbar-inverse .navbar-toggle .icon-bar { background-color: #858585; width: 25px; height: 5px; }

	/* GNB Depth 메뉴 */
	.navbar .nav-justified { padding: 0 70px 0 0; }
	.navbar .nav-justified > .dropdown { display: inherit; width: initial; text-align: left; background-color: #ffffff; border-top: 1px solid #89898b; }
	.navbar .nav-justified > .dropdown:first-child { border-top: 3px solid #3b9d0a; }
	.navbar .nav-justified > .dropdown:last-child { border-bottom: 0px; }
	.navbar .nav-justified > .dropdown.open {}
	.navbar .nav-justified > .dropdown > a { padding: 10px 0 5px 10px; margin-bottom:0; color: #333333; font-size: 18px; }
	.navbar .nav-justified > .dropdown > a:after {}
	.navbar .nav-justified > .dropdown > a:focus,
	.navbar .nav-justified > .dropdown > a:hover,
	.navbar .nav-justified > .dropdown.open > a,
	.navbar .nav-justified > .dropdown:hover > a {}
	.navbar .nav-justified > .dropdown > a + .glyphicon { min-width: 20px; float: right; margin-top: 10px; }
	.navbar .nav-justified > .dropdown > a + .glyphicon:before { content: "\002b"; }
	.navbar .nav-justified > .dropdown.open > a + .glyphicon:before { content: "\2212"; }
	.navbar .nav-justified > .dropdown .glyphicon { font-family: 'Nanum Gothic'; min-width: 20px; float: right; margin-top: 10px; }

	/* GNB 2depth */
	.navbar .nav-justified > .dropdown .dropdown-menu { min-height: auto; padding-right: 70px; position: relative; top: auto; left: auto; border-bottom: none; box-shadow: none; }
	.navbar .nav-justified > .dropdown.open > .dropdown-menu { display: block; padding-top:0; padding-bottom:0; }

	.navbar .nav-justified > .dropdown .dropdown-itemouter { max-width: initial; padding-left: inherit; }
	.navbar .nav-justified > .dropdown .dropdown-itemouter > * { height: auto; border-right: none; }
	.navbar .nav-justified > .dropdown .dropdown-caption { display: none; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist { padding-left: 0; display: block; width: initial; background-color: #dbdbdb; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist > li { margin-top: 2px; padding-bottom:12px; border-bottom: 1px solid #dbdbdb; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist > li:nth-child(1) { padding-top:20px; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist > li > a,
	.navbar .nav-justified > .dropdown .dropdown-itemlist > li > a:hover { color:#5d5d5f; padding-left: 30px; text-decoration: none; }

	/* GNB 3depth */
	.navbar .nav-justified > .dropdown .dropdown-itemlist > .dropdown-submenu .dropdown-toggle .glyphicon { float:right; min-width: 34px; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist > .dropdown-submenu > .dropdown-menu { display:none; margin: 12px 0 20px -11px; padding: initial; background-color: #4a4a4c; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist > .dropdown-submenu:last-child > .dropdown-menu { margin-bottom:0; }

	.navbar .nav-justified > .dropdown .dropdown-itemlist.sub { font-size: 14px; font-weight: 700; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist.sub > li { margin-bottom: 0px; padding-top: 10px; padding-bottom: 9px; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist.sub > li:before { content: ""; padding-right: initial; padding-left: initial; }
	.navbar .nav-justified > .dropdown .dropdown-itemlist.sub > li > a,
	.navbar .nav-justified > .dropdown .dropdown-itemlist.sub > li > a:hover { padding-left:45px; color: #ffffff; background: none; }

	/* GNB 좌측로고 */
	.navbar .navbar-header .navbar-brand { height: auto; }
	.navbar .navbar-header .navbar-brand > img { width: auto; height: 36px; }

	/* 최상위 별도 메뉴들 */
	.navbar .navbar-right { margin: 7.5px 0; float: initial!important; }
	.navbar .navbar-right > li { float: left; }
	.navbar .navbar-right > li:nth-child(1) { display:none; }
	.navbar .navbar-right > li:nth-child(2):before { content: ""; }
	.navbar .navbar-right > li > a,
	.navbar .navbar-right > li > a:hover,
	.navbar .navbar-right > li > a:focus { padding-left: 5px; padding-right: 15px; }

	/* 언어별 사이트 링크 메뉴 */
	.navbar .navbar-right > .dropdown {}
	.navbar .navbar-right > .dropdown .dropdown-menu { min-width: 80px; margin-left: 10px; }

	/* 상단 검색 창 */
	.navbar .navbar-form { display:none; }
}
@media (min-width: 768px) {
}
@media (max-width: 767px) {	/*스마트 폰 가로방향*/
}
@media (max-width: 427px) {	/*스마트 폰 세로방향*/

	/* Sticky footer styles
	-------------------------------------------------- */
	.footer > .container { height: 150px; padding-top: initial; }
	.footer > .container address { padding: 50px 0 0 0; background-size: 30%; background-position: 0 20px; font-size: 14px; }
	.footer > .container address abbr[title] + span:after { content: ' '; display: block; }
	.footer > .container address span.b:before { content:' '; display:block; }
	.footer > .container .copyright { margin: 40px 0 0 0; font-size:14px; text-align: center; }
}
@media (max-width: 375px) {
}
@media (max-width: 349px) {
}