@charset "utf-8";

/*-------------------------------------------------
Author : WB,Seo
Create date : 2023. 01. 09.
Last update : 9999. 99. 99. 10:47
-------------------------------------------------*/

/* ==================================
    MOBILE
=================================== */
.sub-visual-inner {background-image: url(/image/company/sub_visual_m.jpg);}
/* ============= 인사말 === */
.greet-inner svg {height: 8.64vw;}
.greet-inner svg path {
    stroke: #fff;
    stroke-width: 6px;
}
.greet-inner .greet-icon-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 460px;
    margin: 0 auto;
}
.greet-inner .svg-wrap {
    width: 50%;
    display: flex;
    flex-direction: column;
    aspect-ratio: 1/1;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    background: rgba(0,105,104,.7);
}
.greet-inner .svg2-box {
    margin: 0 0 0 -8%;
    background: rgba(0,114,139,.7);
}
.greet-inner .svg3-box {
    margin: -8% 0 0 0;
    background: rgba(53,119,167,.7);
}
.greet-inner .svg4-box {
    margin: -8% 0 0 -8%;
    background: rgba(118,119,179,.7);
}
.greet-inner .svg-wrap .title {
    margin-top: 10px;
    font-size: 1.8rem; color: #fff;
    font-weight: 700;
}
.greet-inner .greet-conts-box {margin-top: 46px;}
.greet-inner .greet-conts-box .title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    word-break: keep-all;
}
.greet-inner .greet-conts-box .title strong {color: #006968;}
.greet-inner .greet-conts-box .cont {
    margin: 26px 0 54px;
    font-size: 1.6rem;
    line-height: 1.3;
    white-space: pre-line;
}
.greet-inner .greet-conts-box .writer {font-size: 1.6rem;}
/* ============= 회사연혁 === */
.history-inner .history-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.history-inner .history-box:nth-child(n+2) {margin-top: 40px;}
.history-inner .history-box .history-year {
    width: 88px;
    border-top: 2px solid var(--point);
}
.history-inner .history-box h4 {
    padding-top: 8px;
    font-size: 2rem; color: var(--point);
    font-weight: 700;
}
.history-inner .history-box .history-cont {
    width: calc(100% - 104px);
}
.history-inner .history-box .history-cont li {
    padding: 9px 7px;
    font-size: 1.5rem;
    line-height: 1.3;
    border-top: 1px solid #e3e3e3;
}
.history-inner .history-box .history-cont li:first-child {border-top-width: 2px;}

/* ============= 기업인증현황 === */
.cert-inner .cert-lists {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 2%;
}
.cert-inner .cert-lists li {
    position: relative;
    width: 49%;
}
.cert-inner .cert-lists li:after {
    position: absolute;
    bottom: -5px; right: -5px;
    content: '';
    width: 100%; height: 100%;
    background: #eee;
    z-index: -1;
}
.cert-inner .cert-lists li a {
    display: block;
    cursor: default;
}
.cert-inner .cert-lists li img {width: 100%;}

/* ============= 조직도 === */
.org-inner img {width: 100%;}

/* ============= 오시는길 === */
.way-inner .subpage-tit .name {
    margin-bottom: 6px;
    font-size: 2.6rem;
    font-weight: 700;
}
.way-inner .subpage-tit .eng {
    font-size: 1.5rem; color: #b6b6b6;
    font-weight: 300;
}
.way-inner .map-upper-group {margin-bottom: 56px;}
.way-inner .map-tit {margin-bottom: 26px;}
.way-inner .info-group li {font-size: 1.5rem;}
.way-inner .info-group li:nth-child(n+2) {margin-top: 9px;}
.way-inner .info-group b {
    display: block;
    margin-bottom: 5px;
}
.way-inner .kakao-map {position: relative;}
.way-inner .kakao-map .root_daum_roughmap {width: 100%;}
.way-inner .kakao-map .root_daum_roughmap .wrap_map {height: 360px;}
.way-inner .kakao-map:after {
    position: absolute;
    content: '';
    top: 0; left: 50%; transform: translateX(-50%);
    width: 100%; height: calc(100% - 32px);
    z-index: 25;
}
.way-inner .kakao-map .root_daum_roughmap .wrap_btn_zoom {z-index: 26 !important;}


/* ==================================
    PC
=================================== */
@media screen and (min-width:1084px){
    .sub-visual-inner {background-image: url(/image/company/sub_visual.jpg);}
    /* ============= 인사말 === */
    .greet-inner svg {height: 46px;}
    .greet-inner .greet-icon-box {
        width: 725px;
        max-width: none;
    }
    .greet-inner .svg-wrap {width: 208px;}
    .greet-inner .svg2-box {margin: 0 0 0 -37px;}
    .greet-inner .svg3-box {margin: 0 0 0 -37px;}
    .greet-inner .svg4-box {margin: 0 0 0 -37px}
    .greet-inner .svg-wrap .title {
        margin-top: 10px;
        font-size: 1.8rem; color: #fff;
        font-weight: 700;
    }
    .greet-inner .greet-conts-box {
        margin-top: 64px;
        text-align: center;
    }
    .greet-inner .greet-conts-box .title {
        font-size: 3.6rem;
        letter-spacing: -0.03rem;
        line-height: 1;
        word-break: keep-all;
        opacity: 0;
        transform: translateY(30px);
    }
    .greet-inner .greet-conts-box .cont {
        margin: 38px 0 74px;
        font-size: 1.8rem;
        line-height: 32px;
        opacity: 0;
        transform: translateY(30px);
    }
    .greet-inner .greet-conts-box .writer {
        font-size: 1.8rem;
        opacity: 0;
        transform: translateY(30px);
    }
    .greet-inner.focus .greet-conts-box :is(.title, .cont, .writer) {
        opacity: 1;
        transform: translateY(0);
        transition: 1.2s;
    }
    .greet-inner.focus .greet-conts-box .cont {transition-delay: .5s;}
    .greet-inner.focus .greet-conts-box .writer {transition-delay: .9s;}
    /* ============= 회사연혁 === */
    .history-inner .history-box:nth-child(n+2) {margin-top: 40px;}
    .history-inner .history-box .history-year {width: 164px;}
    .history-inner .history-box h4 {
        padding-top: 17px;
        font-size: 3rem;
    }
    .history-inner .history-box .history-cont {width: calc(100% - 204px);}
    .history-inner .history-box .history-cont li {
        padding: 18px 15px 20px;
        font-size: 1.6rem;
        line-height: 1;
        border-top: 1px solid #e3e3e3;
    }
    /* ============= 기업인증현황 === */
    .cert-inner .cert-lists {gap: 37px 30px;}
    .cert-inner .cert-lists li {width: 276px;}
    .cert-inner .cert-lists li:after {bottom: -8px; right: -8px;}
	
	/* ============= 조직도 === */
	.org-inner img {width: auto;}

    /* ============= 오시는길 === */
    .way-inner .subpage-tit .name {
        margin-bottom: 14px;
        font-size: 3rem;
    }
    .way-inner .map-upper-group {
        display: flex;
        margin-bottom: 59px;
        justify-content: space-between;
    }
    .way-inner .map-tit {margin: 0;}
    .way-inner .info-group {display: flex;}
    .way-inner .info-group li {font-size: 1.8rem;}
    .way-inner .info-group li:nth-child(n+2) {margin: 0 0 0 72px;}
    .way-inner .info-group b {
        display: inline-block;
        margin: 0 31px 0 0;
    }
    .way-inner .kakao-map .root_daum_roughmap .wrap_map {height: 500px;}

}