/**
 * Created by PhpStorm.
 * Date         : 2026-06-05
 * Developer    : Semi Jang
 * Description  : style.css
 * ⓒ 2022. WebPlanet Co. All Rights Reserved.
 */


@charset "utf-8";

/**********************************************************************************************************************/
/* 공통 스타일 */
/**********************************************************************************************************************/
/*FONT*/
@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-Black';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff'),
    url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff'),
    url('/_wp/font/pretendard/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}


:root {
    --font-pre100: 'Pretendard-Thin';
    --font-pre200: 'Pretendard-ExtraLight';
    --font-pre300: 'Pretendard-Light';
    --font-pre400: 'Pretendard-Regular';
    --font-pre500: 'Pretendard-Medium';
    --font-pre600: 'Pretendard-SemiBold';
    --font-pre700: 'Pretendard-Bold';
    --font-pre800: 'Pretendard-ExtraBold';
    --font-pre900: 'Pretendard-Black';
}


/* #region // .historyID */

.wp_solution .historyID .history_inner .history_list {
    position: relative
}
/* 연혁 기준선(year 박스 끝 + 도트 중앙) */
.wp_solution .historyID .history_inner .history_list::after {
    position: absolute;
    content: '';
    top: 5px;
    left: calc(120px + 10.8px);
    width: 1px;
    height: 98%;
    border-left: 1px solid#E5E5E5;
}
.wp_solution .historyID .history_inner .history_list > li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 95px;
}
.wp_solution .historyID .history_inner .history_list > li:last-child {
    margin-bottom: 0;
}
.wp_solution .historyID .history_inner .history_list > li .year {
    position: relative;
    min-width: 120px;
}
.wp_solution .historyID .history_inner .history_list > li .year p {
    font-size: 25px;
    font-family: var(--font-pre700);
    color: #888;
    line-height: 1;
    transition: 0.4s ease-in-out;
}
.wp_solution .historyID .history_inner .history_list > li .month_box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 80px;
}
/* 도트 */
.wp_solution .historyID .history_inner .history_list > li .month_box::before {
    content: '';
    position: absolute;
    left: 1px;
    top: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #A9A9A9;
    border: 4px solid transparent;
    z-index: 9;
    transition: 0.4s ease-in-out;
}
.wp_solution .historyID .history_inner .history_list > li .month_box > li {
    display: flex;
    align-items: flex-start;
    font-size: 18px;
    font-family: var(--font-pre400);
    color: rgba(46, 46, 46, 0.51);
    line-height: 1.35;
}
.wp_solution .historyID .history_inner .history_list > li .month_box > li .num {
    font-size: 20px;
    font-family: var(--font-pre700);
    color: rgba(26, 26, 26, 0.51);
    min-width: 75px;
    transition: 0.4s ease-in-out;
}
/* on 상태 */
.wp_solution .historyID .history_inner .history_list > li.act .year p {
    color: #000;
}
.wp_solution .historyID .history_inner .history_list > li.act .month_box > li{
    color: #000;
}
.wp_solution .historyID .history_inner .history_list > li.act .month_box > li .num {
    color: #888;
}
.wp_solution .historyID .history_inner .history_list > li.act .month_box::before {
    background: #C50000;
}

/* #endregion // .historyID */








































@media (max-width: 992px) {
    /**********************************************************************************************************************/
    /* #s_history3 */
    /**********************************************************************************************************************/
    /* 연혁 기준선 */
    .wp_solution .historyID .history_inner .history_list::after{
        top: 4px;
        left: 21px;
        width: 1px;
        height: 100%;
    }
    .wp_solution .historyID .history_inner .history_list > li{
        flex-direction: column;
        gap: 18px;
        margin-bottom: 55px;
    }
    .wp_solution .historyID .history_inner .history_list > li .year{
        min-width: 100%;
        padding-left: 80px;
    }
    /* .wp_solution .historyID .history_inner .history_list > li .year p{
        font-size: 30px;
    } */
    .wp_solution .historyID .history_inner .history_list > li .month_box{
        width: 100%;
        gap: 16px;
        padding-left: 80px;
    }
    .wp_solution .historyID .history_inner .history_list > li .month_box::before{
        left: 12px;
        top: -44px;
        width: 12px;
        height: 12px;
    }
    .wp_solution .historyID .history_inner .history_list > li.on .month_box::before{
        width: 12px;
        height: 12px;
        border-width: 3px;
    }
    .wp_solution .historyID .history_inner .history_list > li .month_box > li{
        font-size: 15px;
        line-height: 1.5;
    }
    .wp_solution .historyID .history_inner .history_list > li .month_box > li .num{
        min-width: 52px;
        font-size: 16px;
    }
    .wp_solution .historyID .history_inner .history_list > li .month_box > li .desc{
        word-break: keep-all;
    }
    /**********************************************************************************************************************/
}


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


@media (max-width: 420px) {
    /**********************************************************************************************************************/
    /* #s_history3 */
    /**********************************************************************************************************************/
    /* 연혁 기준선 */
    .wp_solution .historyID .history_inner .history_list::after{
        left: 6px;
        width: 1px;
    }
    .wp_solution .historyID .history_inner .history_list > li .year{
        padding-left: 50px;
    }
    /* .wp_solution .historyID .history_inner .history_list > li .year p{
        font-size: 28px;
    } */
    .wp_solution .historyID .history_inner .history_list > li .month_box{
        padding-left: 50px;
    }
    .wp_solution .historyID .history_inner .history_list > li .month_box::before{
        left: -3px;
        top: -44px;
    }
    /**********************************************************************************************************************/
}


@media (max-width: 375px) {}


@media (max-width: 320px) {}