@charset "utf-8";

/* Reset */
html, body, h1, h2, h3, h4, h5, h6, div, p, span, strong, em, blockquote, pre, address,
ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, input, select, label, textarea, img, a {margin:0; padding:0; font-family:'맑은 고딕','MalgunGothic'; font-size:13px; font-style:normal;}
body, input, button {color:#666; font-family:'MalgunGothic'; font-size:13px; line-height:18px;}
ul, ol {list-style:none;}
table {border-spacing:0; border:0; border-collapse:collapse;}
img, button, fieldset {border:0;}
img, input, select, textarea, button {vertical-align:top; color:#6d6d6d; font-family:'맑은 고딕','MalgunGothic'; font-size:13px;vertical-align:top;}
caption {overflow:hidden; visibility:hidden; height:0; font-size:0; line-height:0; z-index:-1;}
hr {display:none}
a {color:#666; text-decoration:none;}
a:hover {text-decoration:underline;}
label, button, a span, button span {cursor:pointer;}

/*body {position:relative;width:100%;height:100%;color:#696969; font-family:'맑은 고딕','MalgunGothic';font-size:13px;color:#666666;  overflow-y:scroll;}  disabled by chaney 0411 */ 
body {color:#696969; font-family:'맑은 고딕','MalgunGothic';font-size:13px;color:#666666; }
body.none {background:none;}
body.sitemap_wrap {background:url('/Kor/Images/layout/sub_sitemap.jpg') no-repeat 50% 70px;}
body.company {background:url('/Kor/Images/layout/sub_t1.jpg') no-repeat 50% 70px;}
body.pr {background:url('/Kor/Images/layout/sub_t4.jpg') no-repeat 50% 70px;}
body.invest {background:url('/Kor/Images/layout/sub_t3.jpg') no-repeat 50% 70px;}
body.product {background:url('/Kor/Images/layout/sub_t2.jpg') no-repeat 50% 70px;}
body.employ {background:url('/Kor/Images/layout/sub_t5.jpg') no-repeat 50% 70px;}
body.sustainability {background:url('/Kor/Images/layout/sub_t6.jpg') no-repeat 50% 70px;}

body.company_sub {background:url('/Kor/Images/layout/bgCompany.jpg') no-repeat 50% 70px;}
body.pr_sub {background:url('/Kor/Images/layout/bgPRCenter.jpg') no-repeat 50% 70px;}
body.invest_sub {background:url('/Kor/Images/layout/bgInvest.jpg') no-repeat 50% 70px;}
body.product_sub {background:url('/Kor/Images/layout/bgProduct.jpg') no-repeat 50% 70px;}
body.employ_sub {background:url('/Kor/Images/layout/bgEmploy.jpg') no-repeat 50% 70px;}
body.sustainability_sub {background:url('/Kor/Images/layout/bgSustainability.jpg') no-repeat 54% 70px;}

@font-face {font-family:'MalgunGothic'; 
 src:url('../font/MALGUN.eot');
 src:url('../font/MALGUN.eot?#iefix') format('embedded-opentype'),
  url('../font/MALGUN.woff') format('woff'),
  url('../font/MALGUN.ttf') format('truetype');
 font-weight:normal;
 font-style:normal;
}

/* //기본 셋팅 */

/* 숨겨질영역 */
.hidden,hr,caption,legend {position:absolute;top:-1000em;left:-1000em;width:0;height:0;overflow:hidden;font-size:0;color:#fff;line-height:0;text-indent:-1000em;}

#skip {position:relative;position:absolute;left:0;top:0;z-index:99999;width:100%;height:0; text-indent:-9999em;}
#skip ul, #skip li {height:0;}
#skip a:focus {position:absolute;left:0;top:0;z-index:99999;width:100%;padding:10px 0;display:block;font:12px/30px '돋움',dotum;color:#fff;text-indent:0; text-align:center;font-weight:bold;background:#000;}


/* 레이아웃 */
#wrap, #container, #footer{position:relative;}
#wrap{width:100%; padding-top:129px;}


#mainWrap {width:100%; padding-top:58px;}

#wrap .header_on, #mainWrap .header_on {border-bottom:2px solid #000;}
#header {position:absolute; left:0; top:0; z-index:9999; width:100%; height:69px; overflow:hidden; border-bottom:1px solid #a7aabd; background:#fff;}
#header > div {position:relative; height:69px; width:980px; margin:0 auto;}
#header > div > h1 {float:left; width:180px; height:44px; padding-top:18px; border-top:3px solid #5c6db8;}
#header > div > ul {position:absolute; right:0; top:9px;}
#header > div > ul > li {float:left; margin-left:12px;}

#gnb {float:left; width:800px; height:40px; padding-top:27px; border-top:3px solid #bcbcbc;}
#gnb > ul {display:inline-block; margin-left:50px; }
#gnb > ul > li {position:relative; float:left; width:90px; padding-left:10px; background:url('/Kor/Images/layout/gnb_bullet.gif') no-repeat 0 2px;}
#gnb > ul > li:first-child {margin:0;background:none}
#gnb ul li ul {position:absolute; top:40px; left:0;}
#gnb ul li ul li {text-align:left;}
#gnb ul li ul li a {display:block; height:20px; overflow:hidden;}
#gnb ul li ul li a:hover img {margin-top:-21px;}
#gnb ul li ul li a.on img {margin-top:-21px;}
#gnb ul li ul li a:focus img {margin-top:-21px;}
#gnb ul li ul li.line_2 a {display:block; height:34px; overflow:hidden;}
#gnb ul li ul li.line_2 a:hover img {margin-top:-35px;}
#gnb ul li ul li.line_2 a.on img {margin-top:-35px;}

#container {width:980px; margin:0 auto; overflow:hidden; padding-top:80px}

#mainWrap .company, #mainWrap .product, #mainWrap .invest, #mainWrap .prCenter, #mainWrap .employ, #mainWrap .sustainability {padding-top:151px;}

#lnbArea {float:left;position:relative;z-index:1; padding-top:35px;}
#lnbArea .lnb {width:165px; padding-bottom:45px; padding-top:35px; margin-bottom:40px; border:8px solid #c6d2e2;}
#lnbArea .lnb h2 {height:45px;}
#lnbArea .lnb > div {display:none;}
#lnbArea .lnb > div > ul {overflow:hidden;}
#lnbArea .lnb > div > ul > li {}
#lnbArea .lnb > div > ul > li > a {display:block; height:32px; overflow:hidden;}
#lnbArea .lnb > div > ul > li > a:hover img {margin-top:-33px;}
#lnbArea .lnb > div > ul > li > a.on img {margin-top:-33px;}
#lnbArea .lnb ul li ul {display:none; overflow:hidden; padding:14px 0; background:#f4f4f4;}
#lnbArea .lnb ul li ul li {height:14px; margin-top:10px;}
#lnbArea .lnb ul li ul li:first-child {margin-top:0;}
#lnbArea .lnb ul li ul li a {display:block; height:14px; overflow:hidden;}
#lnbArea .lnb ul li ul li a:hover img {margin-top:-15px;}
#lnbArea .lnb ul li ul li a.on img {margin-top:-15px;}
#lnbArea .lnb ul li ul li a:focus img{margin-top:-15px;}

#lnbArea .banner {width:181px;}
#lnbArea .banner > div {display:none;}


/* 컨텐츠영역 */
#contents {float:right;width:750px;padding-bottom:110px;padding-top:35px;position:relative;z-index:2;}
.contents {clear:both;width:100%;font-size:13px;color:#666;}
/* 로케이션 */
p.location {z-index:2;float:right;font-size:0.9em;text-align:right; height:20px;}
p.location a {float:left;height:20px;padding:0 7px 0 6px;line-height:20px;background:url('/Kor/Images/layout/barLocation.gif') 100% 65% no-repeat;}
p.location a img{vertical-align:top}
p.location a:first-child {height:13px; padding-top:4px;}
p.location strong {float:left; height:20px; line-height:20px; padding-left:6px;color:#232d3a;}
/* 타이틀 */
h2.ptit {float:left;padding-bottom:20px;}

#footer {clear:both;width:980px;margin:0 auto;line-height:0.6em;font-size:0.6em; border-top: 1px solid #bbbcbd;}
#footer ul {padding:15px 0 0;overflow:hidden;}
#footer li {float:left;margin-right:10px;padding-bottom:1px;}
#footer address {clear:both;width:100%;padding:6px 0 30px;}

/* 패밀리사이트 */
.family_site {position:absolute;right:0;top:21px;padding-bottom:1px;height:30px;}
.family_site .family_title {display:block;width:153px;padding-bottom:1px;height:30px;}
.family_site .family_menu {display:none;position:absolute;width:153px;bottom:0;left:0;background:#fff;border:1px solid #ccc;font-size:12px;line-height:1.4em;}

/* 인쇄하기팝업 */
#printWrap {background:url('/Kor/Images/common/popPrintBg.gif') repeat-x 0 0 #fff;}
#printWrap #headerPrint {}
#printWrap #headerPrint h1 {float:left;padding:16px 0 0 46px;height:40px;font-size:1.0em;}
#printWrap #headerPrint .btnArea {float:right;padding:15px 16px 0 0;text-align:right;width:120px;}
#printWrap .printContainer {clear:both;width:100%;}
#printWrap .printContainer h2 {font-size:1.0em;color:#3041a1;padding:42px 0 28px 45px;} 
#printWrap .printContainer .printContents {margin:0 45px;line-height:1.4em;}
#printWrap .printContainer .btnArea {margin:0 45px;border-top:2px solid #dddddd;padding:12px 0;}

/* 영상팝업 */
#popMov {position:relative;background:url('/Kor/Images/common/popMove.gif') repeat-x 0 0 #fff;width:1004px;}
#popMov h1 {font-size:1em;padding:12px 0 0 20px;height:33px;}
#popMov .movArea {border-left:2px solid #5d76cd;border-right:2px solid #5d76cd;padding:20px 20px 35px;height:100%;text-align:center;}
#popMov .movFoot {border:2px solid #5d76cd;border-top:none;}
#popMov .flashGallery {margin-top:-20px;}
.movArea .flashArea {clear:both;padding-top:30px;margin:0;}
.movArea .tab li {min-width:174px;/*_width:174px; 20130228*/}
.movArea .tab li a {min-width:154px;/*_width:154px; 20130228*/}
.movArea .tab li.current a {min-width:152px;/*_width:152px; 20130228*/}
#popMov .copyright {clear:both;width:100%;padding:13px 0 12px 0;background:#f2f2f2;font-size:0.6em;}
#popMov .copyright img {margin-left:20px;}
#popMov .btn_close {position:absolute;height:10px;bottom:0;right:0;padding:12px 20px 13px;}