/* 서브공통 S */
.azen .fs-18 {
    font-size: 18px;
}
.btn_dote {
    position: relative;
    min-width: 10rem;
    padding: .5rem 1.125rem;
    border-radius: var(--bs-border-radius-pill) !important;
    font-size: 1rem;
    text-align: left;
}
.btn_dote > i.bi-circle-fill {
    position: absolute;
    top: 50%;
    right: 1rem;
    font-size: 6px;
    transform: translate(-50%, -50%);
}

@media (max-width: 992px) {
    .azen .fs-18 {
        font-size: 16px !important;
    }
}
/* 서브공통 E */

/* About > Overview S */
#oview .bg_top {
    background-image: url('../html/about/images/overview_bg_01.jpg');
}
#oview .eco-system .stepWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2;
}
#oview .eco-step {
    position: relative;
    min-width: 200px;
}
#oview .eco-step > p.step {
    margin-bottom: .5rem;
    font-weight: 600;
    font-size: .875rem;
}
#oview .eco-step > p.text-giored {
    margin-top: 1rem;
    font-weight:900;
}
#oview .eco-system .stepWrap .eco-arrow {
    color: var(--gio-red);
}
#oview .eco-step div[class="ico"] {
    width: 100%;
    height: 4rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}
#oview .eco-step:nth-child(1) .ico {
    background-image: url('../html/about/images/overview_ico_01.png');
}
#oview .eco-step:nth-child(3) .ico {
    background-image: url('../html/about/images/overview_ico_02.png');
}
#oview .eco-step:nth-child(5) .ico {
    background-image: url('../html/about/images/overview_ico_03.png');
}
#oview .eco-step:nth-child(7) .ico {
    background-image: url('../html/about/images/overview_ico_04.png');
}
#oview .eco-step:nth-child(9) .ico {
    background-image: url('../html/about/images/overview_ico_05.png');
}
.overView {
    margin-top: -150px;
    padding-top: 6rem;
    width: 100%;
    background-image: url('../html/about/images/overview_bg_02.png');
    background-repeat: no-repeat;
    min-height: 695px;
    background-size: cover;
}
.overView .bg {
    background-repeat: no-repeat;
    background-size: cover;
}
.overView .gn_card:nth-child(2) > .bg.ratio-4x5 {
    background-image: url('../html/about/images/overview_bg_03.png');

}
.overView .gn_card:nth-child(3) > .bg.ratio-4x5 {
    background-image: url('../html/about/images/overview_bg_04.png');

}

@media (min-width:1400px) {
    #oview .eco-system.p-xl-5 {
        padding: 4rem !important;
        padding-bottom: 5rem !important;
    }
}
@media (min-width:1600px) {
    #oview div.ps-xxl-5 {
        padding-left: 4rem !important;
    }
}
@media (max-width: 1200px) {
    #oview .eco-system {
        padding: 1.5rem;
    }
    #oview .eco-system .stepWrap {
        flex-direction: column;
        flex-wrap: wrap;
    }
    #oview .eco-system .stepWrap .eco-arrow {
        transform: rotate(90deg);
        padding: .5rem;
    }
    .overView br {
        display: none;
    }
}
/* About > Overview E */

/* Products > Line Up S*/
#lineup .ico {
    margin-bottom: 3rem;
    aspect-ratio: 1 / 1;
    width: 7.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}
#lineup .ico.g79 {
    background-image: url('../html/products/images/lineup_ico_01.png');
}
#lineup .ico.g77 {
    background-image: url('../html/products/images/lineup_ico_02.png');
}
#lineup .ico.g78 {
    background-image: url('../html/products/images/lineup_ico_03.png');
}
#lineup .item {
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    color: #fff;
}
#lineup .item > *:last-child{
    margin-top: auto;
    background-color: #fff;
    font-weight: 500;
}
@media (min-width: 1600px) {
    #lineup .item {
        padding: 3rem;
    }
    #lineup .ico {
        margin-bottom: 130px;
    }
}
/* Products > Line Up E*/


/* Contact > contact us S */
#location dl > * {
    display: inline-block;
}
#location dl:not(:last-child) {
    margin-bottom: 1rem;
}
#location dt {
    margin-right: 1rem;
}
@media (min-width: 1400px) {
    #location dl > * {
        display: block;    
    }   
}
@media (max-width: 576px) {
    #location dt {
        min-width: 4rem;
    }
}
@media (min-width: 992px) {
    .azen.container-xxl > #location > section {
        margin-bottom: 6rem;
    }
}
@media (min-width: 1600px) {
    #location .border-top.pt-5 {
        padding-top: 3.75rem !important;
    }
}
@media (max-width : 1200px) {
    #location .sec01 .display-2 br {
        display: none;
    }
}
/* Contact > contact us E */