@charset "utf-8";

.page_title {
    position: relative;
    font-family: 'Gmarket Sans', sans-serif;
    text-align: center;
    width: 100%;
    padding-top: 200px;
    padding-bottom: 40px;
}

.page_title span {
    position: relative;
    font-size: 36px;
    color: #222;
    text-align: center;
    font-weight: bold;
    display: block;
    margin: 0 auto 30px;
}

.page_title p {
    position: relative;
    margin-top: 0px;
    font-size: 44px;
    color: #222;
    line-height: 1.5;
}

.page_title p strong {
    font-weight: bold;
    color: #2e2e88;
}

.page_title_sub {
    margin-top: 40px;
    font-size: 24px;
    color: #222;
    text-align: center;
    padding-bottom: 26px;
}

.page_content {
    padding: 100px 0px;
    line-height: 1.5;
    position: relative;
    max-width: 1440px;
    margin: 0px auto 200px;
    width: 100%;
    font-family: 'Pretendard Variable', Pretendard, sans-serif;
    color: #555;
}

.page_content.board_wrap {
    padding: 80px 0 100px;
}

.page_content_full {
    padding-top: 150px;
    line-height: 1.5;
    position: relative;
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    font-family: 'Pretendard Variable', Pretendard, sans-serif;
}

.subTits {
    text-align: center;
    font-size: 3rem;
    color: #252525;
    text-align: center;
    font-weight: 600;
    padding-bottom: 1.1em;
}

/* 상단 비주얼 */
.sub1 .article_header_bg {
    background-image: url('../img/sub_visual1.png');
}

.sub1-1 .article_header_bg {
    background-image: url('../img/sub1-1bg.png');
}

.sub1-2 .article_header_bg {
    background-image: url('../img/sub1-2bg.png');
}

.sub1-3 .article_header_bg {
    background-image: url('../img/sub_visual1.png');
}

.sub1-4 .article_header_bg {
    background-image: url('../img/sub1-4bg.png');
}

.sub2-1 .article_header_bg {
    background-image: url('../img/sub2-1bg.png');
}

.sub2-2 .article_header_bg {
    background-image: url('../img/sub2_2/main_top.png');
}

.sub2-3 .article_header_bg {
    background-image: url('../img/sub2-3bg.png');
}

.sub2-4 .article_header_bg {
    background-image: url('../img/sub2-4bg.png');
}

.sub2-5 .article_header_bg {
    background-image: url('../img/sub2-5bg.png');
}

.sub3-1 .article_header_bg {
    background-image: url('../img/sub3-1bg.png');
}

.sub3-2 .article_header_bg {
    background-image: url('../img/sub3-2bg.png');
}

.sub3-3 .article_header_bg {
    background-image: url('../img/sub3-3bg.png');
}

.sub4-1 .article_header_bg {
    background-image: url('../img/sub4-1bg.png');
}

.sub4-2 .article_header_bg {
    background-image: url('../img/sub4-2bg.png');
}

.sub4-3 .article_header_bg {
    background-image: url('../img/sub4-3bg.png');
}

.sub5-1 .article_header_bg {
    background-image: url('../img/sub5-1bg.png');
}

.sub5-2 .article_header_bg {
    background-image: url('../img/sub5-2bg.png');
}

/* 서브 공통 - 통이미지 */
.page_content_full .img-area {
    padding-top: 50px;
}

.construction-inner .img-area {
    padding: 0;
}

.page_content .img-area > img,
.page_content_full .img-area > img {
    width: 100%;
}

.page_content .img-area img.pc,
.page_content_full .img-area img.pc {
    display: block;
    margin: 0 auto;
}

.page_content .img-area img.mobile,
.page_content_full .img-area img.mobile {
    display: none;
}

.sec_2_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.img_area .left_table,
.img_area .right_table {
    width: 45%;
}

.img_area .left_table table,
.img_area .right_table table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.img_area .right_table table {
    height: 425px;
}

.img_area .right_table table tr,
td {
    vertical-align: middle;
}

.img_area .arrow_sec {
    text-align: center;
    display: flex;
    justify-content: center;
    width: 10%;
    font-size: 30px;
}

.img-area-feat-box {
    margin-bottom: 50px;
}

.img_gul_wrap {
    display: flex;
    align-items: center;
}

.img_gul_wrap .featarrow {
    width: 70px;
}

.img_gul_box {
    text-align: center;
}

.img_gul_box img {
    padding: 20px 0;
}

.feat-img-desc-bule strong {
    color: blue;
}
.left_table,
.right_table {
    font-size: 18px;
}
.pulling-img-items {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 100px 0;
}
.pulling-img-item {
    text-align: center;
}
.pulling-img-item img {
    margin-bottom: 10px;
}
.page_content_full p {
    font-size: 18px;
}

@media screen and (max-width: 1024px) {
    .page_content_full .img-area {
        padding: 25px 0;
    }

    .img_area .arrow_sec {
        transform: rotate(90deg);
    }
}

@media screen and (max-width: 670px) {
    .img-area-feat-box,
    .feat-narrow-img-box,
    .pc_gul {
        display: none !important;
    }

    .page_content .img-area img.mobile,
    .page_content_full .img-area img.mobile,
    .mobile_gul {
        display: block !important;
    }

    .img_gul_wrap {
        flex-direction: column;
    }

    .img_gul_wrap .featarrow {
        transform: rotate(90deg);
        width: 50px;
    }

    .img-area-last {
        flex-direction: column;
        width: 100%;
    }

    .img-area-last img:nth-of-type(1) {
        width: 100%;
    }

    .img-area-last img:nth-of-type(2) {
        width: 15% !important;
        transform: rotate(90deg);
    }

    .img-area-last-desc {
        width: 80% !important;
    }

    .medium-caliber .imgArea {
        margin-top: 0px;
        flex-direction: column;
        font-size: 0px;
        width: 100%;
    }

    .uv-cipp .uv-content2,
    .imgArea-sec-pecfl_img_box {
        flex-direction: column;
        width: 100%;
        gap: 20px;
        padding: 0 20px;
        align-items: center;
    }

    .uv-cipp .uv-content2 img,
    .imgArea-sec-pecfl_img_box img {
        width: 100% !important;
    }

    .tech-pe-box {
        flex-direction: column;
    }

    .tech-pe-box .txtArea-ul {
        margin-left: 0;
    }

    .concrete_box .concrete_box-img2 {
        flex-direction: column;
        width: 100%;
    }

    .concrete_box .concrete_box-img2 img {
        width: 100% !important;
    }
    .rnd .concrete_box-img2 img:nth-of-type(2) {
        width: 15% !important;
        transform: rotate(90deg);
    }
    .tech-pe-box .txtArea-ul span {
        text-align: center;
        justify-content: center;
    }
    .small-caliber {
        flex-direction: column;
    }
    .pecfl_img .pecfl_img_box {
        width: 100% !important;
    }
    .pecfl_img {
        flex-direction: column;
        align-items: center;
    }
}

/* 서브 공통 - flex width 50%, width 50% 레이아웃 */
.flex-half {
    display: flex;
    align-items: center;
}

.flex-half .flex-box {
    width: 100%;
}

.titlecolumm {
    flex-direction: column;
    text-align: center;
}

/* 비디오 */
.video {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 30px 0;
}

/* 기업소개 */
.info_cont_wrap .section1 {
    display: flex;
    justify-content: space-between;
}

.info_cont_wrap .section1 .img-area {
    width: 41.6666%;
}

.info_cont_wrap .section1 .text-area {
    width: 50%;
}

.info_cont_wrap .section1 .text-area h4 {
    font-size: 36px;
    font-weight: 600;
    color: #222;
    margin-bottom: 40px;
}

.info_cont_wrap .section1 .text-area h4.ceo {
    text-align: right;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 90px;
}

.info_cont_wrap .section1 .text-area h4.ceo span {
    font-size: 17px;
}

.info_cont_wrap .section1 .text-area p {
    font-size: 20px;
    margin-bottom: 35px;
}

/* 조직도 */

/* 회사연혁 */
.history_cont_wrap .tx01 {
    font-size: 40px;
    color: #222;
    font-weight: 600;
    padding-bottom: 1em;
    margin-bottom: 100px;
    position: relative;
    line-height: 1.5;
    padding-left: 50%;
    width: 100%;
}

.history_cont_wrap .tx01 .his-cover {
    margin-bottom: 100px;
}

.history_cont_wrap .tx01 h1 {
    font-size: 60px;
    margin-bottom: 50px;
    font-family: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Pretendard Variable', Pretendard, Roboto,
        'Noto Sans KR', 'Segoe UI', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
        sans-serif;
    font-weight: bold;
}

