@charset "utf-8";
@font-face {
    font-family: 'InkLipquid';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/InkLipquid.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*-------------------------------------------------
Author : WB,Seo
Create date : 2022. 09. 22.
Last update : 2022. 00. 00. 10:47
-------------------------------------------------*/

/* ==================================
    MOBILE
=================================== */
/* ============= VISUAL === */
.visual-wrap .visual-img {background-image: url(/image/company/visual_m.jpg);}

/* ======= GREET 인사말 */
.greet-wrap .greet-cont .title {
    font-size: 1.8rem;
    line-height: 1.5;
    white-space: pre-line;
    word-break: keep-all;
}
.greet-wrap .greet-cont .vision-img {margin: 25px 0 26px;}
.greet-wrap .greet-cont .vision-img img {height: 115px;}
.greet-wrap .greet-cont .cont {
    font-size: 1.5rem; color: var(--txtL);
    line-height: 23px;
    white-space: pre-line;
}
.greet-wrap .greet-cont .cont .hl {color: var(--point)}
.greet-wrap .greet-cont .sign-box {margin-top: 26px;}
.greet-wrap .greet-cont .sign-box p {font-size: 1.5rem;}
.greet-wrap .greet-cont .sign-box .ceo-sign {
    margin-top: 12px;
    display: flex;
    align-items: center;
}
.greet-wrap .greet-cont .sign-box .ceo-sign .font-sign {
    margin-left: 18px;
    font-family: 'InkLipquid';
    font-size: 3.4rem;
    letter-spacing: 1rem;
}
.greet-wrap .greet-trend {
    margin-top: 26px;
    padding-top: 34px;
    border-top: 1px solid #f2f2f2;
}
.greet-wrap .greet-trend p.title {font-size: 1.8rem;}
.greet-wrap .greet-trend p.title:after {
    display: block;
    content: '';
    width: 18px; height: 2px;
    margin: 10px 0 11px;
    background: var(--point);
}
.greet-wrap .greet-trend p.title b {color: var(--point);}
.greet-wrap .greet-trend .trend-cont-box p {
    margin-top: 8px;
    font-size: 1.5rem;
    line-height: 1.3;
}
.greet-wrap .greet-trend .trend-cont-box p .numb {
    margin-right: 5px;
    font-size: 1.8rem; color: var(--point);
    font-weight: 700;
}

/* ======= HISTORY 회사연혁 */
.history-wrap .year-wrap {
    display: flex;
    justify-content: space-between;
}
.history-wrap .year-wrap:nth-child(n+2) {margin-top: 26px;}
.history-wrap .year-wrap p.year {
    width: 22%;
    padding: 12px 0 20px;
    font-size: 2.4rem; color: var(--point2);
    font-weight: 700;
    border-top: 1px solid var(--point2);
}
.history-wrap .year-wrap .history-list {
    width: 75%;
    font-size: 1.5rem;
}
.history-wrap .year-wrap .history-list li {
    position: relative;
    padding: 17px 0 16px 50px;
    line-height: 1.3;
    border-top: 1px solid #dedede;
}
.history-wrap .year-wrap .history-list li:last-child {border-bottom: 1px solid #dedede;}
.history-wrap .year-wrap .history-list li span {
    position: absolute;
    top: 17px; left: 0;
    font-weight: 700;
}

/* ======= ORGANIZATION 조직도 */
.organization-wrap {text-align: center;}
.organization-wrap img {width: 100%;}

/* ======= CERTIFICATE 인증서 */
.subpage-tit .name {
    margin-bottom: 6px;
    font-size: 2.6rem;
    font-weight: 700;
}
.subpage-tit .eng {
    font-size: 1.5rem; color: #b6b6b6;
    font-weight: 300;
}
.cert-wrap .cert-tit {margin-bottom: 22px;}
.cert-wrap .img-area {
    border: 1px solid #d6d6d6;
    text-align: center;
}
.cert-wrap .img-area img {width: 50%;}
.cert-wrap .cert:nth-child(n+2) {margin-top: 46px;}

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

/* ======= COOPERATIVE 협력사 */
.coop-wrap .title {
    font-size: 2.6rem;
    font-weight: 700;
}
.coop-wrap .title:after {
    display: block;
    content: '';
    width: 36px; height: 3px;
    margin: 16px 0 8px;
    background: var(--point);
}
.coop-wrap .flex-group {
    display: flex;
    flex-wrap: wrap;
}
.coop-wrap .flex-group li {
    width: 50%;
    text-align: center;
}
.coop-wrap .flex-group li img {width: 100%;}
.coop-wrap .memorial-group {
    margin-top: 26px;
    padding-top: 34px;
    border-top: 1px solid #f2f2f2;
}


/* ==================================
    PC
=================================== */
@media screen and (min-width:1084px){
    /* ============= VISUAL === */
    .visual-wrap .visual-img {background-image: url(/image/company/visual.jpg);}
    
    /* ======= GREET 인사말 */
    .greet-wrap .greet-cont .title {
        font-size: 2.4rem;
        line-height: 36px;
    }
    .greet-wrap .greet-cont .vision-img {margin: 50px 0 57px;}
    .greet-wrap .greet-cont .vision-img img {height: 120px;}
    .greet-wrap .greet-cont .cont {
        font-size: 1.7rem;
        line-height: 32px;
    }
    .greet-wrap .greet-cont .sign-box {margin-top: 53px;}
    .greet-wrap .greet-cont .sign-box p {font-size: 1.7rem;}
    .greet-wrap .greet-trend {
        margin-top: 43px;
        padding-top: 45px;
    }
    .greet-wrap .greet-trend p.title {font-size: 2.4rem;}
    .greet-wrap .greet-trend p.title:after {
        width: 36px; height: 3px;
        margin: 21px 0 22px;
    }
    .greet-wrap .greet-trend p.title b {color: var(--point);}
    .greet-wrap .greet-trend .trend-cont-box.right {margin-top: 15px;}
    .greet-wrap .greet-trend .trend-cont-box p {
        margin: 0;
        font-size: 1.7rem;
        line-height: 1;
    }
    .greet-wrap .greet-trend .trend-cont-box p:nth-child(n+2) {margin-top: 15px;}
    .greet-wrap .greet-trend .trend-cont-box p .numb {
        margin-right: 11px;
        font-size: 2.4rem;
    }

    /* ======= HISTORY 회사연혁 */
    .history-wrap .year-wrap:nth-child(n+2) {margin-top: 72px;}
    .history-wrap .year-wrap p.year {
        width: 240px;
        padding: 22px 0 20px;
        font-size: 3.2rem;
    }
    .history-wrap .year-wrap .history-list {
        width: calc(100% - 306px);
        font-size: 1.6rem;
    }
    .history-wrap .year-wrap .history-list li {
        padding: 18px 0 19px 95px;
        line-height: 1;
    }
    .history-wrap .year-wrap .history-list li span {top: 18px; left: 22px;}

    /* ======= ORGANIZATION 조직도 */
    .organization-wrap img {width: auto;}

    /* ======= CERTIFICATE 인증서 */
    .subpage-tit .name {
        margin-bottom: 14px;
        font-size: 3rem;
    }
    .cert-wrap .cert-tit {margin-bottom: 38px;}
    .cert-wrap .cert-lists {display: flex;}
    .cert-wrap .cert-lists .cert {width: 360px;}
    .cert-wrap .img-area {
        border: 1px solid #d6d6d6;
        text-align: center;
    }
    .cert-wrap .img-area img {width: 100%;}
    .cert-wrap .cert:nth-child(n+2) {margin: 0 0 0 55px;}
    
    /* ======= MAP 오시는길 */
    .map-wrap .map-upper-group {
        display: flex;
        margin-bottom: 59px;
        justify-content: space-between;
    }
    .map-wrap .map-tit {margin: 0;}
    .map-wrap .info-group {display: flex;}
    .map-wrap .info-group li {font-size: 1.6rem;}
    .map-wrap .info-group li:nth-child(n+2) {margin: 0 0 0 52px;}
    .map-wrap .info-group b {
        display: inline-block;
        margin: 0 21px 0 0;
    }
    .map-wrap .kakao-map .root_daum_roughmap .wrap_map {height: 500px;}

    /* ======= COOPERATIVE 협력사 */
    .coop-wrap .title {font-size: 3rem;}
    .coop-wrap .title:after {margin: 19px 0 33px;}
    .coop-wrap .flex-group li {width: 16.66%;}
    .coop-wrap .memorial-group {
        margin-top: 43px;
        padding-top: 45px;
    }
}

@media screen and (min-width:1280px){
    /* ======= GREET 인사말 */
    .greet-wrap .greet-trend .trend-cont-box {float: left;}
    .greet-wrap .greet-trend .trend-cont-box.right {margin: 0 0 0 52px;}

    /* ======= MAP 오시는길 */
    .map-wrap .info-group li {font-size: 1.8rem;}
    .map-wrap .info-group li:nth-child(n+2) {margin: 0 0 0 72px;}
    .map-wrap .info-group b {margin-left: 31px;}
}