html css 레이아웃 구성하기2

@charset 'UTF-8';


/* layout */

.b-wrapper {
    width: 100%;
    background-color: #fff;

}



/* header */
.b-header {
    box-shadow: 0 10px 10px rgba(100,100,100,.3);
}

.b-header .inner-box {
    width: 1780px;
    margin: 0 auto;
}

.b-header .inner-box .h-top{
    height: 70px;
    background-color: chartreuse;
}

.b-header .inner-box .h-bt{
    height: 90px;
    background-color: #fc0;
}
/* main */

.b-main .inner-box {
    width: 1780px;
    margin: 0 auto;
}

/* main section */

.sec1 {
    height: 500px;
    background-color: rgb(26, 177, 106);
}

.sec2,
.sec3,
.sec4,
.sec5 {
    width: 1600px;
    margin: 0 auto;
}

.sec2 {
    height: 779px;
    background-color: aqua;
}

.sec3 {
    height: 379px;
    background-color: springgreen;
}

.sec4 {
    height: 620px;
    background-color: #fc0;
}

.sec5 {
    height: 339px;
    background-color: beige;
}


/* footer */
.b-footer {
    height: 386px;
    border-top: 1px solid #e4e4e4;
}

.b-footer .inner-box {
    width: 1600px;
    margin: 0 auto;

}

.b-footer .inner-box .f-top{
    border-bottom: 1px solid #e4e4e4;
    background-color: #fc0;
    height: 144px;
}

.b-footer .inner-box .f-bt{
    height: 244px;
    background-color: antiquewhite;


}