/* 베이직 */ body { background-color: #fff; } a, a:link { color: #636363; text-decoration: none; } /* 히든 엘리먼트 */ hr, #skip, #moveTop, #header h3, #location h3 { display: none; } /* 공통 클래스 */ .hidden { display: none; } .clear { height: 0; display: block; clear: both; font-size: 0; line-height: 0; } .contents_header { display: none; } /* 컨테이너 */ #container { background: url(/sea/share/images/common/background.jpg) repeat-x #f1f1f1; } /* 헤더 */ #header { width: 800px; height: 79px; margin: 0 auto; position: relative; } #header h1 { width: 236px; height: 25px; position: absolute; top: 14px; left: 0; } #header h1 a { background: url(/sea/share/images/common/logo.jpg); height: 25px; display: block; text-indent: -9999px; overflow: hidden; } #globalNetwork { background: url(/sea/share/images/common/global_network.jpg); width: 167px; height:15px; position: absolute; top: 8px; right: 11px; } #gnHQ { width: 13px; height: 9px; display: block; position: absolute; top: 2px; left: 62px; } #gnSaudiArabia { width: 55px; height: 9px; display: block; position: absolute; top: 2px; left: 83px; } #gnIndia { width: 22px; height: 9px; display: block; position: absolute; top: 2px; right: 0; } #globalNetwork li a { height: 9px; display: block; text-indent: -9999px; overflow: hidden; } #search_001 { float: left; background: none; width: 160px; height: 24px; position: absolute; top: 19px; right: 55px; } #search_002 { float: left; background: none; width: 60px; height: 24px; position: absolute; top: 19px; right: -10px; padding: 1px 0px 0px 0px; } #search_001 .input_003 { width: 157px; height: 14px; font-size: 10px; padding: 2px 0px 0px 3px; margin: 0px; line-height: 10px; border: 1px #cbcbcb solid; } #gnb { height: 27px; position: absolute; top: 52px; left: 0; } #gnb ul { background: url(/sea/share/images/common/gnb.jpg); height: 27px; padding: 0 1px; } #gnb li { width: 133px; height: 27px; float: left; } #gnb li a { height: 27px; display: block; text-indent: -9999px; overflow: hidden; } #gnbCEO a.current { background: url(/sea/share/images/common/gnb.jpg) -1px -27px; } #gnbAbout a.current { background: url(/sea/share/images/common/gnb.jpg) -134px -27px; } #gnbVision a.current { background: url(/sea/share/images/common/gnb.jpg) -267px -27px; } #gnbBusiness a.current { background: url(/sea/share/images/common/gnb.jpg) -400px -27px; } #gnbCareers a.current { background: url(/sea/share/images/common/gnb.jpg) -533px -27px; } #gnbContact a.current { background: url(/sea/share/images/common/gnb.jpg) -669px -27px; } /* #gnbCEO a.current, #gnbCEO a:hover { background: url(/sea/share/images/common/gnb.jpg) -1px -27px; } #gnbAbout a.current, #gnbAbout a:hover { background: url(/sea/share/images/common/gnb.jpg) -134px -27px; } #gnbVision a.current, #gnbVision a:hover { background: url(/sea/share/images/common/gnb.jpg) -267px -27px; } #gnbBusiness a.current, #gnbBusiness a:hover { background: url(/sea/share/images/common/gnb.jpg) -400px -27px; } #gnbCareers a.current, #gnbCareers a:hover { background: url(/sea/share/images/common/gnb.jpg) -533px -27px; } #gnbContact a.current, #gnbContact a:hover { background: url(/sea/share/images/common/gnb.jpg) -669px -27px; }*/ /* 바디 */ #body { width: 800px; margin: 0 auto; padding-top: 106px; position: relative; background-color: #fff; background-repeat: no-repeat; } #location { height: 14px; position: absolute; top: 140px; right: 35px; text-align: right; font-size: 11px; line-height: 14px; color: #959595; } #location a { color: #959595; } #location strong { color: #464646; } #contents { margin: 25px 35px 0 35px; *padding-top: 25px; } #contents h2 { height: 34px; margin-bottom: 30px; font-size: 24px; line-height: 34px; color: #000; } .tabs { height: 24px; margin-bottom: 25px; background: url(/sea/share/images/common/background_tab.jpg) repeat-x; } .tabs li { width: 98px; height: 24px; float: left; background: url(/sea/share/images/common/tab.jpg) -98px 0 no-repeat; font-size: 12px; line-height: 26px; overflow: hidden; } .careers .tabs li { font-size: 10px !important; } .tabs li.small { width: 78px !important; background: url(/sea/share/images/common/tab.jpg) -940px 0 no-repeat !important; } .tabs li.long { width: 148px !important; background: url(/sea/share/images/common/tab.jpg) -344px 0 no-repeat !important; } .tabs li.long2 { width: 224px !important; background: url(/sea/share/images/common/tab.jpg) -716px 0 no-repeat !important; } .tabs li.active { background: url(/sea/share/images/common/tab.jpg) 0 0 no-repeat; color: #3187af; } .recruitment .tabs li.active { background: url(/sea/share/images/common/tab.jpg) -196px 0 no-repeat !important; color: #3187af; } .training .tabs li.active { background: url(/sea/share/images/common/tab.jpg) -492px 0 no-repeat !important; color: #3187af; } .life .tabs li.active { background: url(/sea/share/images/common/tab.jpg) -1018px 0 no-repeat !important; color: #3187af; } .tabs li a { height: 24px; display: block; text-align: center; color: #777777; font-weight: bold; } .tabs li.active a { color: #3187af; } .tabs li iframe { width: 80px; height: 24px; margin: 0; padding: 0; display: block; border: 0; overflow: hidden; } .tab_content .first_p { margin-bottom: 25px; } .tab_content .first_p h3 { font-size: 14px; line-height: 26px; color: #4e87c6; } .tab_content .first_p p { font-size: 12px; line-height: 1.5; } .profile { width: 162px; float: left; } .profile p img { margin-bottom: 15px; } .profile h3 { font-size: 13px; line-height: 15px; color: #363636; } .profile ul { margin-top: 5px; } .profile li { background: url(/sea/share/images/common/bullet_01.jpg) no-repeat 0 6px; height: 15px; padding-left: 7px; font-size: 11px; line-height: 14px; color: #898989; } .section { width: 543px; float: right; } .section h3 { margin-bottom: 15px; font-size: 15px; line-height: 1.2; color: #448ccb; } .section p { margin-bottom: 25px; font-size: 12px; line-height: 1.5; color: #707070; } .section ol { margin-bottom: 25px; font-size: 12px; line-height: 1.5; color: #707070; } .section ol li { min-height: 40px; height: auto !important; height: 40px; margin-bottom: 17px; padding-left: 70px; line-height: 15px; } .section ol li.list1 { background: url(/sea/share/images/common/background_list1.jpg) no-repeat; } .section ol li.list2 { background: url(/sea/share/images/common/background_list2.jpg) no-repeat; } .section ol li.list3 { background: url(/sea/share/images/common/background_list3.jpg) no-repeat; } /* 푸터 */ #footer { width: 100%; height: 80px; position: relative; background-color: #fff; clear: both; *float: left; } #footBG { background: url(/sea/share/images/common/background_contents.jpg) no-repeat #f1f1f1 center top; height: 59px; display: block; } #footLink { width: 200px; margin-left: 200px; position: absolute; top: 81px; left: 50%; text-align: right; font-size: 11px; color: 3636363; } #footLink small { margin: 0 5px; color: #acacac; font-size: 9px; } #copyright { width: 650px; margin-left: -400px; position: absolute; top: 82px; left: 50%; font-size: 9px; color: #acacac; padding-bottom: 25px;}