*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
.header{
	background: #eee;
	padding: 20px;
	position: sticky;
    top: 0;
	z-index: 99;
}
.header img{
	height: 60px;
}
.sec{
	margin-top: 100px;
}
.inner{
    margin: 100px auto 0;
    width: 1140px;
}
.contents_item{
    display: flex;
    justify-content: space-between;
}
.contents_item + .contents_item{
    margin-top: 60px;
}
.contents_item_title{
    width: 36%;
}
.contents_item_title h2{
    position: sticky;
    top: 120px;
}
.contents_item_text{
    background: #eee;
    height: 600px;
    padding: 40px;
    width: 60%;
}
.flex_container{
    display: flex;
    justify-content: space-between;
    margin: 100px auto 0;
    width: 1140px;
}
.main_contents{
    background: #FEF968;
    height: 2000px;
    padding: 40px;
    width: 60%;
}
.sidebar{
    background: #01B8BE;
    padding: 40px;
    width: 36%;
}
.sidebar_box{
    background: #fff;
    padding: 20px;
    height: 100px;
}
.sidebar_box + .sidebar_box{
    margin-top: 20px;
}
.sticky_banner{
    background: #FEF968;
    height: 200px;
    position: sticky;
    top: 120px;
}
.sticky_img{
	height: auto;
	position: sticky;
	top: 106px;
	width: 100%;
}
.sticky_footer{
    background: #FEF968;
    bottom: 0;
    margin-top: 60px;
    padding: 40px;
    position: sticky;
}
.scroll_area{
	background: #ccc;
	margin-top: 60px;
	height: 1000px;
	padding: 40px;
}