.history_cont_wrap .tx01 span {
    font-size: 18px;
    padding-left: 80px;
    display: flex;
    margin-bottom: 10px;
}

.history_cont_wrap .tx01 span strong {
    color: #2e2e88;
    width: 100px;
}

.history_cont_wrap .tx01 span .his-text {
    color: #2e2e88;
    opacity: 0;
    width: 100px;
}

.history_cont_wrap .tx01 span p {
    display: inline-block;
}

.history_cont_wrap .tx01 figure {
    position: absolute;
    left: 150px;
    top: 0px;
}

.history_cont_wrap .tx01 figure > img {
    width: 80%;
}

.history_cont_wrap .tx01.sec figure {
    position: absolute;
    left: -42px;
    top: 0px;
}

.history_cont_wrap .tx01.sec_2 figure {
    position: absolute;
    left: 70px;
    top: 0px;
}

.history_cont_wrap .tx01.thr {
    padding-bottom: 0;
    margin-bottom: 0;
}

.history_cont_wrap .tx01.thr .his-cover:last-of-type {
    margin-bottom: 50px;
}

.history_cont_wrap div.figu-mobile {
    display: none !important;
}

/* 찾아오시는 길 */
.loca_cont_wrap .mapArea:first-of-type {
    margin-bottom: 100px;
}

.loca_cont_wrap .mapArea > h4 {
    font-size: 20px;
    margin-bottom: 20px;
}

.loca_cont_wrap .mapArea > h4 strong {
    font-weight: 600;
    color: #2e2e88;
    margin-right: 16px;
}

/*사업소개*/
.tabArea {
    max-width: 1400px;
    margin: 0px auto;
    background: #fff;
    font-size: 0px;
}

.tabArea span {
    width: 33.3333333333333333333%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-left: -1px;
}

.tabArea span a {
    display: block;
    color: #000;
    font-size: 18px;
    padding: 20px 0px;
    border: solid 1px #2e2e88;
    font-family: 'Gmarket Sans';
}

.tabArea span.on a {
    background: #2e2e88;
    color: #fff;
}

.secArea {
    margin-top: 150px;
}

.secArea:first-of-type {
    margin-top: 0;
}

.tech-intro {
    position: relative;
    background: url('../img/sub2_2/01-1-1.png');
    background-size: cover;
}

.tech-intro .inner {
    width: 1200px;
    margin: 0px auto;
    background: rgba(34, 34, 34, 0.8);
    backdrop-filter: blur(10px);
}

.tech-intro .txtArea {
    padding: 80px 50px;
    text-align: center;
    color: #fff;
}

.tech-intro .txtArea h1 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 40px;
    font-family: 'Gmarket Sans';
}

.tech-intro .txtArea span {
    font-size: 18px;
    line-height: 1.8;
}

.tech-intro .txtArea p {
    margin: 50px auto;
}

.tech-pe {
    position: relative;
}

.tech-pe .inner {
    width: 1400px;
    margin: 0px auto;
    font-size: 0px;
    overflow: hidden;
}

.tech-pe-box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.tech-pe-box .left {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
}

.tech-pe-fast-img {
    display: inline-block;
    vertical-align: middle;
    width: 60%;
}

.tech-pe-box .txtArea-ul {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    margin-left: 50px;
}

.tech-pe-box .tech-pe-fast-img img {
    border-radius: 10px;
}

.tech-pe-box .txtArea-ul {
    color: #222;
}

.tech-pe-box .txtArea-ul h1 {
    font-size: clamp(22px, 3vw, 30px);
    font-weight: 500;
    margin-bottom: 40px;
    font-family: 'Gmarket Sans';
}

.tech-pe-box .txtArea-ul span {
    font-size: 18px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    gap: 8px;
}

.tech-pe .txtArea span:last-child {
    margin-bottom: 0;
}

.tech-pe .txtArea span > i {
    color: #2e2e88;
}

.tech-pe .tech-pe-desc {
    text-align: center;
    width: 100%;
    padding: 0;
    margin-top: 100px;
}

.tech-pe-desc span {
    text-align: center;
    font-size: 18px;
}

.tech-pe-desc h1 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 40px;
    font-family: 'Gmarket Sans';
}

.nodigging {
    position: relative;
}

.nodigging .inner {
    width: 1400px;
    margin: 0px auto;
    font-size: 0px;
}

.nodigging .outline {
    border: solid 2px #ddd;
    border-radius: 10px;
    margin-bottom: 30px;
    padding: 50px;
    color: #222;
}

.nodigging .left {
    display: inline-block;
    vertical-align: bottom;
    width: 38%;
    margin-right: 2%;
}

.nodigging .right {
    display: inline-block;
    vertical-align: top;
    width: 60%;
}

.nodigging .outline h1 {
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 10px;
    font-family: 'Gmarket Sans';
}

.nodigging .outline span {
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}

.nodigging .outline span > img {
    position: relative;
    top: 2px;
}

/* .nodigging .tblArea { text-align:center; border-top:solid 2px #000; margin-top:50px; } 
.nodigging .tblArea > table { border-collapse: collapse; text-align:center; } 
.nodigging .tblArea td { font-size:16px; padding:10px 0px; border:solid 1px #ddd; text-align:center; font-family:notokr; vertical-align:middle; width:33.3333333% } 
.nodigging .tblArea td.graybg { background:#f5f5f5; font-weight: bold; }  */
.nodigging .inner > p {
    font-size: 15px;
    color: #555;
    margin-bottom: 5px;
}

.small-caliber {
    position: relative;
}

.small-caliber .inner {
    width: 1400px;
    margin: 0px auto;
}

.small-caliber .num {
    width: 56px;
    height: 56px;
    padding-top: 15px;
    text-align: center;
    color: #fff;
    background: #2e2e88;
    border-radius: 100px;
    display: block;
    font-family: 'Gmarket Sans';
    font-size: 20px;
    margin: 0px auto;
}

.small-caliber .txtArea {
    padding: 40px 0 50px;
    text-align: center;
    color: #222;
}

.small-caliber .txtArea h1 {
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 20px;
    font-family: 'Gmarket Sans';
}

.small-caliber .txtArea span {
    font-size: 18px;
    display: block;
}

.small-caliber .imgArea {
    position: relative;
    margin-top: 50px;
    font-size: 0px;
    display: flex;
}

.small-caliber .imgArea .left {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    margin-right: 2%;
}

.small-caliber .imgArea .right {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    font-size: 15px;
}

.small-caliber .imgArea p {
    font-size: 18px;
    margin-top: 20px;
    color: #222;
    font-weight: 500;
}

.small-caliber .imgArea-sec {
    margin-top: 150px;
    font-size: 0px;
}

.small-caliber .imgArea-sec > span {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 30px;
}

.small-caliber .imgArea-sec > span:nth-child(3n) {
    margin-right: 0px;
}

/* .small-caliber .imgArea img { box-shadow:5px 6px 20px rgba(0, 0, 0, .1); border-radius:10px; }  */
.small-caliber .imgArea img {
    width: 100%;
    margin: 0 auto;
}

.small-caliber .imgArea-sec img {
    box-shadow: 5px 6px 20px rgba(0, 0, 0, 0.1);
}

.small-caliber .imgArea-four {
    margin-top: 30px;
    display: flex;
    gap: 24px;
}

.small-caliber .imgArea-four img {
    box-shadow: 5px 6px 20px rgba(0, 0, 0, 0.1);
}

.small-caliber .imgArea-five {
    margin-top: 150px;
    display: flex;
    gap: 24px;
}

.small-caliber .imgArea-five img {
    box-shadow: 5px 6px 20px rgba(0, 0, 0, 0.1);
}

/* 비굴착 교체 */
.gul_img {
    display: flex;
}

.img_gul .pc {
    width: 100%;
}

/* 소구경 표 */
.sogu .tvlArea {
    text-align: center;
    border-top: solid 2px #000;
    margin-top: 50px;
}

.sogu .tvlArea > table {
    border-collapse: collapse;
    text-align: center;
}

.sogu .tvlArea td {
    font-size: 16px;
    padding: 10px 0px;
    border: solid 1px #ddd;
    text-align: center;
    font-family: notokr;
    vertical-align: middle;
    width: 33.3333333%;
}

.sogu .tvlArea td.graybg {
    background: #f5f5f5;
    font-weight: bold;
}

.imgArea-sec-full {
    width: 100%;
    padding: 100px 30px 30px 30px;
    display: flex;
    justify-content: space-between;
}

.imgArea-sec-full img {
    width: 100%;
}

