@charset "utf-8";


/* 네비 */
.company_nav{max-width: 128rem; width: 100%; margin: -12.4rem auto 0;}
.company_nav ul{width: 100%; display: flex; align-items: stretch; justify-content: flex-start;}
.company_nav ul li{width: 32rem; height: 32rem; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; box-shadow: 0 6px 10px rgba(0,0,0,0.16);}
.company_nav ul li.cm_li{background: url(/theme/template/img/sub/nav_bg1.png) center center no-repeat; background-size: cover;}
.company_nav ul li.hy_li{background: url(/theme/template/img/sub/nav_bg2.png) center center no-repeat; background-size: cover;}
.company_nav ul li.bn_li{background: url(/theme/template/img/sub/nav_bg3.png) center center no-repeat; background-size: cover;}
.company_nav ul li.bi_li{background: url(/theme/template/img/sub/nav_bg4.png) center center no-repeat; background-size: cover;}
.company_nav ul li a{font-size: 4rem; line-height: 1.25; font-family: "SCDream5"; color: var(--white); word-break: keep-all; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: relative; text-align: center; z-index: 1;}
.company_nav ul li:after{width: 100%; height: 100%; background: rgba(0,0,0,0.6); position: absolute; top: 0; left: 0; content:""; z-index: 0;}
.company_nav ul li.active{transform: translateY(-5rem);}
.company_nav ul li.active:after{background: rgba(17,2,82,0.75);}
/* 네비 */

/* 회사소개 */
.company_wrap{padding: 14rem 0 13rem; position: relative;}

/* JKOA CULTURE */
.cp_culture{padding: 1rem 0 8rem; max-width: 128rem; margin: 0 auto; width: 100%; display: flex; align-items: stretch; justify-content: flex-start;}
.cp_culture .cp_text{width: 43rem; margin-right: 5rem; word-break: keep-all;}
.cp_culture .cp_text h5{margin-bottom: 1.8rem; font-size: 6rem; line-height: 1.167; font-family: "SCDream4"; color: var(--color-110252); font-weight: normal;}
.cp_culture .cp_text p{margin-bottom: 0.3rem; font-size: 3rem; line-height: 1.33; font-family: "SCDream5"; color: var(--color-110252);}
.cp_culture .cp_text p b{margin-bottom: 1.8rem; font-size: 4rem; line-height: 1; font-family: "SCDream7"; color: var(--color-110252); display: block; font-weight: normal;}
.cp_culture .cp_text span{font-size: 1.5rem; line-height: 1.33; font-family: "SCDream5"; color: var(--color-5a5a5a); display: block;}
.cp_culture .cp_img{width: calc(100% - 48rem); position: relative; display: flex; flex-direction: column;}
.cp_culture .cp_img img{max-width: 61.7rem; width: 100%; display: block; object-fit: contain;}
.cp_culture .cp_img a{width: 24.8rem; height: 24.8rem; transform: translateY(-13rem); align-self: flex-end; display: flex; align-items: center; justify-content: center; text-align: center; background: var(--color-110252);}
.cp_culture .cp_img a span{font-size: 2rem; line-height: 2.5; font-family: "SCDream5"; color: var(--white); border-bottom: 3px solid var(--white);}
/* JKOA CULTURE */

