1041 lines
41 KiB
CSS
1041 lines
41 KiB
CSS
@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 */
|