/* 중구경 표 */
.junggu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 30px;
}

.junggu .left {
    width: 50%;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.junggu .left p {
    margin-top: 20px;
}

.junggu .right {
    width: 50%;
}

.junggu .tvlArea {
    text-align: center;
    border-top: solid 2px #000;
    /* margin-top:50px; */
}

.junggu .tvlArea > table {
    border-collapse: collapse;
    text-align: center;
}

.junggu .tvlArea td {
    font-size: 16px;
    padding: 10px 0px;
    border: solid 1px #ddd;
    text-align: center;
    font-family: notokr;
    vertical-align: middle;
    width: 33.3333333%;
}

.junggu .tvlArea td.graybg {
    background: #f5f5f5;
    font-weight: bold;
}

.junggu_2 {
    margin: 50px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pe-img-box {
    width: 100%;
    margin-top: clamp(20px, 2vw, 50px);
}

.pe-img-box img {
    width: 100%;
    height: clamp(150px, 30vw, 400px);
}

.junggu_2 span {
    display: block;
    width: 32%;
    text-align: center;
}

.junggu_2 span p {
    margin-top: 20px;
}

.junggu_3 {
    margin-bottom: 200px;
}

.hasu {
    padding-top: 50px;
    width: 100%;
}

.hasu > img {
    width: 100%;
    height: 500px;
}

.hasu_images {
    width: 100%;
    display: flex;
    padding-top: 30px;
    justify-content: space-between;
    margin-bottom: 30px;
}

.hasu_images_box {
    display: flex;
    justify-content: space-between;
    width: 50%;
}

.hasu_images_box span {
    width: 48%;
    display: flex;
    font-size: 18pxs;
    flex-direction: column;
    align-items: center;
    color: #1f3864;
    font-weight: bold;
}

.hasu_images_box span > img {
    width: 100%;
    margin-bottom: 10px;
}

.hasu_images_table {
    width: 46%;
    margin-bottom: 10px;
}

.hasu_images_table table {
    width: 50%;
}

.hasu_images_table table {
    width: 100%;
}

.hasu_images_2 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}

.hasu_images_2 span {
    width: 24.5%;
}

.medium-caliber .num {
    width: 56px;
    height: 56px;
    padding-top: 15px;
    text-align: center;
    color: #fff;
    background: #2e2e88;
    border-radius: 100px;
    display: block;
    font-family: 'Gmarket Sans';
    font-size: 20px;
    margin: 0px auto;
    padding-top: 20px;
}

video video_margin2 {
    padding-top: 50px;
}

.video_margin {
    width: 100%;
    /*  padding: 50px 50px 0 50px; */
}

.mobile_gul {
    display: none;
}

.lastArea {
    margin-bottom: 160px;
}

.img_2_2 {
    width: 80%;
    margin: 0 auto;
}

.medium-caliber {
    position: relative;
}

.medium-caliber .inner {
    width: 1400px;
    margin: 0px auto;
}

.medium-caliber .num {
    width: 56px;
    height: 56px;
    padding-top: 15px;
    text-align: center;
    color: #fff;
    background: #2e2e88;
    border-radius: 100px;
    display: block;
    font-family: 'Gmarket Sans';
    font-size: 20px;
    margin: 0px auto;
}

.medium-caliber .txtArea {
    padding: 40px 0px 50px;
    text-align: center;
    color: #222;
}

.medium-caliber .txtArea h1 {
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 20px;
    font-family: 'Gmarket Sans';
}

.medium-caliber .txtArea span {
    font-size: 18px;
    display: block;
}

.medium-caliber .imgArea {
    margin-top: 0px;
    font-size: 0px;
    display: flex;
    justify-content: space-between;
}

.medium-caliber .imgArea > span {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
}

.medium-caliber .imgArea > span:nth-child(2n) {
    margin-right: 0px;
}

.medium-caliber .imgArea p {
    font-size: 18px;
    margin-top: 20px;
}

.medium-caliber .imgArea-sec {
    margin-top: 150px;
    font-size: 0px;
}

.medium-caliber .imgArea-sec > span {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin-right: 2%;
    margin-bottom: 30px;
}

.medium-caliber .imgArea-sec > span:nth-child(3n) {
    margin-right: 0px;
}

.medium-caliber .imgArea img {
    box-shadow: 5px 6px 20px rgba(0, 0, 0, 0.1);
}

.medium-caliber .imgArea-sec img {
    box-shadow: 5px 6px 20px rgba(0, 0, 0, 0.1);
}

.medium-caliber .imgArea_3 span {
    width: 32.5%;
}

.imgArea-sec-pecfl_img_box {
    display: flex;
    justify-content: space-between;
    padding: 50px 0 50px 0;
}

.imgArea-sec-pecfl_img_box img {
    width: 24%;
}

.construction-inner {
    margin-top: 100px;
    /*margin-bottom:100px; */
}

.construction-inner [class*='swiper-button'] {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #555;
    text-indent: -9999px;
}

.construction-inner [class*='swiper-button'] i {
    font-size: 20px;
    text-indent: 0px;
    color: #555;
}

.construction-inner .swiper-button-next {
    right: 0px;
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.construction-inner .swiper-button-prev {
    left: 0px;
}

.construction-inner .swiper-controls {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.construction-inner .swiper-controls [class*='swiper-button'] {
    position: static;
    width: 2.778rem;
    height: 2.778rem;
    border: 1px solid #222;
    border-radius: 0;
    margin: 0;
    background: url(../img/swiper.svg) no-repeat 50% 50%/0.5rem auto;
}

.construction-inner .swiper-controls .swiper-button-next {
    margin-left: -1px;
}

.construction-inner .swiper-pagination {
    height: 3px;
    width: 80%;
    bottom: 20px;
}

.construction-inner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #2e2e88;
}

.construction-info {
    width: 40%;
}

.construction-info h2 {
    font-size: 40px;
    font-weight: 500;
    letter-spacing: 0;
    color: #222;
    line-height: 1.2;
    position: relative;
    font-family: 'Gmarket Sans';
}

.construction-inner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}

.construction-btn-area {
    margin-top: 50px;
    position: relative;
}

.construction-btn-area .swiper-control {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.construction-btn-area [class*='swiper-button'] {
    position: relative;
    margin-top: 0;
}

.construction-btn-area .swiper-button-prev {
    left: -50px;
    top: 40px;
}

.construction-btn-area .swiper-button-next {
    right: auto;
    margin-left: 0px;
}

.construction-slider {
    position: relative;
    width: 60%;
    overflow: hidden;
}

.construction-slide-item {
    position: relative;
    opacity: 1;
    transition: all 0.4s;
    transition-property: unset !important;
}

.construction-slide-item-inner {
    display: inline-block;
    position: relative;
    z-index: 10;
    margin-top: 0;
    text-align: left;
    transition: all 0.4s;
}

.construction-slide-item-img img {
    max-width: 100%;
}

.construction-slide-item-info {
    position: relative;
    left: 0px;
    bottom: 0px;
    background: rgba(0, 0, 0, 0);
    width: 100%;
    padding: 20px 0px;
    transition: all 0.4s;
}

.construction-slide-item-info .txt-desc {
    font-weight: 400;
    color: #222;
    font-size: 20px;
    transition: all 0.4s;
    line-height: 1;
    position: relative;
}

[class^='icon-'] {
    display: inline-block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    background-color: transparent;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    vertical-align: top;
    text-indent: -1000em;
    background-size: auto 100%;
    outline: 0 !important;
}

.icon-arr {
    width: 3.125rem;
    height: 3.125rem;
    background: #313033 url(../../img/icon-arr-wh.svg) no-repeat center center / 0.9375rem 0.6875rem;
    border-radius: 50%;
}

.icon-arr.icon-arr-red {
    background: #ba2020 url(../img/icon-arr-wh.svg) no-repeat center center / 0.9375rem 0.6875rem;
}

[class*='icon-summary'] {
    margin-left: auto;
    background-size: cover;
}

.construction .construction-btn-area {
    position: relative;
}

.construction .swiper-pagination-bullets {
    left: 165px;
    top: -180px;
    z-index: 130;
    width: auto;
}

.construction .swiper-pagination-bullet {
    opacity: 1;
    color: #888;
}

.construction .swiper-pagination-bullets span {
    position: relative;
    display: block;
    padding: 20px;
    background: none;
}

.construction .swiper-pagination-bullets span:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: -430px;
    width: 0px;
    height: 1px;
    background-color: #013a93;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s;
}

.construction-inner .swiper-pagination-bullets span.swiper-pagination-bullet-active:before {
    opacity: 1;
    width: 250px;
}

.construction-inner .swiper-pagination-bullets span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -195px;
    width: 175px;
    text-align: left;
    font-size: 18px;
    font-family: 'Noto Sans KR', serif;
    /*font-style: italic; */
    text-transform: uppercase;
    transform: translateY(-50%);
    letter-spacing: 0.05em;
    color: #888;
    opacity: 1;
    -webkit-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
    -moz-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
    -ms-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
    transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
    -webkit-transform: translate3d(30px, -50%, 0);
    -moz-transform: translate3d(30px, -50%, 0);
    -ms-transform: translate3d(30px, -50%, 0);
    transform: translate3d(30px, -50%, 0);
}