/* JKOA INFO */
.cp_info{padding: 8rem 0 0; max-width: 128rem; margin: 0 auto; width: 100%; display: flex; align-self: stretch; justify-content: space-between;}
.cp_info .ci_img{width: 48.4rem;}
.cp_info .ci_img img{width: auto; height: 100%; display: block; object-fit: cover; min-width: 100%;}
.cp_info .ci_text{width: calc(100% - 57.2rem); word-break: keep-all; display: flex; flex-direction: column; justify-content: space-between;}
.cp_info .ci_text p{font-size: 3rem; line-height: 1.5; font-family: "SCDream4"; color: var(--black);}
.cp_info .ci_text p b{font-family: "SCDream7"; font-weight: normal;}
.cp_info .ci_text span{margin-top: 3rem; font-size: 1.5rem; line-height: 1.5; font-family: "SCDream5"; color: var(--color-5a5a5a); display: block;}
.cp_info .ci_tbl{margin-top: 3rem; width: 100%; border-top: 1px solid var(--black); border-bottom: 1px solid var(--black);}
.cp_info .ci_tbl tr:not(:last-of-type){border-bottom: 1px solid var(--color-d4d4d4);}
.cp_info .ci_tbl td{padding: 1rem 4rem; font-size: 2rem; line-height: 1.4; font-family: "SCDream4"; color: var(--black); background: var(--white);}
.cp_info .ci_tbl td.td_left{width: 34%; padding: 1rem; background: var(--color-efefef); text-align: center;}
/* JKOA INFO */

/* 회사소개 */

/* 회사연혁 */
.history_wrap{padding: 15rem 0 16rem; width: 100%; background: rgba(17,2,82,0.15); border-top: 1px solid rgba(112,112,112,0.15); border-bottom: 1px solid rgba(112,112,112,0.15);}
.history_wrap .hy_inner{max-width: 128rem; width: 100%; position: relative; margin: 0 auto; display: flex; align-items: stretch; justify-content: space-between;}
.history_wrap .hy_text{width: 50rem; word-break: keep-all;}
.history_wrap .hy_text h5{font-size: 6rem; line-height: 1.167; font-family: "SCDream4"; color: var(--color-110252); font-weight: normal;}
.history_wrap .hy_text p{margin-top: 1.8rem; font-size: 3rem; line-height: 1.33; font-family: "SCDream5"; color: var(--color-110252);}
.history_wrap .hy_text p b{margin-top: 0.3rem; font-size: 4rem; line-height: 1; font-family: "SCDream7"; font-weight: normal; display: block;}
.history_wrap .hy_info{width: calc(100% - 56rem); position: relative; z-index: 0;}
.history_wrap .hi_items{position: relative; display: flex; align-items: flex-start; word-break: keep-all;}
.history_wrap .hi_items .pos_year{width: 13.8rem; font-size: 4rem; line-height: 1.125; font-family: "SCDream4"; color: var(--black); position: relative; flex-shrink: 0;}
.history_wrap .hi_items.point1 .pos_year:after{top: 0.95rem; right: -1.3rem; width: 2.6rem; height: 2.6rem; border: 2px solid var(--color-110252); border-radius: 50%; background: var(--white); position: absolute; content: ""; z-index: 1;}
.history_wrap .hi_items.point2 .pos_year:after{top: 1.5rem; right: -0.8rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--color-110252); position: absolute; content: ""; z-index: 1;}
.history_wrap .hi_items ul{padding: 7rem 2rem 6rem 6.5rem; position: relative;}
.history_wrap .hi_items ul:after{width: 2px; left: -1px; top: 1rem; height: 100%; position: absolute; content: ""; background: var(--color-110252); z-index: 0;}
.history_wrap .hi_items ul li{padding-left: 1rem; font-size: 2.5rem; line-height: 1.8; font-family: "SCDream4"; font-weight: normal; color: var(--black); position: relative;}
.history_wrap .hi_items ul li:after{font-size: inherit; line-height: inherit; color: inherit; top: 0; left: 0; content: "·"; position: absolute;}
.history_wrap .hy_jkoa{margin: 8rem auto 0; max-width: 128rem; width: 100%; display: flex; align-items: flex-start; justify-content: center;}
.history_wrap .hy_jkoa img{width: 76%; max-width: 100%; display: block; object-fit: contain;}
/* 회사연혁 */

