body { font-family: "brown", Noto Sans KR, "돋움", Dotum, "굴림", Gulim, Helvetica, sans-serif; }

.bi-section1.bi-visual-main .bi-section1-img {
    background: url(/resources/brandassets/images/bi/bi-section1-img-new.png) no-repeat center / cover;
}
.bi-section1.bi-visual-main {
    padding-top: 150px;
}
.bi-section1.bi-visual-main .bi-title {
    padding-left: 0px;
	margin-bottom: 120px;
	font-size: 10px;
	font-weight: bold;
}
.main-logo {
    width: 196px;
    height: 31px;
    background: url(/resources/images/common/main-logo.png) no-repeat 100% / cover;
}

.header-nav > ul > li > a {
    display: flex;
    justify-content: center;
    font-size: 15px;
    color: #000;
    transition: .5s;
    position: relative;
}

.section-title {
    text-align: center;
    margin-bottom: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	border-bottom: 1px solid #e0e0e0;
}
.section-title > p {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}

.summit-intro{
    display:grid;
    grid-template-columns:repeat(2,1fr);
	margin-top: 130px;
	margin-bottom: 130px;
	overflow: hidden;
}

.summit-intro .item{
    position:relative;
    min-height:520px;
}

.summit-intro .image-box{
    overflow:hidden;
}

.summit-intro .image-box img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.summit-intro .text-box{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    background:#fff;
}

.summit-intro .text-box .inner{
    width:72%;
}

.summit-intro .en{
    display:block;
    font-size: 40px;
    font-weight:500;
    letter-spacing:-1px;
    margin-bottom:18px;
}

.summit-intro h2{
    font-size:31px;
    font-weight:400;
    line-height:1.4;
    margin-bottom:130px;
}

.summit-intro h2 strong{
    font-weight:700;
}

.summit-intro p{
    font-size:16px;
    line-height:26px;
    color:#1A1A1A;
    margin-bottom:30px;
	font-weight: 500;
}

.summit-intro .text-center{
    display:flex;
    justify-content:center;
    align-items:center;
    background:#F7F7F7;
    text-align:center;
}

.summit-intro .text-center .inner{
    width:75%;
}

.summit-intro .text-center h3{
    font-size:31px;
    font-weight:500;
    margin-bottom:40px;
    color:#222;
}

.summit-intro .text-center p{
    margin-bottom:30px;
}

/* 반응형 */

@media(max-width:1024px){

    .summit-intro{
        grid-template-columns:1fr;
    }

    .summit-intro .item{
        min-height:auto;
    }

    .summit-intro .image-box{
        height:420px;
    }

    .summit-intro .text-box,
    .summit-intro .text-center{
        padding:80px 30px;
    }

    .summit-intro .text-box .inner,
    .summit-intro .text-center .inner{
        width:100%;
    }

    .summit-intro .en{
        font-size:30px;
    }

    .summit-intro h2{
        font-size:32px;
        margin-bottom:50px;
    }

    .summit-intro h3{
        font-size:30px;
        margin-bottom:40px;
    }

    .summit-intro p{
        font-size:15px;
        line-height:1.9;
    }

}

.summit-value{
    max-width: 1654px;
    margin: 120px auto;
	overflow: hidden;
}

.summit-value-cont{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.value-item{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    min-height: 760px;
    padding:70px;
}

.value-item.light{
    background:#EEEAE6;
}

.value-item.white{
    background:#F8F8F8;
}

.value-item.dark{
    background:#393939;
    color:#fff;
}

.value-item.dark p{
    color:#d2d2d2;
}

.value-item .eng{
    display:block;
    font-size:19px;
    letter-spacing:2px;
    line-height:1.1;
    margin-bottom:24px;
    font-weight:500;
}

.value-item h3{
    font-size:19px;
    font-weight:500;
    margin-bottom:24px;
}

.value-item p{
    font-size:14px;
	font-weight: 400;
    line-height:1.7;
    color:#1A1A1A;
}

.value-item .thumb{
    text-align:center;
}

.value-item .thumb img{
    display:block;
    width:100%;
    height:auto;
}

.value-item.light .thumb{
    width:72%;
    margin:0px auto 0;
}

.value-item.white .thumb{
    width:72%;
    margin:20px auto;
}

.value-item.dark .thumb{
    width:72%;
    margin:0px auto 0;
}

.value-item.white .bottom{
    margin-top:50px;
}

/* 모바일 */

@media (max-width:1024px){

    .summit-value{
        grid-template-columns:1fr;
        gap:30px;
        padding:20px;
    }

    .value-item{
        min-height:auto;
        padding:50px 35px;
    }

    .value-item .eng{
        font-size:18px;
        margin-bottom:30px;
    }

    .value-item h3{
        font-size:30px;
        margin-bottom:30px;
    }

    .value-item p{
        font-size:15px;
        line-height:1.8;
    }

    .value-item .thumb{
        width:100%!important;
        margin-top:50px;
    }

}