@charset "utf-8";
@font-face {
    font-family: 'SANGJUGyeongcheonIsland';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/SANGJUGyeongcheonIsland.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.ff-sangju {font-family: 'SANGJUGyeongcheonIsland';}
/*-------------------------------------------------
Author : WB,Seo
Create date : 2023. 01. 30.
Last update : 9999. 03. 29. 10:47
-------------------------------------------------*/

/* ==================================
    MOBILE
=================================== */
/* ============= 인사말 === */
.greet-inner .upper-cont-area {
    position: relative;
    margin-bottom: 36px;
}
.greet-inner .upper-cont-area .img-box {
    position: relative;
    margin-bottom: 46px;
    height: 260px;
    background: url(/image/company/greet_bg_m.jpg) no-repeat center/cover;
}
.greet-inner .upper-cont-area .img-box:after {
    position: absolute;
    bottom: -30px; left: 50%; transform: translateX(-50%);
    content: '';
    width: 100vw; height: 150px;
    background: #eef5f6;
    z-index: -1;
}
.greet-inner .upper-cont-area img {height: 146px;}
.greet-inner .greet-txt-area .cont {
    font-size: 1.6rem;
    line-height: 24px;
    white-space: pre-line;
}
.greet-inner .greet-txt-area .sign {
    font-size: 1.6rem;
    margin-top: 38px;
}
.greet-inner .greet-txt-area .sign img {
    display: inline-block;
    width: 116px;
    margin-left: 6px;
    vertical-align: middle;
}

/* ============= 회사연혁 === */
.history-inner .history-tab-area {margin-bottom: 26px;}
.history-inner .history-tab-area ul {
    display: flex;
    flex-wrap: wrap;
}
.history-inner .history-tab-area li {
    width: 33.33%;
    text-align: center;
    font-size: 1.8rem;
}
.history-inner .history-tab-area li a {
    display: block;
    padding: 13px 0 11px;
    border-bottom: 1px solid #dedede;
}
.history-inner .history-tab-area li a.active {
    color: #fff;
    background: var(--point2);
    border-bottom-color: transparent;
}
.history-inner .history-cont-box {display: none;}
.history-inner .history-cont-box.active {display: block;}
.history-inner .history-cont-box li {
    display: flex;
    justify-content: space-between;
    align-items: top;
    padding: 17px 0;
    border-bottom: 1px solid #eee;
}
.history-inner .history-cont-box li .year {
    width: 56px;
    font-size: 2rem; color: var(--point2);
}
.history-inner .history-cont-box li .cont-box {
    width: calc(100% - 56px);
    padding-left: 40px;
    font-size: 1.6rem;
}
.history-inner .history-cont-box li .cont-box .cont {line-height: 1.2;}
.history-inner .history-cont-box li .cont-box .cont:nth-child(n+2) {margin-top: 8px;}

/* ============= 인증서 === */
.cert-inner li:nth-child(n+2) {margin-top: 36px;}
.cert-inner .img-wrap {
    width: 80%;
    margin: 0 auto;
    border: 1px solid #e7e7e7;
}
.cert-inner .img-wrap img {width: 100%;}
.cert-inner li .name {
    margin-top: 17px;
    font-size: 1.6rem; color: #919191;
    text-align: center;
}


/* ==================================
    PC
=================================== */
@media screen and (min-width:1084px){
    /* ============= 인사말 === */
    .greet-inner .upper-cont-area {
        position: relative;
        height: 700px;
        margin-bottom: 66px;
    }
    .greet-inner .upper-cont-area .img-box {
        position: relative;
        margin: 0 0 0 455px;
        width: 979px; height: 540px;
        background-image: url(/image/company/greet_bg02.jpg);
    }
    .greet-inner .upper-cont-area .img-box:after {
        bottom: -68px; left: 50%; transform: translateX(-50%);
        width: 200vw; height: 435px;
    }
    .greet-inner .upper-cont-area img {
        position: absolute;
        left: -267px; bottom: 0;
        height: 353px;
    }
    .greet-inner .greet-txt-area .cont {
        font-size: 1.6rem;
        line-height: 24px;
        white-space: pre-line;
    }
    .greet-inner .greet-txt-area .sign {
        font-size: 1.6rem;
        margin-top: 38px;
    }
    .greet-inner .greet-txt-area .sign img {
        display: inline-block;
        width: 116px;
        margin-left: 6px;
        vertical-align: middle;
    }

    /* ============= 회사연혁 === */
    .history-inner .history-tab-area {margin-bottom: 54px;}
    .history-inner .history-tab-area li {
        width: 20%;
        font-size: 3rem;
    }
    .history-inner .history-tab-area li a {padding: 24px 0 23px;}
    .history-inner .history-cont-box li {padding: 30px 0;}
    .history-inner .history-cont-box li .year {
        width: 106px;
        font-size: 2.4rem;
    }
    .history-inner .history-cont-box li .cont-box {
        padding-top: 2px;
        width: calc(100% - 106px);
        padding-left: 46px;
    }
    .history-inner .history-cont-box li .cont-box .cont:nth-child(n+2) {margin-top: 13px;}

    /* ============= 인증서 === */
    .cert-inner li:nth-child(n+2) {margin-top: 0;}
    .cert-inner ul {
        display: flex;
        gap: 73px 50px;
        flex-wrap: wrap;
    }
    .cert-inner li {width: 361px;}
    .cert-inner .img-wrap {width: 100%;}
    .cert-inner li .name {
        margin-top: 23px;
        font-size: 1.8rem;
    }
}