/*===================================================================*/
/*    SUBJECT : 삼성중공업 레이아웃 및 기본세팅 CSS    */
/*    AUTHOR  : 김미란(mirankim@bstones.co.kr)     */
/*    UP-DATE : 2011-01-04     */
/*===================================================================*/

/* 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:'돋움', verdana, sans-serif; font-size:12px; font-style:normal; line-height:18px;}
body, input, button {color:#666; font-family:'돋움', verdana, sans-serif; font-size:12px; line-height:16px;}
ul, ol {list-style:none;}
table {width:100%; 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:'돋움', verdana, sans-serif; font-size:12px; line-height:16px; 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;}

/* 기본 셋팅 */
/** {padding:0;margin:0;border:0;list-style:none;font-style:normal; }*/
body {position:relative;width:100%;height:100%;font-family:Arial;font-size:0.75em;color:#545454; /*background:url('/Eng/Images/layout/sub_b7.jpg') repeat-x 50% 0;*/}
body.none {background:none;}
body.company {background:url('/Eng/Images/layout/sub_visual01.jpg') repeat-x 50% 70px;}
body.pr {background:url('/Eng/Images/layout/sub_visual04.jpg') repeat-x 50% 70px;}
body.invest {background:url('/Eng/Images/layout/sub_visual03.jpg') repeat-x 50% 70px;}
body.product {background:url('/Eng/Images/layout/sub_visual02.jpg') repeat-x 50% 70px;}
body.employ {background:url('/Eng/Images/layout/sub_visual07.jpg') repeat-x 50% 70px;}
body.sustainbility {background:url('/Eng/Images/layout/sub_visual05.jpg') repeat-x 50% 70px;}
body.customer {background:url('/Eng/Images/layout/sub_visual06.jpg') repeat-x 50% 70px;}
body.sitemap_wrap {background:url('/Eng/Images/layout/sub_sitemap.jpg') repeat-x 50% 70px;}
/*
body.company {background:url('/Eng/Images/layout/sub_b1.jpg') repeat-x 50% 0;}
body.pr {background:url('/Eng/Images/layout/sub_b4.jpg') repeat-x 50% 0;}
body.invest {background:url('/Eng/Images/layout/sub_b3.jpg') repeat-x 50% 0;}
body.product {background:url('/Eng/Images/layout/sub_b2.jpg') repeat-x 50% 0;}
body.employ {background:url('/Eng/Images/layout/sub_b5.jpg') repeat-x 50% 0;}
body.sustainbility {background:url('/Eng/Images/layout/sub_b6.jpg') repeat-x 50% 0;}
body.customer {background:url('/Eng/Images/layout/sub_b8.jpg') repeat-x 50% 0;}
body #wrap {background:url('/Eng/Images/layout/sub_t7.jpg') no-repeat 50% 0;}
*/
/*
body.company #wrap {background:url('/Eng/Images/layout/sub_t1.jpg') no-repeat 50% 0;}
body.pr #wrap {background:url('/Eng/Images/layout/sub_t4.jpg') no-repeat 50% 0;}
body.invest #wrap {background:url('/Eng/Images/layout/sub_t3.jpg') no-repeat 50% 0;}
body.product #wrap {background:url('/Eng/Images/layout/sub_t2.jpg') no-repeat 50% 0;}
body.employ #wrap {background:url('/Eng/Images/layout/sub_t5.jpg') no-repeat 50% 0;}
body.sustainbility #wrap {background:url('/Eng/Images/layout/sub_t6.jpg') no-repeat 50% 0;}
body.customer #wrap {background:url('/Eng/Images/layout/sub_t8.jpg') no-repeat 50% 0;}
*/

a {text-decoration:none;color:#545454;}
table {border-collapse:collapse;}
img, input, select {font-size:0.9em;}
/* //기본 셋팅 */

/* 숨겨질영역 */
#skip,.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;}

/* 레이아웃 */
#wrap, #header, #container, #footer{position:relative;}
#wrap{width:100%;height:100%;}

#wrap .header_on, #mainWrap .header_on {border-bottom:2px solid #000;}

#header {width:100%;min-width:980px;margin:0 auto;text-align:center;}
#header {position:absolute; left:0; top:0; z-index:9999; width:100%; height:70px; overflow:hidden; border-bottom:1px solid #a7aabd; background:#fff;}
#header > div {position:relative; height:69px; width:981px; margin:0 auto;}
#header > div > h1 {float:left; width:214px; height:44px; padding-top:23px; 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:767px; height:40px; padding-top:27px; border-top:3px solid #bcbcbc;}
#gnb > ul {display:inline-block;position:relative; }
#gnb > ul > li {float:left; text-align:center; 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 {}
#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.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;}

.gnb01 {width:91px;}
.gnb02 {width:171px;}
.gnb03 {width:149px;}
.gnb04 {width:99px;}
.gnb05 {width:124px;}
.gnb06 {width:126px;}

.gnb01 ul{position:absolute; top:40px; left:0;}
.gnb02 ul{position:absolute; top:40px; left:106px;}
.gnb03 ul{position:absolute; top:40px; left:277px;}
.gnb04 ul{position:absolute; top:40px; left:426px;}
.gnb05 ul{position:absolute; top:40px; left:525px;}
.gnb06 ul{position:absolute; top:40px; left:649px;}

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

#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.lnb_h > a.lnb_l {display:block; height:49px; overflow:hidden;}
#lnbArea .lnb > div > ul > li > a:hover img {margin-top:-33px;}
#lnbArea .lnb > div > ul > li.lnb_h > a.lnb_l:hover img{margin-top:-50px}
#lnbArea .lnb > div > ul > li > a.on img {margin-top:-33px;}
#lnbArea .lnb > div > ul > li.lnb_h > a.on img {margin-top:-50px}

#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.lnb_hs {height:28px; 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.lnb_hs a.lnb_ls {height:28px;}
#lnbArea .lnb ul li ul li a:hover img {margin-top:-15px;}
#lnbArea .lnb ul li ul li.lnb_hs a.lnb_ls:hover img {margin-top:-29px}
#lnbArea .lnb ul li ul li a.on img {margin-top:-15px;}
#lnbArea .lnb ul li ul li.lnb_hs a.on img {margin-top:-29px}

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

/*
	#lnbArea {float:left;width:181px;padding:1px 0 110px;position:relative;z-index:1;}
	#lnbArea .banner {padding:40px 0 1px;}
*/
	/* 컨텐츠영역 */
	#contents {float:right;width:750px;padding-bottom:110px;position:relative;padding-top:35px;z-index:2;}
	.contents {clear:both;width:100%;font-size:12px;color:#666;line-height:1.4em;}
	/* 로케이션 */
	p.location {position:relative;z-index:2;float:right;font-size:0.9em;top:-1px;text-align:right;padding-top:0;}
	p.location a {padding:0 8px 0 4px;color:#b6b6b6;background:url('/Eng/Images/layout/barLocation.gif') 100% 5px no-repeat;}
	p.location a img {padding-top:3px}
	p.location strong {padding-left:4px;color:#232d3a;}
	/* 타이틀 */
	h2.ptit {float:left;height:45px;}
#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;}
	#footer li {float:left;margin-right:6px;padding-bottom:1px;}
	#footer .copyright {clear:both;width:100%;padding:6px 0 30px;font-size:0.9em;}

/* 패밀리사이트 */
.family_site {position:absolute;right:0;top:15px;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;}

/* 팝업 */
#popWrap {position:relative;width:100%;}
	#popWrap .copyright {padding:13px 0 15px 20px;background:#f2f2f2;font-size:0.9em;}
	#popWrap .btnClose {position:absolute;bottom:0;right:0;padding:12px 20px;}

/* 영상팝업 */
.popMov {position:relative;background:url('/Eng/Images/layout/popMove.gif') repeat-x 0 0 #fff;}
.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:0px 20px 35px;height:100%;text-align:center;}
.popMov .movFoot {border:2px solid #5d76cd;border-top:none;background:#f2f2f2;}
.popMov .flashGallery {margin-top:-20px;}
.movArea .flashArea {clear:both;padding-top:30px;margin:0;}
.movArea .tab li {min-width:174px;_width:174px;}
.movArea .tab li a {min-width:154px;_width:154px;}
.movArea .tab li.current a {min-width:152px;_width:152px;}

/* 영상팝업 */
#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;}

/* 메인 */
.introMain #contents {padding-top:0;}
.introMain h2 {font-size:1.0em;}
.introMain .investMain {float:left;height:36px;padding-top:13px;}
	.introMain .investMain h2 {float:left;padding-top:4px;margin-right:8px;}
	.introMain .investMain iframe {float:left;width:202px;height:18px;overflow:hidden;}
.introMain .quickMain {float:left;height:34px;padding-top:15px;}
	.introMain .quickMain {float:right;}
	.introMain .quickMain li {float:left;padding-left:9px;}
.introMain .bbsMain {clear:both;float:left;width:100%;border-top:1px solid #e4e4e4;padding:33px 0 80px;}
.introMain .leftMain {float:left;width:270px;padding-right:30px;border-right:1px solid #e8e8e8;}
	.introMain .leftMain h2 {padding-bottom:13px;}
	.introMain .leftMain .newsMain {padding-bottom:3px;border-bottom:1px solid #e8e8e8}
		.introMain .leftMain .newsMain h2{position:relative;}
		.introMain .leftMain .newsMain h2 a{position:absolute;top:0;left:230px;}
		.introMain .leftMain .newsMain li {padding:0 0 5px 4px;background:url('/Eng/Images/common/dotGray.gif') no-repeat 0 6px;}
		.introMain .leftMain .newsMain span.date {color:#ababab;font-size:0.95em;}
	.introMain .leftMain .networkMain {padding-top:15px;}
	.introMain .leftMain .networkMain p {padding-bottom:9px;}
	.introMain .leftMain .networkMain li {float:left;margin-right:10px;line-height:0.8em;}
.introMain .centerMain {float:right;width:330px;padding-left: 27px;border-left:1px solid #e8e8e8;}
	.introMain .centerMain h2 {padding-bottom:16px;}
	.introMain .centerMain p {padding-bottom:8px;}
	.introMain .centerMain .greenMain {float:left;width:152px;height:179px;background:url('/Eng/Images/main/mainImg01.jpg') no-repeat 0 100%;}
	.introMain .centerMain .hseMain {float:right;width:150px;height:179px;background:url('/Eng/Images/main/mainImg02.jpg') no-repeat 0 100%;}
.introMain .rightMain {float:left;width:252px;padding-left:30px;}
	.introMain .rightMain .shipGeojae h2 {padding-bottom:13px;border-bottom:1px solid #c8c8c8;}
	.introMain .rightMain .shipGeojae dl {border-bottom:1px solid #c8c8c8;}
	.introMain .rightMain .shipGeojae dt {padding:6px 0 7px;background:url('/Kor/Images/main/introIcMore.gif') no-repeat 207px 11px;cursor:pointer;}
	.introMain .rightMain .shipGeojae dd {height:65px; overflow:hidden;  display:none;}
	.introMain .rightMain .shipGeojae dd img {vertical-align:top;}
	.introMain .rightMain .company_video {padding-top:10px;}

	/* 인쇄하기팝업 */
#printWrap {background:url('/Eng/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 .printContents a {text-decoration:underline; color:#0000ff; font-size:12px; font-family:Dotum;}
#printWrap .printContainer .btnArea {margin:0 45px;border-top:2px solid #dddddd;padding:12px 0;}