@charset "UTF-8"; em { color: #0061a9; } b { font-weight: 600; } .introduceContainer > p { display: none; } .introduceContainer > ul { position: relative; width: 1200px; margin: 150px auto 50px; } .introduceContainer > ul:after { position: absolute; top: -100px; left: 100px; font-size: 24px; font-weight: 700; content: '인사말'; } .introduceContainer > ul > li { text-align: center; } .introduceContainer > ul > li:nth-child(1) { width: 1000px; margin: 0 auto; letter-spacing: 0px; font-weight: 600; font-size: 18px; line-height: 1.3em; text-align: left; } .introduceContainer > ul > li:nth-child(2) { width: 1000px; margin: 0 auto; padding-top: 20px; font-size: 15px; line-height: 1.75em; text-align: justify; } .introduceContainer > ul > li:nth-child(2) > em { margin-top: 20px; display: block; font-size: 23px; font-weight: 900; text-align: right; } .introduceContainer > .normalInfo { position: relative; width: 100%; height: 500px; background-image: url(../images/one.jpg); background-attachment: fixed; background-position: 50% 10%; } .introduceContainer > .normalInfo:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; content: ''; } .introduceContainer > .normalInfo > .normalInfoInner { width: 1200px; margin: 0 auto; padding-left: 200px; } .introduceContainer > .normalInfo > .normalInfoInner > ul { margin-top: 120px; float: left; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > li { float: left; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 { position: relative; width: 300px; height: 300px; background-color: #0061a9; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1:after { position: absolute; top: -50px; left: 0; font-size: 24px; font-weight: 700; color: #000; content: '일반현황'; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl { width: 250px; margin: 0 auto; text-align: center; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > dt { margin-top: 100px; width: 250px; height: 60px; text-indent: -999999px; background: url(../images/logo_w.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > dd { color: #fff; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > dd > em { font-weight: 600; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > dd:last-child { margin-top: 60px; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > .info_name { font-size: 20px; font-weight: 600; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > .info_shot { font-size: 12px; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child { margin-left: 50px; width: 670px; background-color: rgba(255, 255, 255, 0.4); } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li { float: left; font-size: 16px; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li > dl dd { height: 42px; line-height: 42px; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li:first-child > dl > dd { padding: 0 20px; text-align: justify; text-align-last: justify; color: #fff; font-weight: 600; background-color: #0061a9; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li:last-child { width: 82%; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li:last-child > dl > dd { width: 100%; padding-left: 10px; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li:last-child > dl > dd:last-child { border-bottom: none; } .organization { width: 1200px; height: 600px; margin: 0 auto; background-image: url(../images/organigation_2.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .organization > p { margin: 50px 0 0 100px; font-size: 24px; font-weight: 700; color: #000; } .welfareContainer { padding: 50px 0 100px; width: 100%; } .welfareContainer > .welfare_head { width: 1200px; margin: 80px auto; text-align: center; } .welfareContainer > .welfare_head > ul li:first-child { margin-bottom: 30px; font-size: 30px; font-weight: 600; } .welfareContainer > .welfare_head > ul li:last-child { line-height: 1.6em; font-size: 18px; } .welfareContainer > .welfare_body { width: 904px; margin: 0 auto; text-align: center; } .welfareContainer > .welfare_body > ul > li { width: 300px; height: 300px; float: left; border: 1px solid #0061a9; border-right: 0; } .welfareContainer > .welfare_body > ul > li > dl > dt { position: relative; margin-top: 150px; font-size: 30px; font-weight: 600; } .welfareContainer > .welfare_body > ul > li > dl > dt:after { position: absolute; top: -80px; left: 50%; width: 70px; height: 70px; transform: translateX(-50%); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; content: ''; } .welfareContainer > .welfare_body > ul > li > dl > dd { padding-top: 5px; line-height: 1.4em; color: #bbb; font-weight: 600; } .welfareContainer > .welfare_body > ul > li:nth-child(2) > dl > dt:after { background-image: url(../images/company_work.png); content: ''; } .welfareContainer > .welfare_body > ul > li:nth-child(3) > dl > dt:after { background-image: url(../images/education.png); content: ''; } .welfareContainer > .welfare_body > ul > li:nth-child(4) > dl > dt:after { background-image: url(../images/help.png); content: ''; } .welfareContainer > .welfare_body > ul > li:nth-child(5) > dl > dt:after { background-image: url(../images/clock.png); content: ''; } .welfareContainer > .welfare_body > ul > li:nth-child(6) > dl > dt:after { background-image: url(../images/money.png); content: ''; } .welfareContainer > .welfare_body > ul > li:nth-child(1), .welfareContainer > .welfare_body > ul > li:nth-child(2), .welfareContainer > .welfare_body > ul > li:nth-child(3) { border-bottom: 0; } .welfareContainer > .welfare_body > ul > li:nth-child(3), .welfareContainer > .welfare_body > ul > li:nth-child(6) { border-right: 1px solid #0061a9; } .welfareContainer > .welfare_body > ul > li:first-child { background-color: #0061a9; color: #fff; } .welfareContainer > .welfare_body > ul > li:first-child > .wfS { margin-top: 120px; } .welfareContainer > .welfare_body > ul > li:first-child > .wfS > dt { margin-top: 130px; font-size: 22px; padding-bottom: 3px; font-weight: 500; } .welfareContainer > .welfare_body > ul > li:first-child > .wfS dd { padding-top: 0px; font-size: 30px; font-weight: 900; color: #fff; } .certificationContainer { width: 100%; margin-bottom: 0 auto; height: auto; background-color: #fff; } .certificationContainer > p { display: none; } .certificationContainer > .certificate { position: relative; width: 1000px; margin: 0 auto; } .certificationContainer > .certificate > ul { margin-top: 80px; width: 100%; } .certificationContainer > .certificate > ul > li { margin: 0 auto; width: 200px; margin-top: 20px; text-align: center; font-size: 40px; font-weight: 600; color: #333; } .certificationContainer > .certificate > ul > li.status_info_main { position: relative; font-weight: 700; color: #333; font-size: 23px; margin-bottom: 55px; line-height: 1.3em; } .certificationContainer > .certificate > ul > li > em { color: #ddd; } .certificationContainer > .certificate > ul > li > span { font-size: 20px; } .certificationContainer > .certificate > .certificate_info { width: 100%; } .certificationContainer > .certificate > .certificate_info > div { width: 100%; } .certificationContainer > .certificate > .certificate_info > div > ul > li { float: left; margin: 0 47px 50px 0; width: 300px; height: 400px; border: 1px dotted #aaa; } .certificationContainer > .certificate > .certificate_info > div > ul > li:last-child { margin-right: 0; } .certificationContainer > .certificate > .certificate_info > div > ul > li > dl > dt { width: 300px; height: 350px; text-indent: -99999px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .certificationContainer > .certificate > .certificate_info > div > ul > li > dl > dd { font-size: 15px; font-weight: 600; text-align: center; line-height: 50px; } .certificationContainer > .certificate > .certificate_info > .sect01 > ul > li:nth-child(1) > dl > dt { background-image: url(../images/certificate_10.png); background-size: contain; } .certificationContainer > .certificate > .certificate_info > .sect01 > ul > li:nth-child(2) > dl > dt { background-image: url(../images/certificate_12.png); background-size: contain; } .certificationContainer > .certificate > .certificate_info > .sect01 > ul > li:nth-child(3) > dl > dt { background-image: url(../images/certificate_02.png); } .certificationContainer > .certificate > .certificate_info > .sect02 > ul > li:nth-child(1) > dl > dt { background-image: url(../images/certificate_04.png); } .certificationContainer > .certificate > .certificate_info > .sect02 > ul > li:nth-child(2) > dl > dt { background-image: url(../images/certificate_05.png); } .certificationContainer > .certificate > .certificate_info > .sect02 > ul > li:nth-child(3) > dl > dt { background-image: url(../images/certificate_06.png); } .certificationContainer > .certificate > .certificate_info > .sect03 > ul > li:nth-child(1) > dl > dt { background-image: url(../images/certificate_07.png); } .certificationContainer > .certificate > .certificate_info > .sect03 > ul > li:nth-child(2) > dl > dt { background-size: contain; background-image: url(../images/certificate_09.png); background-position: 50% 50%; } .certificationContainer > .certificate > .certificate_info > .sect03 > ul > li:nth-child(3) > dl > dt { background-size: contain; background-image: url(../images/certificate_11.png); background-position: 50% 50%; } .certificationContainer > .certificate > .certificate_info > .sect04 > ul > li:nth-child(1) > dl > dt { background-image: url(../images/certificate_13.png); background-size: contain; } .certificationContainer > .certificate > .certificate_info > .sect04 > ul > li:nth-child(2) > dl > dt { background-size: contain; background-position: 50% 50%; } .certificationContainer > .certificate > .certificate_info > .sect04 > ul > li:nth-child(3) > dl > dt { background-size: cover; background-position: 50% 50%; } .careers { width: 1200px; height: 1600px; margin: 0 auto; background-image: url(../images/company_04_bg.png); background-size: cover; background-repeat: no-repeat; border: 1px solid #eee; } .careers .careersTitle { padding: 10px 0; width: 170px; background-color: #0061a9; text-align: center; font-size: 23px; color: #fff; } .careers > .careersHeader { position: relative; width: 100%; height: 370px; } .careers > .careersHeader > ul > li { position: absolute; } .careers > .careersHeader > ul > li:first-child { bottom: 10px; right: 80px; font-size: 100px; font-weight: 600; } .careers > .careersHeader > ul > li:last-child { bottom: 10px; left: 80px; font-size: 30px; line-height: 1.25em; } .careers > .talent, .careers > .jobs, .careers > .other { padding: 100px 80px 0; } .careers > .talent > ul, .careers > .jobs > ul, .careers > .other > ul { padding-top: 15px; } .careers > .talent > ul > li, .careers > .jobs > ul > li, .careers > .other > ul > li { position: relative; padding-left: 25px; font-size: 17px; line-height: 2em; color: #151515; } .careers > .talent > ul > li:after, .careers > .jobs > ul > li:after, .careers > .other > ul > li:after { position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #ccc; content: '■'; } .careers .jobs { width: 100%; height: 400px; } .careers .jobs > .jobsContainer > ul { position: relative; cursor: pointer; width: 1000px; height: 150px; margin-top: 20px; border: 1px solid #ccc; transition: all 0.3s ease-in-out; box-sizing: border-box; } .careers .jobs > .jobsContainer > ul:hover { border-color: orange; background-color: #f1f1f1; } .careers .jobs > .jobsContainer > ul:nth-child(1):after { position: absolute; top: 50%; transform: translateY(-50%); left: 40px; font-size: 70px; font-weight: 600; color: #0061a9; content: "01"; } .careers .jobs > .jobsContainer > ul:nth-child(2):after { position: absolute; top: 50%; transform: translateY(-50%); left: 40px; font-size: 70px; font-weight: 600; color: #0061a9; content: "02"; } .careers .jobs > .jobsContainer > ul > li { float: left; } .careers .jobs > .jobsContainer > ul > li:first-child { position: relative; width: 70%; } .careers .jobs > .jobsContainer > ul > li:first-child:after { position: absolute; bottom: 25px; right: 0; width: 95%; height: 1px; background-color: #ccc; content: ''; } .careers .jobs > .jobsContainer > ul > li:first-child > dl { padding: 45px 0 0px 150px; } .careers .jobs > .jobsContainer > ul > li:first-child > dl > dt { font-size: 25px; font-weight: 600; } .careers .jobs > .jobsContainer > ul > li:first-child > dl > dd { margin-top: 10px; font-size: 17px; color: #888; } .careers .jobs > .jobsContainer > ul > li:first-child > dl .job_1 { margin-bottom: 25px; } .careers .jobs > .jobsContainer > ul > li:last-child { width: 30%; height: 100%; text-indent: -99999px; background-image: url(../images/company_02.jpg); background-repeat: no-repeat; background-size: cover; } .careers .jobs > .jobsOverView { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0, 0, 0, 0.7); } .careers .jobs > .jobsOverView > .close { cursor: pointer; margin: 30px; padding: 10px; text-align: right; font-size: 50px; color: #fff; } .careers .jobs > .jobsOverView > ul { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000px; height: 500px; background-color: #fff; } .careers .jobs > .jobsOverView > ul > li:first-child { width: 100%; height: 160px; background-color: #bbb; text-align: center; } .careers .jobs > .jobsOverView > ul > li:first-child > dl { width: 300px; height: 100px; margin: 0 auto; padding-top: 30px; color: #fff; } .careers .jobs > .jobsOverView > ul > li:first-child > dl > dt { padding: 5px 0; width: 120px; margin: 0 auto; border: 2px solid #fff; border-radius: 30px; font-size: 16px; } .careers .jobs > .jobsOverView > ul > li:first-child > dl > dd { margin-top: 30px; font-size: 26px; } .careers .jobs > .jobsOverView > ul > li:last-child { width: 100%; height: 340px; background-color: #f2f2f2; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li { float: left; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li:first-child { width: 35%; height: 340px; font-size: 25px; font-weight: 600; text-align: center; color: #0061a9; line-height: 3em; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li:last-child { padding-top: 30px; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li:last-child > dl > dt { font-size: 20px; padding-bottom: 15px; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li:last-child > dl > dd { font-size: 18px; line-height: 2em; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li:last-child > dl > dd > em { font-weight: 600; } @media screen and (max-width: 768px) { .introduceContainer { position: relative; } .introduceContainer > p { display: block; position: absolute; top: 30px; right: 30px; } .introduceContainer > p > a { padding: 10px; text-align: center; font-size: 30px; font-weight: 900; color: #333; background-color: #ddd; } .introduceContainer > ul { width: 100%; margin: 100px 0 30px; text-align: center; } .introduceContainer > ul:after { display: none; position: absolute; top: -100px; left: 100px; font-size: 22px; font-weight: 600; content: '인사말'; } .introduceContainer > ul > li { text-align: center; padding: 0 0px; } .introduceContainer > ul > li:nth-child(1) { width: 90%; font-weight: 600; font-size: 19px; line-height: 1.3em; } .introduceContainer > ul > li:nth-child(2) { width: 90%; padding-top: 20px; font-size: 13px; line-height: 2em; } .introduceContainer > ul > li:nth-child(2) > br { display: none; } .introduceContainer > ul > li:nth-child(2) > em { font-size: 16px; } .introduceContainer > .normalInfo { margin-bottom: 90px; position: relative; width: 100%; height: auto; background-image: none; background-attachment: inherit; background-color: #f1f1f1; background-position: 50% 10%; } .introduceContainer > .normalInfo:after { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; content: ''; } .introduceContainer > .normalInfo > .normalInfoInner { width: 100%; margin: 0 auto; padding-left: 0px; } .introduceContainer > .normalInfo > .normalInfoInner > ul { margin-top: 60px; float: inherit; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > li { float: left; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 { position: relative; margin-top: 70px; width: 100%; height: auto; background-color: #666; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1:after { position: absolute; top: -50px; left: 50%; transform: translateX(-50%); font-size: 20px; font-weight: 700; color: #000; content: '일반현황'; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl { width: 250px; margin: 20px auto; text-align: center; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > dt { margin-top: 0px; width: 250px; height: 60px; text-indent: -999999px; background: url(../images/logo_w.png); background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > dd { color: #fff; line-height: 1.5em; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > dd > em { font-weight: 600; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > dd:last-child { margin-top: 0px; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > .info_shot { display: none; } .introduceContainer > .normalInfo > .normalInfoInner > ul:first-child > .info_1 > dl > .info_name { font-size: 20px; font-weight: 600; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child { margin-top: -40px; margin-left: 0px; width: 100%; background-color: rgba(255, 255, 255, 0.4); } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li { float: left; font-size: 16px; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li > dl dd { height: 30px; line-height: 30px; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li:first-child { width: 100%; background: #f1f1f1; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li:first-child > dl > dd { cursor: pointer; width: 70px; float: left; padding: 0 7px; border: 3px solid #0061a9; margin: 3px 5px; border-radius: 40px; text-align: center; text-align-last: center; color: #fff; font-weight: 600; font-size: 13px; background-color: #0061a9; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li:first-child > dl > dd:hover { background-color: #666; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li:last-child { position: relative; width: 100%; border-top: 1px solid #555; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li:last-child > dl > dd { position: absolute; top: 0; left: 0; color: #fff; background-color: #666; font-size: 12px; font-weight: 600; width: calc(7/100%); height: 100px; line-height: 100px; padding-left: 0px; text-align: center; } .introduceContainer > .normalInfo > .normalInfoInner > ul:last-child > li:last-child > dl > dd:last-child { border-bottom: none; } .organization { width: 100%; height: 400px; margin: 0 auto; background-image: url(../images/organigation_2.jpg); background-repeat: no-repeat; background-position: 50% 70%; background-size: 190%; } .organization > p { margin: 50px 0 0 50px; font-size: 22px; font-weight: 700; color: #000; } .welfareContainer { padding: 100px 0 0px; width: 100%; } .welfareContainer > .welfare_head { width: 100%; margin: 80px auto 20px; text-align: center; } .welfareContainer > .welfare_head > ul li { padding: 0 20px; } .welfareContainer > .welfare_head > ul li:first-child { margin-bottom: 30px; font-size: 25px; font-weight: 600; } .welfareContainer > .welfare_head > ul li:last-child { line-height: 1.6em; font-size: 14px; } .welfareContainer > .welfare_head > ul li:last-child > br { display: none; } .welfareContainer > .welfare_body { width: 100%; margin: 0 auto; text-align: center; } .welfareContainer > .welfare_body > ul > li { width: 100%; height: 100%; float: inherit; border: 1px solid #0061a9; border-right: 0; } .welfareContainer > .welfare_body > ul > li > dl > dt { position: relative; margin-top: 100px; font-size: 30px; font-weight: 600; } .welfareContainer > .welfare_body > ul > li > dl > dt:after { position: absolute; top: -80px; left: 50%; width: 70px; height: 70px; transform: translateX(-50%); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; content: ''; } .welfareContainer > .welfare_body > ul > li > dl > dd { margin-bottom: 20px; padding-top: 5px; line-height: 1.4em; color: #bbb; font-weight: 600; } .welfareContainer > .welfare_body > ul > li:nth-child(2) > dl > dt:after { background-image: url(../images/company_work.png); content: ''; } .welfareContainer > .welfare_body > ul > li:nth-child(3) > dl > dt:after { background-image: url(../images/education.png); content: ''; } .welfareContainer > .welfare_body > ul > li:nth-child(4) > dl > dt:after { background-image: url(../images/help.png); content: ''; } .welfareContainer > .welfare_body > ul > li:nth-child(5) > dl > dt:after { background-image: url(../images/clock.png); content: ''; } .welfareContainer > .welfare_body > ul > li:nth-child(6) > dl > dt:after { background-image: url(../images/money.png); content: ''; } .welfareContainer > .welfare_body > ul > li:nth-child(1), .welfareContainer > .welfare_body > ul > li:nth-child(2), .welfareContainer > .welfare_body > ul > li:nth-child(3) { border-bottom: 1px solid #0061a9; } .welfareContainer > .welfare_body > ul > li:nth-child(3), .welfareContainer > .welfare_body > ul > li:nth-child(6) { border-right: 0px solid #0061a9; } .welfareContainer > .welfare_body > ul > li:nth-child(6) { border-bottom: 2px solid #0061a9; } .welfareContainer > .welfare_body > ul > li:first-child { background-color: #0061a9; color: #fff; } .welfareContainer > .welfare_body > ul > li:first-child > .wfS { margin-top: 30px; } .welfareContainer > .welfare_body > ul > li:first-child > .wfS > dt { margin-top: 0px; font-size: 22px; padding-bottom: 3px; font-weight: 500; } .welfareContainer > .welfare_body > ul > li:first-child > .wfS dd { padding-top: 0px; font-size: 30px; font-weight: 900; color: #fff; } .certificationContainer { position: relative; width: 100%; margin-bottom: 0 auto; height: auto; background-color: #fff; } .certificationContainer > p { display: block; position: absolute; top: 30px; right: 30px; } .certificationContainer > p > a { padding: 10px; text-align: center; font-size: 30px; font-weight: 900; color: #333; background-color: #ddd; } .certificationContainer > .certificate { position: relative; width: 100%; margin: 0 auto; } .certificationContainer > .certificate > ul { margin-top: 80px; width: 100%; } .certificationContainer > .certificate > ul > li { margin: 0 auto; width: 100%; margin-top: 20px; text-align: center; font-size: 40px; font-weight: 600; color: #333; } .certificationContainer > .certificate > ul > li.status_info_main { position: relative; font-weight: 700; color: #333; margin-bottom: 55px; line-height: 1.3em; } .certificationContainer > .certificate > ul > li > em { color: #ddd; } .certificationContainer > .certificate > ul > li > span { font-size: 20px; } .certificationContainer > .certificate > .certificate_info { width: 100%; } .certificationContainer > .certificate > .certificate_info > div { width: 100%; } .certificationContainer > .certificate > .certificate_info > div > ul > li { float: inherit; margin: 0 47px 50px 0; width: 100%; height: 400px; border: 1px dotted #aaa; border-right: none; border-left: none; } .certificationContainer > .certificate > .certificate_info > div > ul > li:last-child { margin-right: 0; } .certificationContainer > .certificate > .certificate_info > div > ul > li > dl > dt { width: 100%; height: 350px; text-indent: -99999px; background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; } .certificationContainer > .certificate > .certificate_info > div > ul > li > dl > dd { font-size: 15px; font-weight: 600; text-align: center; line-height: 50px; } .certificationContainer > .certificate > .certificate_info > .sect01 > ul > li:nth-child(1) > dl > dt { background-image: url(../images/certificate_10.png); } .certificationContainer > .certificate > .certificate_info > .sect01 > ul > li:nth-child(2) > dl > dt { background-image: url(../images/certificate_12.png); } .certificationContainer > .certificate > .certificate_info > .sect01 > ul > li:nth-child(3) > dl > dt { background-image: url(../images/certificate_02.png); } .certificationContainer > .certificate > .certificate_info > .sect02 > ul > li:nth-child(1) > dl > dt { background-image: url(../images/certificate_04.png); } .certificationContainer > .certificate > .certificate_info > .sect02 > ul > li:nth-child(2) > dl > dt { background-image: url(../images/certificate_05.png); } .certificationContainer > .certificate > .certificate_info > .sect02 > ul > li:nth-child(3) > dl > dt { background-image: url(../images/certificate_06.png); } .certificationContainer > .certificate > .certificate_info > .sect03 > ul > li:nth-child(1) > dl > dt { background-image: url(../images/certificate_07.png); } .certificationContainer > .certificate > .certificate_info > .sect03 > ul > li:nth-child(2) > dl > dt { background-size: contain; background-image: url(../images/certificate_09.png); background-position: 50% 50%; } .certificationContainer > .certificate > .certificate_info > .sect03 > ul > li:nth-child(3) > dl > dt { background-size: contain; background-image: url(../images/certificate_11.png); background-position: 50% 50%; } .careers { width: 100%; height: auto; margin: 0 auto; background-image: url(../images/company_04_bg.png); background-size: cover; background-repeat: no-repeat; border: 0px solid #eee; } .careers .careersTitle { padding: 10px 0; width: 170px; background-color: #0061a9; text-align: center; font-size: 30px; color: #fff; } .careers > .careersHeader { position: relative; width: 100%; height: 370px; } .careers > .careersHeader > ul > li { width: 100%; position: inherit; } .careers > .careersHeader > ul > li:first-child { padding-top: 100px; padding-bottom: 30px; text-align: center; bottom: 0px; right: 0px; font-size: 100px; font-weight: 600; } .careers > .careersHeader > ul > li:last-child { padding: 0px; text-align: center; bottom: 10px; left: 80px; font-size: 25px; line-height: 1.25em; } .careers > .careersHeader > ul > li:last-child > br { display: none; } .careers > .talent, .careers > .jobs, .careers > .other { padding: 100px 0px 0; } .careers > .talent > ul, .careers > .jobs > ul, .careers > .other > ul { padding-top: 15px; } .careers > .talent > ul > li, .careers > .jobs > ul > li, .careers > .other > ul > li { position: relative; padding: 0 20px; font-size: 15px; line-height: 2em; color: #151515; } .careers > .talent > ul > li:after, .careers > .jobs > ul > li:after, .careers > .other > ul > li:after { display: none; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #ccc; content: '■'; } .careers .jobs { width: 100%; height: 400px; padding-left: 0; } .careers .jobs > .jobsContainer > ul { position: relative; cursor: pointer; width: 100%; height: 150px; margin-top: 30px; border: 1px solid #ccc; transition: border-color 0.3s; box-sizing: border-box; } .careers .jobs > .jobsContainer > ul:hover { border-color: orange; } .careers .jobs > .jobsContainer > ul:nth-child(1):after { position: absolute; top: 35%; transform: translateY(-50%); left: 20px; font-size: 70px; font-weight: 600; color: #0061a9; content: "01"; } .careers .jobs > .jobsContainer > ul:nth-child(2):after { position: absolute; top: 35%; transform: translateY(-50%); left: 20px; font-size: 70px; font-weight: 600; color: #0061a9; content: "02"; } .careers .jobs > .jobsContainer > ul > li { float: inherit; } .careers .jobs > .jobsContainer > ul > li:first-child { position: relative; width: 100%; } .careers .jobs > .jobsContainer > ul > li:first-child:after { position: absolute; bottom: 30px; right: 0; width: 100%; height: 1px; background-color: #ccc; content: ''; } .careers .jobs > .jobsContainer > ul > li:first-child > dl { padding: 30px 0 0px 120px; } .careers .jobs > .jobsContainer > ul > li:first-child > dl > dt { font-size: 20px; font-weight: 600; } .careers .jobs > .jobsContainer > ul > li:first-child > dl > dd { margin-top: 10px; font-size: 20px; color: #ccc; } .careers .jobs > .jobsContainer > ul > li:first-child > dl .job_1 { margin-bottom: 40px; } .careers .jobs > .jobsContainer > ul > li:last-child { display: none; width: 30%; height: 100%; text-indent: -99999px; background-image: url(../images/company_02.jpg); background-repeat: no-repeat; background-size: cover; } .careers .jobs > .jobsOverView { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background-color: rgba(0, 0, 0, 0.7); } .careers .jobs > .jobsOverView > ul { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 480px; background-color: #fff; } .careers .jobs > .jobsOverView > ul > li:first-child { width: 100%; height: 100px; background-color: #bbb; text-align: center; } .careers .jobs > .jobsOverView > ul > li:first-child > dl { width: 100%; height: 50px; margin: 0 auto; padding-top: 15px; color: #fff; } .careers .jobs > .jobsOverView > ul > li:first-child > dl > dt { padding: 5px 0; width: 120px; margin: 0 auto; border: 2px solid #fff; border-radius: 30px; font-size: 16px; } .careers .jobs > .jobsOverView > ul > li:first-child > dl > dd { margin-top: 10px; font-size: 26px; } .careers .jobs > .jobsOverView > ul > li:last-child { width: 100%; height: auto; background-color: #f2f2f2; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li { float: inherit; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li:first-child { width: 100%; height: auto; font-size: 20px; font-weight: 600; text-align: center; color: #0061a9; line-height: 3em; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li:last-child { height: 320px; padding-top: 0px; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li:last-child > dl { padding: 0 20px; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li:last-child > dl > dt { font-size: 15px; padding-bottom: 15px; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li:last-child > dl > dd { font-size: 13px; line-height: 2em; } .careers .jobs > .jobsOverView > ul > li:last-child > ul > li:last-child > dl > dd > em { font-weight: 600; } .careers > .other { margin-bottom: 80px; } } /*# sourceMappingURL=company.css.map */