.construction-inner .swiper-pagination-bullets span.swiper-pagination-bullet-active:after {
    color: #013a93;
}

.title {
    color: #222;
}

.title h1 {
    font-size: 40px;
    font-weight: normal;
    margin-bottom: 10px;
    font-family: 'Gmarket Sans';
}

.title ul li {
    font-size: 16px;
    display: block;
    padding-left: 10px;
    text-indent: -10px;
}

.title ul li strong {
    color: #000000;
    font-weight: bold;
}

/* 사업소개 - 비굴착 공법의 특징 */
.features .secArea .txtArea strong {
    color: #2e2e88;
}

.img-area-last {
    width: 100%;
    display: flex;
    margin-top: 50px;
    justify-content: space-between;
    align-items: center;
}

.img-area-last img {
    width: 60%;
}

.img-area-last img:nth-of-type(2) {
    width: 5%;
}

.img-area-last-desc {
    width: 24%;
    padding: 20px;
    border: 3px solid #cccccc;
    text-align: center;
}

.img-area-last-desc h1 {
    font-weight: bold;
    font-size: clamp(18px, 2vw, 22px);
}

.img-area-last-desc strong {
    color: #fc1212;
}

.img-area-last-desc.feat-img-desc-bule strong {
    color: hsl(221, 79%, 35%);
}

.tech-pe-img {
    width: 100%;
    margin-top: 50px;
}

.tech-pe-img img {
    width: 100%;
}
.feat-narrow-img-box {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.feat-narrow-img-box span {
    width: 45%;
}
.feat-narrow-img-box img {
    width: 5%;
}
.feat-narrow-img-box span > img {
    width: 100%;
    height: clamp(400px, 50vw, 800px);
}

/* 사업소개 - 비굴착 갱생 - pe-cfl */
/* .pe-cfl .nodigging { position:relative; } */
.pe-cfl .inner {
    max-width: 1400px;
    margin: 0px auto;
}

.pe-cfl .inner > p {
    font-size: 15px;
    color: #555;
    margin-bottom: 5px;
}

.pe-cfl .content {
    margin-top: 100px;
    gap: 24px;
}

.pe-cfl .content .tblArea {
    border-top: solid 2px #000;
}

.pe-cfl .content .tblArea > table {
    border-collapse: collapse;
    text-align: center;
}

.pe-cfl .content .tblArea td {
    font-size: 16px;
    padding: 10px 0px;
    border: solid 1px #ddd;
    text-align: center;
    vertical-align: middle;
    width: 33.3333333%;
}

.pe-cfl .content .tblArea td.graybg {
    background: #f5f5f5;
    font-weight: bold;
    color: #222;
}

.pe-cfl .content .tblArea td:nth-child(1) {
    width: 40%;
}

.pe-cfl .content .tblArea td:nth-child(2) {
    width: 60%;
}

.pe-cfl .content .imgArea {
    padding-right: 98px;
}

.pe-cfl .content .imgArea img {
    width: 100%;
}

.pe-cfl .tblArea ul {
    margin-top: 10px;
}

.pe-cfl .tblArea ul li {
    font-size: 16px;
}

.pecfl_img {
    display: flex;
    justify-content: space-between;
    padding: 0 0 50px 0;
}

.pecfl_img .pecfl_img_box {
    width: 49%;
}

.pecfl_img .pecfl_img_box p {
    font-size: 18px;
    margin-top: 20px;
}

.img_box {
    width: 90%;
    margin: 50px auto;
}

/* 사업소개 - 비굴착 갱생 - pe-sl */
.pe-sl .inner {
    max-width: 1400px;
    margin: 0px auto;
}

.pe-sl .inner > p {
    font-size: 15px;
    color: #555;
    margin-bottom: 5px;
}

.pe-sl .content {
    margin-top: 100px;
}

.pe-sl .content .tblArea {
    border-top: solid 2px #000;
}

.pe-sl .content .tblArea > table {
    border-collapse: collapse;
    text-align: center;
}

.pe-sl .content .tblArea td {
    font-size: 16px;
    padding: 10px 0px;
    border: solid 1px #ddd;
    text-align: center;
    vertical-align: middle;
    width: 33.3333333%;
}

.pe-sl .content .tblArea td.graybg {
    background: #f5f5f5;
    font-weight: bold;
    color: #222;
}

.pe-sl .content .tblArea td:nth-child(1) {
    width: 40%;
}

.pe-sl .content .tblArea td:nth-child(2) {
    width: 60%;
}

.pe-sl .content .imgArea {
    padding-right: 98px;
    gap: 24px;
}

.pe-sl .content .imgArea img {
    width: 100%;
}

.imgArea_3 span img {
    width: 100%;
}

/* 사업소개 - 비굴착 갱생 - uv-cipp */
.uv-cipp .inner {
    max-width: 1400px;
    margin: 0px auto;
}

.uv-cipp .inner > p {
    font-size: 15px;
    color: #555;
    margin-bottom: 5px;
}

.uv-cipp .content {
    margin-top: 100px;
}

.uv-cipp .content .tblArea {
    border-top: solid 2px #000;
}

.uv-cipp .content .tblArea > table {
    border-collapse: collapse;
    text-align: center;
}

.uv-cipp .content .tblArea td {
    font-size: 16px;
    padding: 10px 0px;
    border: solid 1px #ddd;
    text-align: center;
    vertical-align: middle;
    width: 33.3333333%;
}

.uv-cipp .content .tblArea td.graybg {
    background: #f5f5f5;
    font-weight: bold;
    color: #222;
}

.uv-cipp .content .tblArea td:nth-child(1) {
    width: 40%;
}

.uv-cipp .content .tblArea td:nth-child(2) {
    width: 60%;
}

.uv-cipp .content .imgArea {
    margin: 30px 0;
    gap: 24px;
}

.uv-cipp .content .imgArea img {
    width: 100%;
}

.uv-cipp .content2 {
    margin-top: 100px;
    text-align: center;
}

.uv-cipp .content2 h5 {
    margin-top: 100px;
    font-family: 'Gmarket Sans';
    font-size: 24px;
    color: #222;
}

.uv-cipp .content2 h5 > strong {
    color: #2e2e88;
    font-weight: bold;
}

.uv-cipp .outline {
    margin-top: 100px;
    border: solid 2px #ddd;
    border-radius: 10px;
    padding: 50px;
}

.uv-cipp .flex-half {
    gap: 24px;
    align-items: center;
}

.uv-cipp .tblArea {
    border-top: solid 2px #000;
}

.uv-cipp .tblArea > table {
    border-collapse: collapse;
    text-align: center;
}

.uv-cipp .tblArea td {
    font-size: 16px;
    padding: 10px 0px;
    border: solid 1px #ddd;
    text-align: center;
    vertical-align: middle;
    width: 33.3333333%;
}

.uv-cipp .tblArea td.graybg {
    background: #f5f5f5;
    font-weight: bold;
    color: #222;
}

.uv-cipp .tblArea td:nth-child(1) {
    width: 40%;
}

.uv-cipp .tblArea td:nth-child(2) {
    width: 60%;
}

.uv-cipp .imgArea {
    margin: 30px 0;
    display: flex;
    justify-content: center;
}

.uv-cipp .imgArea-four {
    margin-top: 50px;
}

.uv-cipp .uv-content2 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-top: 50px;
}

.uv-cipp .uv-content2 img {
    width: 32%;
}

/* 사업소개 - 조사/진단 */
.invest .inner {
    max-width: 1400px;
    margin: 0 auto;
}

.invest .title h1 {
    margin-bottom: 20px;
}

.invest .section1 .flex {
    display: flex;
    gap: 24px;
}

.invest .section1 .flex > div {
    flex: 1 1 50%;
    width: 50%;
}

.invest .section1 .imgArea {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px;
}

.invest .section1 .imgArea > img {
    flex: 1 1 45%;
    width: 45%;
}

.invest .section2 .imgArea {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px;
}

.invest .section2 .imgArea > img {
    flex: 1 1 30%;
    width: 30%;
}

