<main role="main" class="container">
    <div id="main_left">

      <div id="banner_wrap"></div>

      <div id="news_wrap">
        <div class="news_header">
          <h2>뉴스스탠드</h2>
          <div class="news_btn_wrap">
            <button class="setting_1"></button>
            <button class="setting_2"></button>
            <button class="setting_3"></button>
          </div>
        </div>

        <ul class="news_lists">
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
          <li class="news_list">
            <img src="http://via.placeholder.com/42x20">
          </li>
        </ul>
      </div>
* {
  margin: 0;
  padding: 0;

  box-sizing: border-box;
}

ol, ul {
  list-style: none;
}

a {
  text-decoration: none;
  color: #000000;
}

img {
  vertical-align: middle;
}

button {
  border: none;
}

input, textarea {
  outline: none;
}

.clearfix {
  clear: both;
}

.container {
  width: 1130px;
  margin: 0 auto;
} 


/* main - news */
main {
  overflow: hidden; 
  padding-top: 20px;
}

main #main_left {
  float: left;
  width: 750px;
  /*height: 2000px;*/
  /*background-color: yellow;*/
}

main #main_right {
  float: right;
  width: 350px;
  height: 2000px;
  background-color: lightpink;
}

main #banner_wrap {
  width: 750px;
  height: 135px;
  background-color: lightgray;

  margin-bottom: 12px;
}

main #news_wrap .news_header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;

  padding: 22px 0 16px 0;
}

main #news_wrap .news_header h2 {
  font-size: 14px;
  font-weight: 700px;
}

main #news_wrap .news_header .news_btn_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;

  width: 60px;
}

main #news_wrap .news_header .news_btn_wrap button {
  width: 15px;
  height: 15px;
  background-color: dimgray;
}

main #news_wrap .news_lists {
  overflow: hidden;
  border: solid 1px #dae1e6;
  border-bottom: none;
}

main #news_wrap .news_lists .news_list {
  position: relative;
  float: left;

  width: 16.66%;
  height: 65px;
  background-color: white;

  border-bottom: solid 1px #e4e8eb;
  border-right: solid 1px #e4e8eb;

  text-align: center;
}

main #news_wrap .news_lists .news_list img {
  position: relative;

  top: 50%;
  transform: translateY(-50%);
}

main #news_wrap .news_lists .news_list:nth-child(6n) {
  border-right: none;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.