/*상단 header*/ .header h1, .header .gnb{ float:left; } .header .lnb{ float:right; } .headerLogo a{ display:block; overflow:hidden; width:137px; height:95px; background:url('../Images/common/logo.png') no-repeat left 29px; text-indent:-9999px; } .header .gnb{ margin-left:30px;} .header .gnb ul{ width:410px; height:95px; background:url('../Images/common/gnb.png') no-repeat left top; } .gnb ul li{ display:block; float:left; overflow:hidden; } .gnb ul li a{ display:block; float:left; width:100px; height:95px; text-indent:-9999px; overflow:hidden; } .header .lnb{ width:155px; height:95px; background:url('../Images/common/lnb.png') no-repeat right top; } .lnb dl dd{ display:block; float:left; overflow:hidden; } .lnb dl dd a{ display:block; float:left; height:95px; overflow:hidden; text-indent:-9999px; } .lnb1 a{ width:85px; } .lnb2 a{ width:70px; } /*하단 footer*/ .footerStatic{ position:relative; width:980px; height:130px; background:url('../Images/common/copyright.png') no-repeat 130px 16px; } .footerStatic h2{ position:absolute; top:0; left:0; width:100px; height:130px; background:url('../Images/common/foot_logo.png') no-repeat left 20px; text-indent:-9999px; } .footMenu{ position:absolute; top:20px; left:130px; width:570px; } .familySite{ position:absolute; top:15px; right:0; } .copyright{ position:absolute; top:60px; left:130px; } .copyright a{ display:block; margin:12px 0 0 320px; overflow:hidden; } .footMenu li a{ display:block; float:left; height:40px; text-indent:-9999px; overflow:hidden; } .footMenu1 a, .footMenu3 a{ width:53px; } .footMenu2 a{ width:102px; } .familySite{ position:absolute; right:0; width:130px; } .familySite dt{ height:25px; background: url('../images/common/family_site.gif') no-repeat 10px 6px; text-indent:-9999px; cursor:pointer; } .familySite dd{ display:none; height:80px; background:#f4f5f5; } .familySite dd p a{ display:block; overflow:hidden; height:25px; line-height:25px; color:#555; font-size:12px; text-indent:10px; } .familySite dd p a:hover{ width:128px; height:25px; line-height:25px; background:#cde0f1; } /*메인container*/ .container{ position:relative; } .mainSection1{ position:absolute; top:30px; left:0; width:570px; height:170px; background:url('../Images/main/banner.png') no-repeat 10px 15px; } .mainSection2{ position:absolute; top:30px; left:620px; width:360px; height:170px; background:url('../Images/main/banner.png') no-repeat right 13px; } .mainSection1 li a{ float:left; display:block; overflow:hidden; margin-right:6px; padding:5px; padding-bottom:0; width:167px; height:153px; border:1px solid #f2f2f2; border-radius:3px; box-shadow:1px 2px 3px #c2c2c2; text-indent:-9999px; } .mainSection2 div a{ display:block; overflow:hidden; width:360px; height:84px; text-indent:-9999px; } .mainSection2 p a{ display:block; float:left; overflow:hidden; width:180px; height:73px; text-indent:-9999px; border-bottom:2px solid #555; } /*서브페이지*/ /*서브 네비게이션*/ .naviContainer{ height:45px; background:#626262; } .subNavi{ width:980px; margin:0 auto; } .subNavi h2{ float:left; width:120px; line-height:45px; color:#fff; font-size:24px; font-weight:600; } .subNavi li{ display:block; float:left; overflow:hidden; } .subNavi li a{ display:block; float:left; line-height:45px; color:#ccc; text-align:center; font-size:15px; font-weight:600; overflow:hidden; } /*상단 위치*/ .sectionNav{ display:block; width:980px; margin-top:20px; overflow:hidden; } .sectionNav li{ float:left; height:16px; line-height:16px; color:#8f8f8f; } .sectionNav .homeIcon { width:32px; background: url('../Images/common/icon_home.png') no-repeat; } .sectionNav .here{ color:#1c62a0; font-weight:600; padding-left:22px; background: url('../Images/common/icon_arrow.png') no-repeat 10px top; } .subContainer h2{ display:block; width:980px; line-height:24px; color:#777; font-size:24px; margin-top:50px; } .Contents{ margin:50px 0; } .contentsTitle{ width:100%; height:21px; line-height:21px; padding-bottom:7px; color:#626262; font-size:21px; border-bottom:2px solid #1c62a0; } /*1. 회사소개 - 회사개요*/ .titleText{ margin-top:15px; line-height:17px; color:#777; font-size:16px; } .companyInfo{ display:block; width:980px; margin:30px 0; border-top:2px solid #1c62a0; } .companyInfo th{ float:left; width:170px; height:35px; line-height:35px; color:#777; font-size:15px; font-weight:600; text-align:center; border-bottom:1px solid #d0d0d0; background:#daedfc; } .companyInfo td{ float:left; width:795px; height:35px; line-height:35px; color:#555; font-size:14px; padding-left:15px; border-bottom:1px solid #d0d0d0; } .companySection{ margin-bottom:50px; } .companyTitle{ width:100%; color:#626262; font-size:17px; font-weight:600; padding-bottom:7px; border-bottom:2px solid #1c62a0; } .companyText{ padding:10px; line-height:20px; font-size:14px; } /*1. 회사소개 - 회사연혁*/ /* 첫 번째 탭 */ .historyTab input:nth-of-type(1) { display: none; } .historyTab input:nth-of-type(1) ~ div:nth-of-type(1) { display: none; } .historyTab input:nth-of-type(1):checked ~ div:nth-of-type(1) { display: block; } /* 두 번째 탭 */ .historyTab input:nth-of-type(2) { display: none; } .historyTab input:nth-of-type(2) ~ div:nth-of-type(2) { display: none; } .historyTab input:nth-of-type(2):checked ~ div:nth-of-type(2) { display: block; } /* 세 번째 탭 */ .historyTab input:nth-of-type(3) { display: none; } .historyTab input:nth-of-type(3) ~ div:nth-of-type(3) { display: none; } .historyTab input:nth-of-type(3):checked ~ div:nth-of-type(3) { display: block; } /* 네 번째 탭 */ .historyTab input:nth-of-type(4) { display: none; } .historyTab input:nth-of-type(4) ~ div:nth-of-type(4) { display: none; } .historyTab input:nth-of-type(4):checked ~ div:nth-of-type(4) { display: block; } /* 탭 모양 구성 */ section.buttons{ width:980px; background: url('../Images/company/tab.png') no-repeat; } section.buttons > label { display: block; float: left; height: 135px; cursor:pointer; overflow:hidden; } section.buttons > label:nth-of-type(1) { width:291px; } section.buttons > label:nth-of-type(2) { width:199px; } section.buttons > label:nth-of-type(3) { width:200px; } section.buttons > label:nth-of-type(4) { width:290px; } input:nth-of-type(1):checked ~ section.buttons > label:nth-of-type(1) { width:291px; background: url('../Images/company/tab1_check.png') no-repeat 107px top; } input:nth-of-type(2):checked ~ section.buttons > label:nth-of-type(2) { width:199px; background: url('../Images/company/tab2_check.png') no-repeat 22px top; } input:nth-of-type(3):checked ~ section.buttons > label:nth-of-type(3) { width:200px; background: url('../Images/company/tab3_check.png') no-repeat 24px top; } input:nth-of-type(4):checked ~ section.buttons > label:nth-of-type(4) { width:290px; background: url('../Images/company/tab4_check.png') no-repeat 14px top; } .itemTitle { height:30px; line-height:30px; margin-top:20px; padding-left: 170px; font-size:19px; text-decoration:underline ; } .item { overflow: hidden; padding: 10px; } .historyYear { float: left; width:150px; height:30px; line-height:30px; color: #ff3e00; font-size:24px; } .description { float: left; line-height:17px; font-size:14px; margin-left: 10px; } /*1. 회사소개 - 오시는길*/ .ideologyDiagram{ padding-top:50px; text-align:center; border-top: 2px solid #1c62a0; } .ideologyDiagram p{ line-height:32px; color:#739f11; font-size:32px; } .ideologyDiagram p span{ color:#777; font-size:16px; } .ideologyDiagram img{ margin-top:40px; } .ideologyText{ width:700px; margin:0 auto; font-size:15px; } /*1. 회사소개 - 오시는길*/ .mapSection{ display:block; margin-bottom:50px; overflow:hidden; } .mapSection div{ float:left; margin-top:20px; } .mapImg1{ width:710px; height:470px; background: url('../Images/company/map1.png') no-repeat center; } .mapImg2{ width:710px; height:470px; background: url('../Images/company/map2.png') no-repeat center; } .mapImg3{ width:710px; height:470px; background: url('../Images/company/map3.png') no-repeat center; } .mapText{ position:relative; width:250px; height:470px; margin-left:20px; } .mapText p{ line-height:18px; } .mapText .addr{ font-size:15px; font-weight:600; } .mapText .directions{ margin-top:10px; font-size:14px; } .mapText .parking{ margin-top:10px; font-size:14px; } .mapText .tel{ position:absolute; bottom:0; color:#1c62a0; font-size:16px; font-weight:600; } /*2. 사업영역*/ .solutionTitle{ display:block; height:361px; background:url('../Images/business/solutionTopPC.png') no-repeat; overflow:hidden; } .mobileTitle{ display:block; height:361px; background:url('../Images/business/solutionTopMobile.png') no-repeat; overflow:hidden; } .businessSection{ display:block; height:645px; margin-top:50px; text-align:center; } /*3. 홍보영역 PR자료실*/ .ciSection{ border-top: 2px solid #1c62a0; } .ciSection dl{ display:block; margin-top:50px; overflow:hidden; } .ciSection dl dt{ float:left; width:150px; margin-left:50px; font-size:19px; } .ciSection dl dd{ float:left; width:780px; text-align:center; } .primary{ height:110px; } .gridSystem{ height:161px; } .ciText{ margin-top:70px; height:42px; line-height:21px; padding:10px; font-size:16px; border-top:1px solid #ccc; } /*3. 홍보영역 PR자료실*/ .magazine { display:block; height: 270px; overflow:hidden; } .magazine li { float: left; } .magazine li a { display:block; width:210px; height: 270px; margin-right:46px; background: url('../Images/promote/PR.png') no-repeat; text-indent:-9999px; } .magazine li.magazine1 a{ background-position: left top; } .magazine li.magazine2 a{ background-position: -257px top; } .magazine li.magazine3 a{ background-position: -513px top; } .magazine li.magazine4 a{ background-position: -770px top; margin-right:0; } .brochure { position:relative; display:block; height: 340px; margin-top:50px; overflow:hidden; } .brochure li { float: left; } .brochure li a { display:block; width:260px; height:340px; margin-right:24px; background: url('../Images/promote/PR.png') no-repeat; } .brochure li.brochure1{ display:block; width:150px; height:340px; font-size:21px; } .brochure li.brochure2 a{ background-position: -152px -367px; } .brochure li.brochure3 a{ background-position: -436px -367px; } .brochure li.brochure4 a{ background-position: -720px -367px; margin-right:0; } .brochure li a span{ position:absolute; top:320px; height:20px; color:#555; font-size:16px; } /*4. 인재채용 - 인사제도*/ .rightPeople{ display:block; height:380px; background: url('../Images/recruit/rightPeople.png') no-repeat center 30px; text-indent:-9999px; overflow:hidden; } .employPolicy{ height:452px; margin-bottom:50px; } .employPolicy dl dt{ display:block; float:left; width:135px; height:135px; line-height:21px; color:#1c62a0; font-size:21px; padding:15px 0 0 15px; border-bottom:1px solid #ccc; background:#f8f8f8; overflow:hidden; } .employPolicy dl dd{ display:block; float:left; width:790px; height:130px; padding:10px 20px; color:#555; border-bottom:1px solid #ccc; overflow:hidden; } .policy1{ background:url('../Images/recruit/employmentPolicy.png') no-repeat 600px top; } .policy2{ background:url('../Images/recruit/employmentPolicy.png') no-repeat 600px center; } .policy3{ background:url('../Images/recruit/employmentPolicy.png') no-repeat 600px bottom; } .employPolicy dl dd div{ line-height:21px; font-size:17px; font-weight:600; margin-bottom:10px; } .employPolicy dl dd p{ height:19px; line-height:19px; } .jobInfo{ display:block; overflow:hidden; } .jobInfo dl{ float:left; width:489px; height:240px; border-bottom:1px solid #ccc; } .job2, .job4{ border-left:1px solid #ccc; } .jobInfo dl dt{ height:32px; line-height:32px; padding-left:15px; color:#1c62a0; font-size:19px; border-bottom:1px solid #ccc; background:#f8f8f8; } .jobInfo dl dd{ padding:15px 0 0 15px; } .recruitTitle{ display:block; width:100%; height:20px; font-size:15px; font-weight:600; overflow:hidden; } .recruitText{ display:block; line-height:18px; margin-bottom:10px; overflow:hidden; } /*4. 인재채용 - 채용문의*/ #faqMenu { width:100%; text-indent:10px; border-top: 2px solid #1c62a0; } #faqMenu > li{ position:relative; border-bottom:1px solid #ccc; } h3.title{ height:45px; line-height:45px; font-size:16px; cursor:pointer; } .faqOff h3 i{ position:absolute; right:10px; width:35px; height:45px; background:url('../Images/recruit/faqIcon.png') no-repeat -37px 7px; } .faqOn h3 i{ position:absolute; right:10px; width:35px; height:45px; background:url('../Images/recruit/faqIcon.png') no-repeat left 7px; } #faqMenu ul.sub li{ min-height:35px; line-height:19px; border-top:1px solid #ccc; background:#f8f8f8; cursor:pointer; } #faqMenu ul.sub li a{ display:block; width:940px; padding:10px 20px; color:#555; } /*5. etc - 업무제휴*/ .dealer{ display:block; width:980px; margin:30px 0; border-top:2px solid #1c62a0; } .dealer th{ height:35px; line-height:35px; color:#777; font-size:15px; font-weight:600; text-align:center; border-bottom:1px solid #d0d0d0; background:#daedfc; } .dealer td{ height:35px; line-height:35px; color:#555; font-size:14px; padding-left:10px; border-bottom:1px solid #d0d0d0; } .dealer td input{ height:22px; line-height:22px; padding-left:5px; border:1px solid #cacaca; border-right:1px solid #dedede; border-bottom:1px solid #dedede; } .dealer td textarea{ height:100px; line-height:22px; margin:5px 0; padding-left:5px; border:1px solid #cacaca; border-right:1px solid #dedede; border-bottom:1px solid #dedede; } .inpW{ width:70px; } .dealerBtn{ position:relative; height:45px; } .dealerBtn a{ position:absolute; left:430px; display:block; width:120px; height:45px; line-height:45px; color:#fff; text-align:center; font-size:14px; font-weight:600; background:#2b7bc2; border:1px solid #1c62a0; } /*5. etc - 사이트맵*/ .sitemapContents{ display:block; width:100%; overflow:hidden; } .sitemapSection{ display:block; float:left; width:215px; height:250px; margin-right:40px; border-top:2px solid #1c62a0; overflow:hidden; } .sitemapSection h3{ height:45px; line-height:45px; font-size:19px; text-align:center; background:#daedfc; } .sitemapSection ul li a{ display:block; height:27px; padding-left:10px; line-height:27px; color:#555; font-size:14px; border-bottom:1px dashed #ccc; overflow:hidden; } .mr0{ margin-right:0; }