.invest .section3 .imgArea {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px;
}

.invest .section3 .imgArea > img {
    flex: 1 1 30%;
    width: 30%;
}

.invest .section4 .imgArea {
    margin-top: 30px;
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, 1fr);
}

.invest .section4 .item:last-child {
    grid-column: 3 / 4;
    grid-row: 1 / 3;
}

.invest.page_content_full {
    padding-bottom: 0;
    margin-bottom: 0;
}

.invest.page_content_full .img-area {
    padding-bottom: 0;
}

.invest .section5 .img-area > .tablet {
    display: none;
}

/* 사업소개 - 연구개발 */
.rnd .title h1 {
    margin-bottom: 30px;
}

.rnd .title ul + ul {
    margin-top: 15px;
}

.rnd .sub-title {
    font-size: 32px;
}

.rnd .content {
    margin-top: 80px;
}

.rnd .outline {
    border: solid 2px #ddd;
    border-radius: 10px;
    padding: 50px;
}

.rnd .outline .flex-half {
    gap: 24px;
    align-items: flex-end;
}

.rnd .outline .flex-half .flex-box:nth-child(1) {
    width: 60%;
}

.rnd .outline .flex-half .flex-box:nth-child(2) {
    width: 40%;
}

.rnd .outline .tblArea > table {
    border-collapse: collapse;
    text-align: center;
    border-top: solid 2px #000;
    margin: 10px 0;
}

.rnd .outline .tblArea td {
    font-size: 16px;
    padding: 10px 0px;
    border: solid 1px #ddd;
    text-align: center;
    vertical-align: middle;
    width: 33.3333333%;
}

.rnd .outline .tblArea td.graybg {
    background: #f5f5f5;
    font-weight: bold;
    color: #222;
}

.rnd .outline .tblArea td:nth-child(1) {
    width: 25%;
}

.rnd .outline .tblArea td:nth-child(2) {
    width: 50%;
}

.rnd .outline .tblArea td:nth-child(3) {
    width: 25%;
}

.rnd .outline .tblArea p {
    color: #222;
}

.rnd .outline .flex-box.imgArea {
    padding-left: 98px;
}

.rnd .imgArea img {
    width: 100%;
}

.rnd .program .flex-half {
    align-items: center;
}

.rnd .program .flex-box {
    flex: 1 1 50%;
}

.rnd .program .flex-box:nth-child(even) {
    padding-left: 100px;
}

.rnd .program .imgArea {
    border: 1px solid #ccc;
}

.rnd .program .txtArea {
    color: #222;
}

.rnd .program .txtArea h1,
.rnd .program .txtArea h2 {
    font-weight: 500;
    margin-bottom: 25px;
    font-family: 'Gmarket Sans';
}

.rnd .program .txtArea h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.rnd .program .txtArea h2:last-of-type {
    margin-top: 35px;
}

.rnd .program .txtArea span {
    font-size: 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: baseline;
    gap: 8px;
}

.rnd .program .txtArea span + span {
    margin-top: 8px;
}

.rnd .program .txtArea span > i {
    color: #2e2e88;
}

.rnd .concrete_box {
    margin-top: 50px;
}

.rnd .concrete_box h2 {
    font-weight: bold;
    margin-bottom: 30px;
    font-size: clamp(22px, 3vw, 30px);
}

.rnd .concrete_box ul > li {
}

.rnd .concrete_box-img {
    display: flex;
    width: 100%;
    margin-top: 50px;
    justify-content: space-between;
}

.rnd .concrete_box-img img {
    width: 32%;
}

.rnd .concrete_box-img2 {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    align-items: center;
}

.rnd .concrete_box-img2 img:nth-of-type(2) {
    width: 80px;
}

.concrete_box .concrete_box-img2 img {
    width: 40%;
}

/* 사업소개 - 보수보강 */
.filter_img-area {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.filter_img-area img {
    object-fit: scale-down;
}

.filter_img-area img:first-child {
    width: 40%;
}

.filter_img-area img:last-child {
    width: 55%;
}

/* 보수보강-table */
.filter_img-area > table {
    width: 663px;
    height: 361px;
    border: 1px solid #222;
    border-collapse: collapse;
    border-left: none;
    border-right: none;
    margin-top: 50px;
}

th {
    background-color: #f5f5f5;
    padding: 10px 0;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    border-top: 2px solid #000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

td {
    line-height: 62px;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    color: #555555;
    font-size: 15px;
    text-align: center;
}

.line1 {
    border-left: 1px solid #ddd;
}

.img_box_sleeve {
    justify-content: space-between;
    font-size: 16px;
    font-weight: bold;
    color: #2e2e88;
    margin-top: 50px;
}

.img_box_sleeve img {
    width: 100%;
    margin-bottom: 50px;
}

/* 보수보강 이미지 */
.page_content_full .imgArea-four {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    width: 100%;
}

.page_content_full .imgArea-four span {
    width: 24%;
}

.page_content_full .imgArea-four img {
    width: 100%;
}

.page_content_full .imgArea {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    width: 100%;
}

.page_content_full .imgArea span {
    width: 32%;
}

.page_content_full .imgArea img {
    width: 100%;
}

/* 홍보센터 공통 스타일 */
.pr .tabArea {
    max-width: 1440px;
    margin: 0 auto;
    background: #fff;
    font-size: 0;
    overflow: hidden;
}

.pr .tabArea span {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-left: 0;
}

.pr .tabArea span a {
    display: block;
    color: #000;
    font-size: 18px;
    padding: 20px 0px;
    border: solid 1px #2e2e88;
    font-family: 'Gmarket Sans';
}

.pr .tabArea span.on a {
    background: #2e2e88;
    color: #fff;
}

.pr .tblArea {
    border-top: solid 1px #2e2e88;
}

.pr .tblArea > table {
    border-collapse: collapse;
    text-align: center;
}

.pr .tblArea td {
    font-size: 16px;
    padding: 15px 10px;
    border-bottom: solid 1px #ddd;
    text-align: center;
    vertical-align: middle;
}

.pr .tblArea td.bluebg {
    background: rgba(46, 46, 136, 0.1);
    font-weight: bold;
    color: #222;
}

/* 홍보센터 - 시공 실적 - 비굴착 교체 */
.pr1 .tblArea td:nth-child(1) {
    width: 50%;
}

.pr1 .tblArea td:nth-child(2),
.pr .tblArea td:nth-child(3),
.pr .tblArea td:nth-child(4) {
    width: calc(50% / 3);
}

/* 홍보센터 - 시공 실적 - 비굴착 갱생 */
.pr2 .tblArea td:nth-child(1) {
    width: 15%;
}

.pr2 .tblArea td:nth-child(2) {
    width: 35%;
}

.pr2 .tblArea td:nth-child(3),
.pr2 .tblArea td:nth-child(4),
.pr2 .tblArea td:nth-child(5) {
    width: calc(50% / 3);
}

/* 홍보센터 - 기술 인증서 */
.pr3 .tblArea td:not(.bluebg) {
    text-align: left;
    padding: 15px 45px;
}

.pr3 .tblArea td:not(.bluebg) strong {
    font-weight: bold;
}

/* 홍보센터 - 홍보 자료 */
.pr4 {
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-position: 24px bottom;
}

.pr4 .inner {
    max-width: 1440px;
    margin: 0 auto;
}

.pr4 .tblArea td {
    width: 50%;
    text-align: left;
}

.pr4 .section2 {
    margin-bottom: 150px;
}

.pr4 .flex-half {
    gap: 23px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.pr4 .flex-half .flex-box {
    width: auto;
}

/* 인재채용 */
.hr .list-hr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
}

.hr .list-hr li {
    width: 25%;
}

.hr .list-hr li .icon {
    position: relative;
    border: 5px solid #2e2e88;
    border-radius: 50%;
    width: 228px;
    height: 228px;
    margin: 0 auto;
}

.hr .list-hr li .icon > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.hr .list-hr li h6 {
    font-family: 'Gmarket Sans';
    color: #2e2e88;
    font-weight: bold;
    font-size: 32px;
    margin-top: 24px;
    padding-bottom: 30px;
    line-height: 1.8;
}

.hr .list-hr li .text {
    position: relative;
    padding-top: 40px;
}

.hr .list-hr li .text:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #888;
    position: absolute;
    top: 3px;
}

.hr .list-hr li .text:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #2e2e88;
}

.hr .list-hr li .con {
    color: #000;
    font-size: 20px;
    padding: 0 5%;
}

.hr2 .list-hr:first-child {
    margin-bottom: 100px;
}

