/* 회사소개 */
.about .sub_bnr .bnr_bg {
    background: url('../../img/sub/about/sbn_bg.jpg') center / cover no-repeat;
}
.company .sec01 .card_wr.type03 .card_cont .tit,
.company .sec01 .card_wr.type03 .card_cont .txt {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .company .chart_wr.card_wr.type03 { 
        grid-template-columns: 3fr 2fr; 
    }
}
.company .chart_cont {
    position: relative;
    width: 100%;
    height: clamp(20rem,27.3438vw,35rem);
    max-width: 70rem;
    margin: 0 auto;
}
.company .chart_cont canvas {
    width: 100% !important;
    height: 100% !important;
}
.company .sec03 .card_cont .stat_cont {
    gap: 4rem;
    padding: 1.5rem;
    border-radius: 1rem;
    text-align: center;
}
.company .sec03 .card_cont .stat_cont div {
    font-weight: 900;
    font-size: clamp(2.6rem, 2.3438vw, 3rem);
}
.company .sec03 .card_cont.n1 .stat_cont { 
    background-color: #eaf0ff;
}
.company .sec03 .card_cont.n2 .stat_cont {
    background-color: #ffe5e5;
}
.company .sec03 .card_cont.n1 .stat_cont div,
.company .sec03 .card_cont.n1 .stat_cont p {
    color: #3366FF;
}
.company .sec03 .card_cont .stat_cont p {
    font-weight: 700;
}
.company .sec05 .img_box {
    max-width: 128rem;
    text-align: center;
    margin: 0 auto;
    margin-top: clamp(3rem, 4.6875vw, 6rem);
    overflow-x: auto;
}
.company .sec05 .img_box img {
    min-width: 70rem;
}
.company .sec06 .cont_box {
    width: 100%;
}
.company .sec06 .card_box li:nth-child(1){
    background: url('../../img/sub/about/com_sec06_img01.jpg') center / cover no-repeat;
}
.company .sec06 .card_box li:nth-child(2){
    background: url('../../img/sub/about/com_sec06_img02.jpg') 0 95% / cover no-repeat;
}
.company .sec06 .card_box li:nth-child(3){
    background: url('../../img/sub/about/com_sec06_img03.jpg') 0 47% / cover no-repeat;
}

/* 연혁 */
.history .his_list.card_wr.type03{
    position: relative;
    margin: 0 auto;
    margin-top: clamp(5rem, 7.8125vw, 10rem);
    margin-bottom: clamp(8rem, 8vw, 14rem);
    display: flex;
    flex-direction: column;
    row-gap: clamp(8rem, 8vw, 14rem);
    max-width: 120rem;
}
.history .his_list.card_wr.type03::before{
    content:"";
    position:absolute;
    left:50%;
    top:0; bottom:0;
    width:.4rem;
    transform: translateX(-50%);
    background:#e9e9e9;
    border-radius:.4rem;
}
.history .his_list.card_wr.type03 .prog_bar{
    position:absolute;
    left:50%;
    top:0; bottom:0;
    width:.4rem;
    transform: translateX(-50%) scaleY(0);
    transform-origin: top center;
    background: var(--mainColor);
    border-radius:.4rem;
}
.history .his_list.card_wr.type03 > li{
    position: relative;
}
.history .his_list.card_wr.type03 > li::before{
    content:"";
    position:absolute; top:50%;
    transform: translateY(-50%);
    width: 2.2rem; height: 2.2rem;
    border-radius:50%;
    background:var(--white);
    border:.4rem solid var(--mainColor);
    box-sizing:border-box;
    transition: background-color .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.history .his_list.card_wr.type03 > li::before{
    left: calc(50% - 1.1rem);
}
.history .his_list.card_wr.type03 > li.act::before{
    background: var(--mainColor);
    border-color: var(--mainColor);
    box-shadow: 0 0 0 .6rem rgba(0,0,0,.06);
}
.history .his_list.card_wr.type03 .card_cont{
    width: 40%;
    margin: 2rem 0;
}
.history .his_list.card_wr.type03 .card_cont .txt {
    font-size: clamp(1.6rem, 2.3438vw, 1.8rem);
}
.history .his_list.card_wr.type03 .card_cont .txt + .txt {
    margin-top: .5rem;
}
@media (min-width: 767px){
    .history .his_list.card_wr.type03 li.l_cont .card_cont{
        justify-self: end;
    }
}

/* 오시는길 */
.location .map_wr {
    height: clamp(30rem, 46.875vw, 60rem);
    margin: 0 auto;
    margin-top: clamp(5rem, 7.8125vw, 10rem);
    border: 1px solid #e2e8f0;
    border-radius: 1.6rem;
    box-shadow: 0 1rem 2.5rem -.5rem rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

/* 문의하기 */
#result-title {
    text-align: center;
    font-size: clamp(2.6rem, 2.3438vw, 3rem);
}
#result-message {
    font-size: clamp(1.8rem, 1.5625vw, 2rem);
    text-align: center;
    padding-top: 3rem;
}
#result-popup .close_btn {
    right: 2.5rem;
}
#result-popup .btn {
    width: 100%;
    margin: 2rem 0 0;
}

@media screen and (max-width: 1280px) {
    /* 회사소개 */
    .company .sec05 .cont_box {
        flex-wrap: wrap;
    }
    .company .sec05 .cont_box .cont {
        max-width: 28rem;
    }
}
@media screen and (max-width: 768px) {
    /* 회사소개 */
    .company .sec05 .cont_box {
        flex-wrap: wrap;
    }
    .company .sec06 .card_box li:nth-child(2) {
        background-position: center 95%;
    }
    
    /* 연혁 */
    .history .his_list.card_wr.type03::before,
    .history .his_list.card_wr.type03 .prog_bar{
        left: 2.2rem;
    }
    .history .his_list.card_wr.type03 > li::before{
        left: 2.2rem;
        transform: translate(-50%, -50%);
    }
    .history .his_list.card_wr.type03 .card_cont{
        width: calc(100% - 7rem);
        margin: 0 0 0 5.6rem;
        text-align: left; 
    }
    .history .his_list.card_wr.type03 .card_cont .tit {
        text-align: left;
    }
}