@charset "utf-8";


.section {
    width: 100%;
}

.pre_diet {
    background: url(../image/brand_back01.png) center no-repeat;
    height: 980px;
    width: 100%;
    min-height: 1024px;
    overflow: hidden;
    margin: -20px auto;
    float: left;
}

.pre_diet > div {
    width: 1024px;
    height: 10px;
    margin: auto;

}

.pre_diet > div > h3 {
    text-align: left;
    margin: 180px auto 0;
    color: #fff;
    font-size: 22px;
}

.pre_diet > div > img {
    float: left;
    transform: scale(0.8);
    margin-left: -3.2%;
}

.pre_li {
    margin: 260px auto 0;
    height: 400px;
    width: 1024px;
}

.pre_li > li {
    width: 295px;
    text-align: left;
    padding-right: 69.5px;
}

.pre_li > li > img {
    float: left;
    margin: 0 260px 5px 0;
    transform: scale(0.9)
}

.pre_li > li > h3 {
    float: left;
}

.pre_li > li > p {
    float: left;
    text-align: left;
    padding-top: 15px;
    font: normal 15px/25px 'Noto Sans KR';
    color: #8c8c8c;
}

.pre_li > li:nth-child(2) {
    padding-top: 10%;
}

.pre_li > li:nth-child(3) {
    padding-top: 20%;
    padding-right: 0;
}

.see_btn01 {
    transform: scale(0.9);
    padding-top: 70px;
    margin: auto;
    cursor: pointer;
}

.sci_diet {
    background: url(../image/brand_back02.png) center no-repeat;
    height: 1200px;
    width: 100%;
    min-width: 1024px;
    overflow: hidden;
}

.sci_diet > div {
    margin-top: 280px;
    width: 1024px;
    margin: 250px auto 0;

}

.sci_diet > div > h3 {
    width: 1024px;
    text-align: right;
    color: #fff;
    font: 500 23px/15px 'Roboto';
}

.sci_diet > div > img {
    float: right;
    margin: 10px -29px 0px;
    transform: scale(0.8);
}

.sci_li {
    width: 1024px;
    height: 450px;
    margin: auto;
    padding-top: 250px;
}

.sci_li > li {
    width: 450px;
    text-align: left;
    margin: auto;
    padding: 31px;
}

.brand_mini {
    padding: 20px 12px 0;
    float: left;
    transform: scale(0.9);
}

.num {
    float: left;
    margin: 0 230px 5px 0;
    transform: scale(0.9);
}

.sci_li > li > h3 {
    float: left;
}

.sci_li > li > p {
    width: 315px;
    float: left;
    text-align: left;
    padding-top: 15px;
    font: normal 15px/25px 'Noto Sans KR';
    color: #8c8c8c;
}

.see_btn02 {
    transform: scale(0.9);
    margin: 40px auto 0;
    cursor: pointer;
}