.hr2 .list-hr li h6 {
    padding-bottom: 5px;
}

@media (max-width: 1440px) {
    .wrap {
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }

    .page_content {
        padding: 100px 20px;
        max-width: 100%;
    }

    .page_content_full {
        padding: 30px 0;
        margin: 0 auto;
    }

    .page_content_full .secArea .inner {
        padding: 0 20px;
    }

    .page_content.board_wrap {
        padding: 100px 20px;
    }

    .sub1 .article_header_bg {
        padding: 0px 20px;
    }

    .tabArea {
        width: 100%;
    }

    .tech-intro .inner {
        width: 100%;
        margin: 0px auto;
        background: rgba(0, 0, 0, 0.8);
    }

    .tech-pe .inner {
        width: 100%;
        margin: 0px auto;
        font-size: 0px;
    }

    .nodigging .inner {
        width: 100%;
        margin: 0px auto;
        font-size: 0px;
    }

    .small-caliber .inner {
        width: 100%;
        padding: 30px 20px;
        margin: 0px auto;
    }

    .medium-caliber .inner {
        width: 100%;
        margin: 0px auto;
        padding: 0 20px;
    }

    .hasu_images {
        flex-direction: column;
        margin-top: 20px;
        align-items: center;
        gap: 30px;
        margin-bottom: 50px;
    }

    .hasu_images .hasu_images_box {
        width: 100%;
    }

    .hasu_images .hasu_images_table {
        width: 100%;
    }

    .pr4 .flex-half {
        gap: 10px;
    }

    .tech-intro .txtArea p {
        margin: 25px auto;
    }
}

@media screen and (max-width: 1280px) {
    .rnd .outline .title {
        margin-bottom: 30px;
    }

    .rnd .outline .flex-half {
        align-items: flex-start;
    }
}