/* 주요사업장 및 협력업체 */
.business_wrap{}
.bs_area{padding: 14rem 0 1rem; width: 100%; background: var(--white);}
.bs_area .ba_inner{max-width: 128rem; width: 100%; position: relative; margin: 0 auto; display: flex; align-items: stretch; justify-content: space-between;}
.bs_area .ba_text{width: 50rem; word-break: keep-all;}
.bs_area .ba_text h5{font-size: 6rem; line-height: 1.167; font-family: "SCDream4"; color: var(--color-110252); font-weight: normal;}
.bs_area .ba_text p{margin-top: 1.8rem; font-size: 3rem; line-height: 1.33; font-family: "SCDream5"; color: var(--color-110252);}
.bs_area .ba_text p b{margin-top: 1.8rem; font-size: 4rem; line-height: 1; font-family: "SCDream7"; font-weight: normal; display: block;}
.bs_area .ba_maps{width: calc(100% - 51rem);}
.bs_area .map_box{margin-bottom: 7.4rem; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;}
.bs_area .map_box:after{top: 2.5rem; left: 0; width: 100%; height: 1px; background: var(--color-707070); position: absolute; content:""; z-index: 0;}
.bs_area .map_box:last-of-type{margin-bottom: 0;}
.bs_area .map_box .tit{max-width: 28rem; height: 5rem; border-radius: 2.5rem; font-size: 1.5rem; line-height: 1.4; font-family: "SCDream5"; color: var(--white); background: var(--black); border: 1px solid var(--color-707070); display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; position: relative; z-index: 1;}
.bs_area .map_box img{width: auto; align-self: flex-end;}
.bs_area .map_box:first-of-type img{margin-top: 2.3rem;}
.bs_area .map_box:last-of-type img{margin-top: 8rem;}
.bs_partner{padding: 12rem 0 13rem; background: rgba(17,2,82,0.15); border-top: 1px solid rgba(112,112,112,0.15); border-bottom: 1px solid rgba(112,112,112,0.15);}
.bs_partner .bp_inner{max-width: 128rem; width: 100%; position: relative; margin: 0 auto; display: flex; align-items: stretch; justify-content: space-between;}
.bs_partner .bp_text{width: 48rem; word-break: keep-all;}
.bs_partner .bp_text h5{font-size: 6rem; line-height: 1.167; font-family: "SCDream4"; color: var(--color-110252); font-weight: normal;}
.bs_partner .bp_text p{margin-top: 1.8rem; font-size: 3rem; line-height: 1.33; font-family: "SCDream5"; color: var(--color-110252);}
.bs_partner .bp_text p b{font-size: 4rem; line-height: 1; font-family: "SCDream7"; font-weight: normal; display: block;}
.bs_partner .bp_list{width: calc(100% - 48.4rem); display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start;}
.bs_partner .bp_item{min-height: 33.7rem; width: calc((100% - 3.2rem) / 2); margin: 0 3.2rem 4rem 0; box-shadow: 3px 3px 6px rgba(0,0,0,0.16); position: relative; background: var(--white); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.bs_partner .bp_item:nth-of-type(2n){margin-right: 0;}
.bs_partner .bp_item:nth-of-type(3),
.bs_partner .bp_item:nth-of-type(4){margin-bottom: 0;}
.bs_partner .bp_item .plus{top: 2rem; right: 1.7rem; width: 2.6rem; height: 2.6rem; font-style: normal; position: absolute;}
.bs_partner .bp_item .plus img{width: 100%; height: 100%; object-fit: contain; display: block;}
.bs_partner .bp_item .tit{font-size: 3rem; line-height: 1.5; font-family: "SCDream6"; color: var(--black);}
.bs_partner .bp_item .bar{height: 3.6rem; margin: 2rem auto 3.4rem; width: 1px; display: block; background: var(--black);}
.bs_partner .bp_item .img{width: auto; max-width: 90%; display: block; margin: 0 auto;}
/* 주요사업장 및 협력업체 */



@media (max-width: 1320px) {
    /* 네비 */
    .company_nav{padding: 0 2rem; max-width: 100%; margin: -9.39vw auto 0;}
    .company_nav ul li{width: 24.24vw; height: 24.24vw;}
    .company_nav ul li a{font-size: 3.03vw;}
    .company_nav ul li.active{transform: translateY(-3.79vw);}
    /* 네비 */

    /* 회사소개 */
    .company_wrap{padding: 14rem 0 13rem; position: relative;}

    /* JKOA CULTURE */
    .cp_culture{padding: 0 2rem 8rem; max-width: 100%;}
    /* JKOA CULTURE */

    /* JKOA INFO */
    .cp_info{padding: 8rem 2rem 0; max-width: 100%;}
    .cp_info .ci_img{width: 45rem;}
    .cp_info .ci_text{width: calc(100% - 50rem);}
    .cp_info .ci_text p{font-size: 2.4rem;}
    /* JKOA INFO */
    /* 회사소개 */

    /* 회사연혁 */
    .history_wrap{padding: 11.72vw 2rem 12.5vw;}
    .history_wrap .hy_inner{max-width: 100%;}
    .history_wrap .hy_text{width: 39.06vw;}
    .history_wrap .hy_text h5{font-size: 4.69vw;}
    .history_wrap .hy_text p{margin-top: 1.41vw; font-size: 2.34vw;}
    .history_wrap .hy_text p b{margin-top: 0.3rem; font-size: 3.13vw;}
    .history_wrap .hy_info{width: calc(100% - 43.75vw);}
    .history_wrap .hi_items .pos_year{width: 10.78vw; font-size: 3.13vw;}
    .history_wrap .hi_items.point1 .pos_year:after{top: 0.74vw; right: -1.02vw; width: 2.03vw; height: 2.03vw;}
    .history_wrap .hi_items.point2 .pos_year:after{top: 1.17vw; right: -0.63vw; width: 1.17vw; height: 1.17vw;}
    .history_wrap .hi_items ul{padding: 5.47vw 1.56vw 4.69vw 4rem;}
    .history_wrap .hi_items ul:after{width: 2px; left: -1px; top: 0.78vw;}
    .history_wrap .hi_items ul li{padding-left: 0.78vw; font-size: 1.95vw;}
    .history_wrap .hy_jkoa{margin: 6.25vw auto 0; max-width: 100%;}
    /* 회사연혁 */

    /* 주요사업장 및 협력업체 */
    .bs_area{padding: 10.94vw 2rem 0.78vw;}
    .bs_area .ba_inner{max-width: 100%;}
    .bs_area .ba_text{width: 39.06vw;}
    .bs_area .ba_text h5{font-size: 4.69vw;}
    .bs_area .ba_text p{margin-top: 1.41vw; font-size: 2.34vw;}
    .bs_area .ba_text p b{margin-top: 1.41vw; font-size: 3.13vw;}
    .bs_area .ba_maps{width: calc(100% - 39.84vw);}
    .bs_area .map_box{margin-bottom: 5.78vw;}
    .bs_area .map_box:after{top: 1.95vw;}
    .bs_area .map_box .tit{max-width: 21.88vw; height: 3.91vw; border-radius: 1.95vw; font-size: 1.17vw;}
    .bs_area .map_box:first-of-type img{margin-top: 1.8vw;}
    .bs_area .map_box:last-of-type img{margin-top: 6.25vw;}
    .bs_partner{padding: 9.38vw 2rem 10.16vw;}
    .bs_partner .bp_inner{max-width: 100%;}
    .bs_partner .bp_text{width: 37.5vw;}
    .bs_partner .bp_text h5{font-size: 4.69vw;}
    .bs_partner .bp_text p{margin-top: 1.41vw; font-size: 2.34vw;}
    .bs_partner .bp_text p b{font-size: 3.13vw;}
    .bs_partner .bp_list{width: calc(100% - 37.81vw);}
    .bs_partner .bp_item{min-height: 26.33vw; width: calc((100% - 2.5vw) / 2); margin: 0 2.5vw 3.13vw 0;}
    .bs_partner .bp_item .plus{top: 1.56vw; right: 1.33vw; width: 2.03vw; height: 2.03vw;}
    .bs_partner .bp_item .tit{font-size: 2.34vw;}
    .bs_partner .bp_item .bar{height: 2.81vw; margin: 1.56vw auto 2.66vw;}
    /* 주요사업장 및 협력업체 */
}

@media (max-width: 1000px) {
    /* 네비 */
    .company_nav{margin: -5rem auto 0;}
    .company_nav ul{flex-wrap: wrap;}
    .company_nav ul li{width: 25%; height: 24vw;}
    .company_nav ul li a{font-size: 2rem;}
    .company_nav ul li.active{transform: translateY(-2rem);}
    /* 네비 */

    /* 회사소개 */
    .company_wrap{padding: 10rem 0; position: relative;}

    /* JKOA CULTURE */
    .cp_culture{padding: 0 2rem 4rem; flex-direction: column; align-items: flex-start;}
    .cp_culture .cp_text{width: 100%; margin-right: 0;}
    .cp_culture .cp_text h5{margin-bottom: 1.8rem; font-size: 3rem;}
    .cp_culture .cp_text h5 br{display: none;}
    .cp_culture .cp_text p{margin-bottom: 0.3rem; font-size: 1.6rem;}
    .cp_culture .cp_text p b{margin-bottom: 1.8rem; font-size: 2rem; display: inline-block;}
    .cp_culture .cp_text span{font-size: 1.4rem;}
    .cp_culture .cp_text span br{display: none;}
    .cp_culture .cp_img{margin-top: 4rem; width: 100%;}
    .cp_culture .cp_img img{max-width: 100%;}
    .cp_culture .cp_img a{width: 20rem; height: 20rem; transform: translateY(-8rem);}
    .cp_culture .cp_img a span{font-size: 1.6rem; border-bottom: 2px solid var(--white);}
    /* JKOA CULTURE */

    /* JKOA INFO */
    .cp_info{padding: 4rem 2rem 0; flex-direction: column; align-self: flex-start; justify-content: flex-start}
    .cp_info .ci_img{width: 30rem; margin: 0 auto;}
    .cp_info .ci_text{margin-top: 4rem; width: 100%; justify-content: flex-start;}
    .cp_info .ci_text p{font-size: 2rem;}
    .cp_info .ci_text span{margin-top: 2rem; font-size: 1.4rem;}
    .cp_info .ci_tbl{margin-top: 3rem;}
    .cp_info .ci_tbl td{padding: 1rem 2rem; font-size: 1.6rem;}
    /* JKOA INFO */
    /* 회사소개 */

    /* 회사연혁 */
    .history_wrap{padding: 5rem 2rem 6rem;}
    .history_wrap .hy_inner{flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .history_wrap .hy_text{width: 100%; text-align: center;}
    .history_wrap .hy_text h5{font-size: 2rem;}
    .history_wrap .hy_text h5 br{display: none;}
    .history_wrap .hy_text p{margin-top: 1rem; font-size: 1.4rem;}
    .history_wrap .hy_text p b{margin-top: 0.5rem; font-size: 1.6rem; display: inline-block;}
    .history_wrap .hy_info{margin: 4rem auto 0; max-width: 40rem; width: 100%;}
    .history_wrap .hi_items .pos_year{width: 8rem; font-size: 2rem;}
    .history_wrap .hi_items.point1 .pos_year:after{top: 0; right: -1rem; width: 2rem; height: 2rem; border: 1px solid var(--color-110252);}
    .history_wrap .hi_items.point2 .pos_year:after{top: 0.5rem; right: -0.5rem; width: 1rem; height: 1rem;}
    .history_wrap .hi_items ul{padding: 4rem 2rem;}
    .history_wrap .hi_items ul li{padding-left: 1rem; font-size: 1.6rem;}
    .history_wrap .hy_jkoa{margin: 6rem auto 0;}
    .history_wrap .hy_jkoa img{width: 40rem; max-width: 90%}
    /* 회사연혁 */

    /* 주요사업장 및 협력업체 */
    .bs_area{padding: 5rem 2rem 1rem;}
    .bs_area .ba_inner{flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .bs_area .ba_text{width: 100%; text-align: center;}
    .bs_area .ba_text h5{font-size: 2rem;}
    .bs_area .ba_text h5 br{display: none;}
    .bs_area .ba_text p{margin-top: 1rem; font-size: 1.4rem;}
    .bs_area .ba_text p b{margin-top: 1rem; font-size: 1.6rem;}
    .bs_area .ba_maps{margin: 4rem auto 0; width: 100%; max-width: 78rem;}
    .bs_area .map_box{margin-bottom: 6rem;}
    .bs_area .map_box:after{top: 2rem;}
    .bs_area .map_box .tit{max-width: 20rem; height: 4rem; border-radius: 2rem; font-size: 1.4rem; margin: 0 auto;}
    .bs_area .map_box img{max-width: 80%; align-self: center;}
    .bs_area .map_box:first-of-type img{margin-top: 2rem;}
    .bs_area .map_box:last-of-type img{margin-top: 4rem;}
    .bs_partner{padding: 5rem 2rem;}
    .bs_partner .bp_inner{flex-direction: column; align-items: flex-start; justify-content: flex-start;}
    .bs_partner .bp_text{width: 100%; text-align: center;}
    .bs_partner .bp_text h5{font-size: 2rem;}
    .bs_partner .bp_text h5 br{display: none;}
    .bs_partner .bp_text p{margin-top: 1rem; font-size: 1.4rem;}
    .bs_partner .bp_text p b{font-size: 1.6rem;}
    .bs_partner .bp_list{width: 100%; max-width: 60rem; margin: 3rem auto 0;}
    .bs_partner .bp_item{min-height: 25rem; width: calc((100% - 2rem) / 2); margin: 0 2rem 3rem 0;}
    .bs_partner .bp_item .plus{top: 1.8rem; right: 1.5rem; width: 2.4rem; height: 2.4rem;}
    .bs_partner .bp_item .tit{font-size: 1.6rem;}
    .bs_partner .bp_item .bar{height: 2rem; margin: 1.5rem auto 3rem;}
    /* 주요사업장 및 협력업체 */
}

@media (max-width: 770px) {
    /* 네비 */
    .company_nav{margin: -4rem auto 0;}
    .company_nav ul li{width: 50%; height: 20rem;}
    .company_nav ul li a{font-size: 1.8rem;}
    .company_nav ul li.active{transform: translateY(0);}
    /* 네비 */

    /* 회사소개 */
    .company_wrap{padding: 5rem 0; position: relative;}

    /* JKOA CULTURE */
    .cp_culture .cp_img a{width: 50%; height: 25.97vw; transform: translateY(-50%);}
    .cp_culture .cp_img a span{font-size: 1.2rem; border-bottom: 1px solid var(--white);}
    /* JKOA CULTURE */

    /* JKOA INFO */
    .cp_info{padding: 4rem 2rem 0;}
    .cp_info .ci_img{width: 60%;}
    .cp_info .ci_text p{font-size: 1.8rem;}
    .cp_info .ci_text span{font-size: 1.2rem;}
    .cp_info .ci_tbl td{font-size: 1.4rem;}
    /* JKOA INFO */

    /* 회사소개 */

    /* 주요사업장 및 협력업체 */
    .bs_partner .bp_item{min-height: 20rem; width: 100%; margin: 0 0 3rem 0;}
    .bs_partner .bp_item:nth-of-type(3){margin-bottom: 3rem;}
    /* 주요사업장 및 협력업체 */
}

@media (max-width: 450px) {
    /* 네비 */
    .company_nav ul li{height: 15rem;}
    /* 네비 */
}