홈페이지 하단 메뉴 스타일 예시
페이지 정보
작성자 운영자쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 111회 작성일 24-05-14 11:25본문
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
<style>
.footer {clear:both; width:100%; padding:65px 0; background:#263151; position:relative; z-index:0;}
.footer .footer-cont {float:left; width:62.5%;}
/* 푸터 내용 - 푸터 메뉴 */
.footer .footer-cont ul.footer-menu {width:100%; margin-bottom:30px; overflow:hidden;}
.footer .footer-cont ul.footer-menu li {float:left; width:auto; height:20px; font-size:0; line-height:20px;}
.footer .footer-cont ul.footer-menu li:last-child:after {display:none;}
.footer .footer-cont ul.footer-menu li:after {content:'|'; display:inline-block; margin:0 15px; font-size:14px; color:#686f86; vertical-align:top;}
.footer .footer-cont ul.footer-menu li a {display:inline-block; font-size:16px; color:#898e9e; line-height:20px; font-weight:300;}
.footer .footer-cont ul.footer-menu li a:hover {color:#eaeaea}
@media only screen and (max-width:1024px) {
.footer .footer-cont {clear:both; float:none; width:100%;}
.footer .footer-cont ul.footer-menu {margin-bottom:20px;}
.footer .footer-cont ul.footer-menu li {width:32.666666666666666666666666666667%; height:auto; margin-bottom:10px; text-align:center;}
.footer .footer-cont ul.footer-menu li:after {display:none;}
.footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 1%;}
.footer .footer-cont ul.footer-menu li a {display:block; line-height:40px; color:#9aa0b5; background:#36446d;}
}
@media only screen and (max-width:850px) {
.en .footer .footer-cont ul.footer-menu li a {font-size:14px;}
}
@media only screen and (max-width:767px) {
.footer .footer-cont ul.footer-menu {margin-bottom:10px;}
.footer .footer-cont ul.footer-menu li {margin-bottom:5px;}
.en .footer .footer-cont ul.footer-menu li {width:100%;}
.en .footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 0 5px;}
.footer .footer-cont ul.footer-menu li a {font-size:14px; letter-spacing:-0.5px; font-weight:300;}
}
@media only screen and (max-width:500px) {
.footer .footer-cont ul.footer-menu li {width:100%;}
.footer .footer-cont ul.footer-menu li:nth-child(2) {margin:0 0 5px;}
}
</style>
</head>
<body>
<div id="footer" class="footer">
<div class="footer-cont">
<ul class="footer-menu">
<li><a href="/kor/sub/website_condition.html">웹사이트이용약관</a></li>
<li><a href="/kor/sub/privacy_policy.html">개인정보처리방침</a></li>
<li><a href="/kor/sub/uncollection_email.html">이메일무단수집거부</a></li>
<li><a href="/kor/sub/ethical_management.html">윤리경영</a></li>
</ul>
</div>
</div>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.