@media (max-width: 1024px) {
    .tech-pe-box .txtArea-ul span {
        text-align: center;
        justify-content: center;
    }
    .flex-half {
        flex-direction: column;
    }

    .flex-half .flex-box {
        width: 100%;
        text-align: center;
    }

    .page_title {
        padding-top: 100px;
        padding-bottom: 20px;
    }

    .page_title span {
        font-size: 16px;
        margin: 0 auto 10px;
    }

    .page_title p {
        font-size: 24px;
    }

    .page_title_sub {
        margin-top: 20px;
        font-size: 16px;
        padding-bottom: 10px;
    }

    .page_content {
        padding: 50px 20px;
        margin: 0 auto 100px;
    }

    .location_box {
        display: none;
    }

    /* 기업소개 */
    .info_cont_wrap .section1 .text-area h4 {
        font-size: 22px;
        margin-bottom: 30px;
    }

    .info_cont_wrap .section1 .text-area p {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .info_cont_wrap .section1 .text-area h4.ceo {
        font-size: 18px;
        margin-top: 50px;
    }

    .info_cont_wrap .section1 .text-area h4.ceo span {
        font-size: 14px;
    }

    /* 회사연혁 */
    .history_cont_wrap {
    }

    .history_cont_wrap .tx01 {
        font-size: 40px;
        color: #222;
        font-weight: 600;
        padding-bottom: 0px;
        margin-bottom: 0px;
        position: relative;
        line-height: 1.5;
        padding-left: 0px;
        width: 100%;
    }

    .history_cont_wrap .tx01 .his-cover {
        margin-bottom: 30px;
    }

    .history_cont_wrap .tx01 h1 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .history_cont_wrap .tx01 span {
        font-size: 15px;
        padding-left: 0px;
        display: block;
        margin-bottom: 15px;
    }

    .history_cont_wrap .tx01 .his-mo {
        margin-bottom: 0;
    }

    .history_cont_wrap .tx01 span strong {
        color: #2e2e88;
        display: block;
    }

    .history_cont_wrap .tx01 span .his-text {
        display: none;
    }

    .history_cont_wrap .tx01 span p {
        display: inline-block;
        margin-left: 0px;
    }

    .history_cont_wrap .tx01 figure {
        display: none;
    }

    .history_cont_wrap .tx01 div.figu-mobile {
        position: relative;
        display: block !important;
    }

    /* 찾아오시는 길 */
    .loca_cont_wrap .mapArea > h4 {
        font-size: 15px;
        margin-bottom: 15px;
    }

    .loca_cont_wrap .map a {
        font-size: 12px;
    }

    .secArea {
        margin-top: 80px;
    }

    .tech-intro {
    }

    .tech-intro .inner {
    }

    .tech-intro .txtArea {
        padding: 80px 15%;
    }

    .tech-intro .txtArea h1 {
        font-size: 22px;
        font-weight: bold;
        margin-bottom: 30px;
    }

    .tech-intro .txtArea span {
        font-size: 15px;
    }

    .tech-intro .txtArea p {
        margin: 30px auto;
    }

    .tech-pe .txtArea h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .tech-pe .txtArea span {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .tech-pe .txtArea span > img {
        position: relative;
        top: 2px;
    }

    .tech-pe .inner .imgArea p img {
        width: 100%;
    }

    .table_diagnosis {
    }

    .nodigging .outline {
        border: solid 2px #ddd;
        border-radius: 20px;
        margin-bottom: 25px;
    }

    .nodigging .left {
        vertical-align: top;
        width: 100%;
        margin-right: 0px;
    }

    .nodigging .right {
        width: 100%;
    }

    .nodigging .outline h1 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .nodigging .outline span {
        font-size: 15px;
        margin-bottom: 5px;
        text-indent: -10px;
        padding-left: 10px;
    }

    .nodigging .outline span > img {
        position: relative;
        top: 2px;
    }

    .nodigging .tblArea {
        text-align: center;
        border-top: solid 2px #000;
        margin-top: 50px;
    }

    .nodigging .tblArea > table {
        border-collapse: collapse;
        text-align: center;
    }

    .nodigging .tblArea td {
        font-size: 15px;
        padding: 10px 0px;
    }

    .nodigging .tblArea td.graybg {
        background: #f5f5f5;
    }

    .nodigging .inner > p {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .nodigging .inner .outline .imgArea p img {
        width: 100%;
    }

    .small-caliber .num {
        width: 35px;
        height: 35px;
        padding-top: 7px;
        font-size: 15px;
    }

    .small-caliber .txtArea {
        padding: 20px 0 25px;
    }

    .small-caliber .txtArea h1 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .small-caliber .txtArea span {
        font-size: 15px;
    }

    .small-caliber .imgArea {
        position: relative;
        width: 100%;
        margin-top: 25px;
        flex-direction: column;
        align-items: center;
    }

    .small-caliber .imgArea .left {
        width: 100%;
    }

    .small-caliber .imgArea .left img {
        width: 100%;
        margin: 0;
    }

    .sogu .tvlArea table {
        width: 100%;
        margin: 0;
        border: 1px solid #000;
    }

    .small-caliber .imgArea p {
        font-size: 15px;
        margin-top: 15px;
    }

    .small-caliber .imgArea-sec {
        margin-top: 80px;
    }

    .small-caliber .imgArea-sec > span {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }

    .small-caliber .imgArea-sec > span:nth-child(3n) {
        margin-right: 2%;
    }

    .small-caliber .imgArea-sec > span:nth-child(2n) {
        margin-right: 0px;
    }

    .medium-caliber .num {
        width: 35px;
        height: 35px;
        padding-top: 10px;
        font-size: 15px;
    }

    .medium-caliber .txtArea {
        padding: 20px 0 25px;
    }

    .medium-caliber .txtArea h1 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .medium-caliber .txtArea span {
        font-size: 15px;
        display: block;
    }

    .medium-caliber .imgArea > span {
        display: flex;
        flex-direction: column;
        justify-content: center;
        vertical-align: top;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 50px;
    }

    .medium-caliber .imgArea > span:nth-child(2n) {
        margin-right: 0px;
    }

    .medium-caliber .imgArea p {
        font-size: 15px;
        margin-top: 20px;
    }

    .medium-caliber .imgArea-sec {
        margin-top: 80px;
        font-size: 0px;
    }

    .medium-caliber .imgArea-sec > span {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 20px;
    }

    .medium-caliber .imgArea-sec > span:nth-child(3n) {
        margin-right: 2%;
    }

    .medium-caliber .imgArea-sec > span:nth-child(2n) {
        margin-right: 0px;
    }

    .construction-inner {
        margin-top: 50px;
        /*margin-bottom:80px; */
    }

    .construction-inner [class*='swiper-button'] {
        width: 40px;
        height: 40px;
    }

    .construction-inner [class*='swiper-button'] i {
        font-size: 20px;
        text-indent: 0px;
        color: #555;
    }

    .construction-inner .swiper-button-next {
        right: 0px;
        transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
    }

    .construction-inner .swiper-button-prev {
        left: 0px;
    }

    .construction-inner .swiper-controls {
        display: flex;
        justify-content: center;
        margin-top: 3rem;
    }

    .construction-inner .swiper-controls [class*='swiper-button'] {
        position: static;
        width: 2.778rem;
        height: 2.778rem;
        border: 1px solid #222;
        border-radius: 0;
        margin: 0;
        background: url(../img/swiper.svg) no-repeat 50% 50%/0.5rem auto;
    }

    .construction-inner .swiper-controls .swiper-button-next {
        margin-left: -1px;
    }

    .construction-inner .swiper-pagination {
        height: 3px;
        width: 65%;
        bottom: 20px;
    }

    .construction-inner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #2e2e88;
    }

    .construction-info {
        width: 100%;
    }

    .construction-info h2 {
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0;
        color: #222;
        line-height: 1.2;
        position: relative;
        font-family: 'Gmarket Sans';
        margin-bottom: 30px;
    }

    .construction-inner {
        display: -ms-flexbox;
        display: block;
        -ms-flex-align: flex-start;
        align-items: flex-start;
    }

    .construction-btn-area {
        margin-top: 50px;
        position: relative;
    }

    .construction-btn-area .swiper-control {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

    .construction-btn-area [class*='swiper-button'] {
        position: relative;
        margin-top: 0;
    }

    .construction-btn-area .swiper-button-prev {
        left: -50px;
        top: 40px;
    }

    .construction-btn-area .swiper-button-next {
        right: auto;
        margin-left: 0px;
    }

    .construction-slider {
        position: relative;
        width: 100%;
        overflow: hidden;
    }

    .construction-slide-item {
        position: relative;
        opacity: 1;
        transition: all 0.4s;
        transition-property: unset !important;
    }

    .construction-slide-item-inner {
        display: inline-block;
        position: relative;
        z-index: 10;
        margin-top: 0;
        text-align: left;
        transition: all 0.4s;
    }

    .construction-slide-item-img img {
        max-width: 100%;
    }

    .construction-slide-item-info {
        position: relative;
        left: 0px;
        bottom: 0px;
        background: rgba(0, 0, 0, 0);
        width: 100%;
        padding: 20px 0px;
        transition: all 0.4s;
    }

    .construction-slide-item-info .txt-desc {
        font-weight: 400;
        color: #222;
        font-size: 20px;
        transition: all 0.4s;
        line-height: 1;
        position: relative;
    }

    [class^='icon-'] {
        display: inline-block;
        overflow: hidden;
        margin: 0;
        padding: 0;
        border: 0;
        background-color: transparent;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        font-size: 0;
        line-height: 0;
        text-decoration: none;
        vertical-align: top;
        text-indent: -1000em;
        background-size: auto 100%;
        outline: 0 !important;
    }

    .icon-arr {
        width: 3.125rem;
        height: 3.125rem;
        background: #313033 url(../../img/icon-arr-wh.svg) no-repeat center center / 0.9375rem 0.6875rem;
        border-radius: 50%;
    }

    .icon-arr.icon-arr-red {
        background: #ba2020 url(../img/icon-arr-wh.svg) no-repeat center center / 0.9375rem 0.6875rem;
    }

    [class*='icon-summary'] {
        margin-left: auto;
        background-size: cover;
    }

    .construction .construction-btn-area {
        position: relative;
    }

    .construction .swiper-pagination-bullets {
        left: 165px;
        top: -180px;
        z-index: 130;
        width: auto;
    }

    .construction .swiper-pagination-bullet {
        opacity: 1;
        color: #888;
    }

    .construction .swiper-pagination-bullets span {
        position: relative;
        display: block;
        padding: 20px;
        background: none;
    }

    .construction .swiper-pagination-bullets span:before {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: -430px;
        width: 0px;
        height: 1px;
        background-color: #013a93;
        border-radius: 50%;
        opacity: 0;
        transition: all 0.4s;
    }

    .construction-inner .swiper-pagination-bullets span.swiper-pagination-bullet-active:before {
        opacity: 1;
        width: 250px;
    }

    .construction-inner .swiper-pagination-bullets span:after {
        content: '';
        position: absolute;
        top: 50%;
        left: -195px;
        width: 175px;
        text-align: left;
        font-size: 18px;
        font-family: 'Noto Sans KR', serif;
        /*font-style: italic; */
        text-transform: uppercase;
        transform: translateY(-50%);
        letter-spacing: 0.05em;
        color: #888;
        opacity: 1;
        -webkit-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
        -moz-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
        -ms-transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
        transition: all 0.7s cubic-bezier(0.475, 0.425, 0, 0.995);
        -webkit-transform: translate3d(30px, -50%, 0);
        -moz-transform: translate3d(30px, -50%, 0);
        -ms-transform: translate3d(30px, -50%, 0);
        transform: translate3d(30px, -50%, 0);
    }

    .construction-inner .swiper-pagination-bullets span.swiper-pagination-bullet-active:after {
        color: #013a93;
    }

    /* 사업소개 - 비굴착 갱생 - PE-CFL */
    .tabArea span a {
        font-size: 15px;
        padding: 15px 0px;
    }

    .title h1 {
        font-size: 22px;
    }

    .title ul li {
        font-size: 15px;
    }

    .pe-cfl .content {
        margin-top: 50px;
    }

    .pe-cfl .content .imgArea {
        padding-left: 0;
        padding-right: 0;
        margin-top: 50px;
    }

    .pe-cfl .content .imgArea img {
        max-width: 100%;
        width: auto;
    }

    .pe-cfl .content .tblArea td {
        font-size: 15px;
    }

    .pe-cfl .content .tblArea ul li {
        font-size: 15px;
        text-align: left;
    }

    .columm {
        display: flex;
        flex-direction: column;
    }

    /* 사업소개 - 비굴착 갱생 - PE-SL */
    .pe-sl .content {
        margin-top: 50px;
    }

    .pe-sl .content .imgArea {
        padding-right: 0;
        width: 100%;
    }

    .pe-sl .content .imgArea {
        padding-left: 0;
        margin-top: 50px;
    }

    .pe-sl .content .imgArea img {
        max-width: 100%;
        width: auto;
    }

    .pe-sl .content .tblArea td {
        font-size: 15px;
    }

    .pe-sl .medium-caliber .imgArea > span {
        margin-bottom: 25px;
    }

    /* 사업소개 - 비굴착 갱생 - uv-cipp */
    .uv-cipp .flex-half {
        gap: 0;
    }

    .uv-cipp .content {
        margin-top: 50px;
    }

    .uv-cipp .content2 {
        margin-top: 50px;
    }

    .uv-cipp .content2 h5 {
        margin-top: 50px;
        width: 100%;
        padding: 0 10%;
    }

    .uv-cipp .outline {
        margin-top: 50px;
    }

    .uv-cipp .outline .imgArea img {
        max-width: 100%;
        width: auto;
    }

    .uv-cipp .outline .tblArea {
        margin-top: 50px;
    }

    .uv-cipp .tblArea td {
        font-size: 15px;
    }

    /* 사업소개 - 조사/진단 */
    .invest .title h1 {
        margin-bottom: 10px;
    }

    .invest .inner {
        max-width: 100%;
    }

    .invest .section1 .flex {
        flex-direction: column;
        gap: 50px;
    }

    .invest .section1 .flex > div {
        width: 100%;
        flex: 1 1 100%;
    }

    .invest .section1 .imgArea {
        gap: 15px;
    }

    .invest .section2 .imgArea {
        gap: 15px;
        margin-top: 50px;
    }

    .invest .section4 .imgArea {
        gap: 15px;
    }

    .invest .section5 .img-area > .pc {
        display: none !important;
    }

    .invest .section5 .img-area > .tablet {
        display: block;
    }

    /* 사업소개 - 연구개발 */
    .rnd .title > img {
        margin-bottom: 10px;
    }

    .rnd .title > h1 {
        margin-bottom: 5px;
    }

    .rnd .sub-title {
        font-size: 22px;
    }

    .rnd .outline .flex-half {
        flex-direction: row;
        align-items: center;
    }

    .rnd .outline .flex-half .flex-box {
        text-align: left;
        font-size: 15px;
    }

    .rnd .outline .flex-box.imgArea {
        padding-left: 0;
    }

    .rnd .outline .tblArea td {
        font-size: 15px;
    }

    .rnd .program .flex-half {
        flex-direction: row;
        gap: 50px;
    }

    .rnd .program .flex-half + .flex-half {
        align-items: flex-start;
    }

    .rnd .program .flex-box {
        flex: 1 1 50%;
        width: auto;
        text-align: left;
    }

    .rnd .program .flex-box:nth-child(even) {
        padding-left: 0;
    }

    .rnd .program .imgArea img {
        max-width: 100%;
        width: auto;
        padding: 10px;
    }

    .rnd .program .txtArea h2 {
        font-size: 20px;
    }

    /* 사업소개 - 보수보강 */
    .img_box_sleeve {
        margin: 50px 10px;
        flex-wrap: wrap;
    }

    .img_box_sleeve img {
        width: 49%;
        margin-bottom: 15px;
    }

    /* 홍보센터 */
    .pr4 {
        background: none;
    }

    .pr4 .section2 {
        margin-bottom: 80px;
    }

    .pr4 .flex-half {
        gap: 10px;
        justify-content: center;
        flex-direction: row;
    }

    .pr4 .flex-half .flex-box:nth-child(odd) {
        width: 30%;
    }

    .pr4 .flex-half .flex-box:nth-child(even) {
        width: 67%;
    }

    /* 인재채용 */
    .hr .list-hr li {
        width: 50%;
    }

    .hr .list-hr li:nth-child(1),
    .hr .list-hr li:nth-child(2) {
        margin-bottom: 100px;
    }

    .hr .list-hr li .text .con {
        padding: 0 10%;
    }
}

@media (max-width: 768px) {
    .tabArea {
    }

    /* .tabArea span { width:100%; margin-left:0px; margin-top:-1px; } */
    .tabArea span a {
        font-size: 12px;
        padding: 10px 0px;
    }

    .small-caliber .imgArea-four {
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-evenly;
        align-content: space-around;
    }

    .small-caliber .imgArea-four span {
        width: 48%;
    }

    /* 기업소개 */
    .info_cont_wrap .section1 {
        justify-content: flex-start;
        flex-direction: column;
        gap: 50px;
    }

    .info_cont_wrap .section1 .img-area,
    .info_cont_wrap .section1 .text-area {
        width: 100%;
    }

    /* 사업소개 */
    .tech-pe .left {
        width: 100%;
    }

    .tech-pe .right {
        width: 100%;
        margin-left: 0;
        margin-top: 30px;
        text-align: center;
    }

    .tech-pe .txtArea {
        padding: 50px 0px;
    }

    .uv-cipp .content2 h5 {
        font-size: 18px;
    }

    .rnd .outline .flex-half {
        flex-direction: column;
        gap: 50px;
    }

    .rnd .outline .flex-half .flex-box:nth-child(1),
    .rnd .outline .flex-half .flex-box:nth-child(2) {
        width: 100%;
    }

    .rnd .program .flex-half + .flex-half {
        flex-direction: column;
    }

    .junggu {
        flex-direction: column;
    }

    .junggu .left {
        width: 100%;
        margin-bottom: 30px;
    }

    .junggu .right {
        width: 100%;
    }

    .junggu_3 {
        padding: 0;
    }

    /* 사업소개 - 보수보강 */
    .filter_img-area {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .filter_img-area img {
        margin-bottom: 30px;
    }

    .filter_img-area img:first-child {
        width: 80%;
    }

    .filter_img-area img:last-child {
        width: 100%;
    }

    .filter_img-area table {
        width: 100%;
    }

    .concrete_box-img2 {
        width: 100%;
        padding: 0 20px;
    }

    .img_box_sleeve img {
        width: 100%;
        margin-bottom: 15px;
    }

    /* 시공 실적 */
    .pr .tabArea span {
        margin-top: 0;
    }

    .pr .tabArea span a {
        font-size: 16px;
        padding: 10px 0px;
    }

    .pr4 .tblArea td {
        width: 100%;
        display: block;
    }

    .pr4 .tblArea tr:last-child td:last-child {
        display: none;
    }

    /* 인재채용 */
    .hr .list-hr li .icon {
        width: 200px;
        height: 200px;
    }

    .hr .list-hr li .icon img {
        width: 80px;
    }

    /* 표 */
    .sec_2_area {
        flex-direction: column;
    }

    .img_area .left_table,
    .img_area .right_table {
        width: 100%;
        margin: 30px 0;
    }
}

@media screen and (max-width: 600px) {
    .tabArea span {
        width: 100%;
        margin-left: 0px;
        margin-top: -1px;
    }

    .small-caliber .imgArea .right {
        display: inline-block;
        vertical-align: top;
        width: 100%;
        font-size: 15px;
    }

    .imgArea-sec-full {
        width: 100%;
        padding: 50px 0;
        display: flex;
        justify-content: space-between;
    }

    .page_content_full .imgArea-four {
        flex-direction: column;
        width: 100%;
        align-items: center;
        gap: 20px;
    }

    .page_content_full .imgArea-four span {
        width: 100%;
    }

    .page_content_full .imgArea {
        flex-direction: column;
        width: 100%;
        align-items: center;
        gap: 20px;
    }

    .page_content_full .imgArea span {
        width: 100%;
    }

    .page_content_full .imgArea img {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .small-caliber .imgArea-sec img,
    .medium-caliber .imgArea-sec img {
    }

    .small-caliber .imgArea .left {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 25px;
    }

    .small-caliber .imgArea .right {
        width: 100%;
    }

    /* 서브 공통 */
    .small-caliber .imgArea-four {
        flex-wrap: nowrap;
        flex-direction: column;
    }

    .small-caliber .imgArea-four span {
        width: 100%;
    }

    /* 사업소개 - 비굴착 교체 */
    .nodigging .outline {
        padding: 50px 25px;
    }

    .nodigging .inner > p {
        text-indent: -5px;
        padding-left: 5px;
    }

    .pipe-bursting .small-caliber .txtArea span {
        padding: 0 15%;
    }

    .imgArea-sec-full {
        flex-direction: column;
    }

    .imgArea-sec-full img {
        width: 100%;
        margin-bottom: 20px;
    }

    /* 사업소개 - 비굴착 갱생 - pe-cfl */
    .pe-cfl .tblArea ul li {
        text-indent: -5px;
        padding-left: 5px;
    }

    .pe-cfl .small-caliber .imgArea-sec > span {
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px;
    }

    /* 사업소개 - 비굴착 갱생 - uv-cipp */
    .uv-cipp .content2 h5 {
        padding: 0;
    }

    .uv-cipp .outline {
        padding: 50px 25px;
    }

    .uv-cipp .small-caliber .imgArea-four span img {
        width: 100%;
    }

    .pecfl_img {
        flex-direction: column;
    }

    .pecfl_img .pecfl_img_box {
        width: 100%;
        margin-bottom: 50px;
    }

    /* 사업소개 - 조사/진단 */
    .invest .section2 .imgArea > img {
        flex: 1 1 100%;
        width: 100%;
    }

    .invest .section4 .imgArea {
        gap: 15px;
        grid-template-columns: repeat(1, 1fr);
    }

    .invest .section4 .item:last-child {
        grid-column: auto;
        grid-row: auto;
    }

    .invest .section5 .img-area > .tablet {
        display: none !important;
    }

    /* 사업소개 - 연구개발 */
    .rnd .title > h1 {
        margin-bottom: 10px;
    }

    .rnd .outline {
        padding: 50px 25px;
    }

    .rnd .outline .tblArea td {
        padding: 10px;
    }

    .rnd .program .title ul li {
        padding-left: 0;
        text-indent: unset;
    }

    .rnd .program .flex-half {
        flex-direction: column;
        align-items: flex-start;
    }

    .rnd .program .flex-half + .flex-half {
        gap: 80px;
    }

    /* 홍보센터 */
    .pr .tabArea span a {
        font-size: 15px;
    }

    .pr .tblArea td {
        font-size: 15px;
        padding: 15px 5px;
    }

    .pr2 .tblArea td {
        width: auto;
    }

    .pr3 .tblArea td:not(.bluebg) {
        padding: 15px 25px;
    }

    /* 인재채용 */
    .hr .list-hr li {
        width: 100%;
        margin-bottom: 100px;
    }

    .hr .list-hr li:last-child {
        margin-bottom: 0;
    }

    .hr .list-hr li .text:before,
    .hr .list-hr li .text:after {
        display: none;
    }

    .hr .list-hr li .text {
        padding-top: 0;
    }
}

.table_diagnosis {
    width: 100%;
    display: flex;
    justify-content: center;
}

.table_diagnosis_tbl {
    width: 1200px;
    margin-bottom: 200px;
    margin-top: 30px;
}
.padding-left-none {
    padding-left: 0;
}