/* layout */
#wrap {
    width: 1920px;
     height: 1910px;
    /* height: 2721px; */
    /*margin: 0;*/
    margin: 0 auto;
    z-index: 5;
}

/* sub_visual */
.sub_visual {
    width: 100%;
    height: 400px;
    position: relative;
}
.sub_visual .sub_visual_img {
    width: 100%;
}
.sub_text {
    position: absolute;
    left: 872px;
    top: 209px;
    font-size: 48px;
    font-weight: 500;
    color: #fff;
}
/* 로케이션 */
.location_wrap {
    position: absolute;
    left: 1460px;
    top: 346px;
}
.location_wrap p{
    padding-left: 8px;
    font-size: 16px;
    font-weight: 100;
    color: #fff;
    float: left;
}
.location_wrap p:not(:last-child)::after {
    content: '>';
}
.location_wrap p a {
    float: left;
    font-size: 16px;
    font-weight: 100;
    color: #fff;
    padding-right: 8px;
}
.location_wrap .xi-home-o {
    font-size: 16px;
}

/* 복리후생 컨텐츠 */
.hire_wrap {
    width: 100%;
}
.hire_wrap > .container {
    width: 1386px;
    height: 1350px;
    margin: 0 auto;
    padding-top: 160px;
}
.health {
    float: left;
    width: 678px;
    height: 250px;
}
.health > h3 {
    padding-bottom: 16px;
    border-bottom: solid 2px #000;
    font-size: 40px;
    font-weight: 500;
    font-family: 'maven pro';
}
.health > ul > li {
    float: left;
    width: 678px;
}
.iconwrap {
    float: left;
    width: 70px;
    height: 70px;
    padding: 40px;
}
.txtwrap {
    padding-top: 40px;
}
.txtwrap > h4 {
    font-size: 24px;
    font-weight: 500;
}
.txtwrap > p {
    font-size: 18px;
    font-weight: 300;
}
.gift {
    float: left;
    width: 678px;
    padding-left: 30px;
}
.gift > h3 {
    padding-bottom: 16px;
    border-bottom: solid 2px #000;
    font-size: 40px;
    font-weight: 500;
    font-family: 'maven pro';
}
.gift > ul > li {
    float: left;
    width: 678px;
}
.leisure {
    float: left;
    width: 1386px;
    height: 250px;
}
.leisure > h3 {
    padding-bottom: 16px;
    border-bottom: solid 2px #000;
    font-size: 40px;
    font-weight: 500;
    font-family: 'maven pro';
}
.leisure > ul > li{
    float: left;
    width: 678px;
    padding-right: 30px;
}
.leisure > ul > li:last-child {
    padding-right: 0;
}
.life {
    float: left;
    width: 1386px;
    height: 700px;
}
.life > h3 {
    padding-bottom: 16px;
    border-bottom: solid 2px #000;
    font-size: 40px;
    font-weight: 500;
    font-family: 'maven pro';
}
.life > ul > li {
    float: left;
    width: 678px;
    padding-right: 30px;
}
.life > ul > li:nth-child(2n) {
    padding-right: 0;
}
.facilities {
    float: left;
    width: 1386px;
}
.facilities > h3 {
    padding-bottom: 16px;
    border-bottom: solid 2px #000;
    font-size: 40px;
    font-weight: 500;
    font-family: 'maven pro';
}
.facilities > ul > li {
    float: left;
    width: 678px;
    padding-right: 30px;
}
.facilities > ul > li:last-child {
    padding-right: 0;
}