<footer id="webtoon_footer">
<div class="webtoon_container">
<div class="webtoon_footer_wrap">
<div class="webtoon_footer_left">
<ul>
<li><a href="#">이용약관</a></li>
<li><a href="#">이용약관</a></li>
<li><a href="#">이용약관</a></li>
<li><a href="#">이용약관</a></li>
<li><a href="#">이용약관</a></li>
</ul>
<span>© NAVER Corp. </span>
</div>
<div class="webtoon_footer_right">
<ul>
<li><a href="#">이용약관</a></li>
<li><a href="#">이용약관</a></li>
<li><a href="#">이용약관</a></li>
<li><a href="#">이용약관</a></li>
<li><a href="#">이용약관</a></li>
</ul>
<span>© NAVER WEBTOON Ltd.
</span>
</div>
</div>
<p class="webtoon_footer_paragraph">
본 콘텐츠의 저작권은 저자 또는 제공처에 있으며, 이를 무단 이용하는 경우 저작권법 등에 따라 법적 책임을 질 수 있습니다.
</p>
</div>
</footer>
* {
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;
}
/* webtoon */
.webtoon_container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 960px;
margin: 0 auto;
}
/* webtoon - footer */
#webtoon_footer {
padding-bottom: 78px;
font-size: 12px;
}
#webtoon_footer .webtoon_container {
border-top: solid 1px #e6e7e8;
padding-top: 40px;
}
#webtoon_footer .webtoon_footer_wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 960px;
margin-bottom: 32px;
}
#webtoon_footer .webtoon_footer_wrap .webtoon_footer_left,
#webtoon_footer .webtoon_footer_wrap .webtoon_footer_right {
width: 50%;
padding-left: 25px;
}
#webtoon_footer .webtoon_footer_wrap .webtoon_footer_right {
border-left: solid 1px grey;
}
#webtoon_footer .webtoon_footer_wrap ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 8px;
}
#webtoon_footer .webtoon_footer_wrap ul li:before {
display: inline-block;
content: "";
width: 1px;
height: 11px;
background-color: #d9d9d9;
vertical-align: -1px;
margin: 0 8px;
}
#webtoon_footer .webtoon_footer_wrap ul li:first-child:before {
content: initial;
}
#webtoon_footer .webtoon_footer_left span {
text-transform: uppercase;
}
#webtoon_footer .webtoon_footer_paragraph {
padding-left: 25px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.