File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<!DOCTYPE html>
<html lang="ko">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<link href="../../../resources/manage/css/style.css" rel="stylesheet" />
<style type="text/css">
.body {
padding: 0 50px;
}
.body > h1 {
margin: 80px 0 20px;
font-size: 24px;
font-weight: 500;
}
.body > .gtit {
font-weight: 600;
font-size: 40px;
border-bottom: 1px solid #111;
padding-bottom: 30px;
}
</style>
</head>
<body>
<div class="body">
<h1 class="gtit">버튼</h1>
<h1>기본버튼 btn</h1>
<div class="btn-cont">
<a href="#none" class="btn">버튼</a>
<a href="#none" class="btn spot">버튼 spot</a>
<a href="#none" class="btn spot2">버튼 spot2</a>
<a href="#none" class="btn spot3">버튼 spot3</a>
</div>
<h1>작은버튼 btn-sm</h1>
<div class="btn-cont">
<a href="#none" class="btn-sm">버튼</a>
<a href="#none" class="btn-sm spot">버튼sm spot</a>
<a href="#none" class="btn-sm spot2">버튼sm spot2</a>
<a href="#none" class="btn-sm spot3">버튼sm spot3</a>
</div>
<h1>큰버튼 btn-lg</h1>
<div class="btn-cont">
<a href="#none" class="btn-lg">버튼</a>
<a href="#none" class="btn-lg spot">버튼 spot</a>
<a href="#none" class="btn-lg spot2">버튼lg spot2</a>
<a href="#none" class="btn-lg spot3">버튼lg spot3</a>
</div>
<h1>disabled</h1>
<div class="btn-cont">
<button type="button" class="btn" disabled>버튼</button>
<button type="button" class="btn spot" disabled>버튼 spot</button>
<button type="button" class="btn spot2" disabled>버튼 spot2</button>
<button type="button" class="btn spot3" disabled>버튼 spot3</button>
</div>
<h1>btn-ico-lg</h1>
<div class="btn-cont">
<button type="button" class="btn-ico-lg"><i class="ico-down"></i><span class="txt-hide">다운로드</span></button>
<button type="button" class="btn-ico-lg"><i class="ico-share"></i><span class="txt-hide">공유</span></button>
<button type="button" class="btn-ico-lg btn-like"><i class="ico-like"></i><span class="txt-hide">찜</span></button>
<button type="button" class="btn-ico-lg btn-like is-active"><i class="ico-like"></i><span class="txt-hide">찜</span></button>
<button type="button" class="btn-ico-lg round"><i class="ico-edit"></i><span class="txt-hide">수정</span></button>
<button type="button" class="btn-ico-lg round spot"><i class="ico-edit spot"></i><span class="txt-hide">수정</span></button>
<button type="button" class="btn-ico-lg round spot2"><i class="ico-edit wh"></i><span class="txt-hide">수정</span></button>
<button type="button" class="btn-ico-lg round bk"><i class="ico-zoom-in wh"></i><span class="txt-hide">확대</span></button>
<button type="button" class="btn-ico-lg btn-like round bk"><i class="ico-like wh"></i><span class="txt-hide">찜</span></button>
<button type="button" class="btn-ico-lg btn-like round bk is-active"><i class="ico-like wh"></i><span class="txt-hide">찜</span></button>
</div>
<h1>btn-ico</h1>
<div class="btn-cont">
<button type="button" class="btn-ico"><i class="ico-sm-edit"></i><span class="txt-hide">수정</span></button>
<button type="button" class="btn-ico btn-like"><i class="ico-sm-like"></i><span class="txt-hide">찜</span></button>
<button type="button" class="btn-ico btn-like is-active"><i class="ico-sm-like"></i><span class="txt-hide">찜</span></button>
<button type="button" class="btn-ico round"><i class="ico-sm-edit"></i><span class="txt-hide">수정</span></button>
<button type="button" class="btn-ico round spot"><i class="ico-sm-edit spot"></i><span class="txt-hide">수정</span></button>
<button type="button" class="btn-ico round spot2"><i class="ico-sm-edit wh"></i><span class="txt-hide">수정</span></button>
<button type="button" class="btn-ico round bk"><i class="ico-sm-zoom-in wh"></i><span class="txt-hide">확대</span></button>
<button type="button" class="btn-ico btn-like round bk"><i class="ico-sm-like wh"></i><span class="txt-hide">찜</span></button>
<button type="button" class="btn-ico btn-like round bk is-active"><i class="ico-sm-like wh"></i><span class="txt-hide">찜</span></button>
</div>
<h1>btn-ico-sm</h1>
<div class="btn-cont">
<button type="button" class="btn-ico-sm"><i class="ico-sm-edit"></i><span class="txt-hide">수정</span></button>
<button type="button" class="btn-ico-sm btn-like"><i class="ico-sm-like"></i><span class="txt-hide">찜</span></button>
<button type="button" class="btn-ico-sm btn-like is-active"><i class="ico-sm-like"></i><span class="txt-hide">찜</span></button>
<button type="button" class="btn-ico-sm round"><i class="ico-sm-edit"></i><span class="txt-hide">수정</span></button>
<button type="button" class="btn-ico-sm round spot"><i class="ico-sm-edit spot"></i><span class="txt-hide">수정</span></button>
<button type="button" class="btn-ico-sm round spot2"><i class="ico-sm-edit wh"></i><span class="txt-hide">수정</span></button>
<button type="button" class="btn-ico-sm round bk"><i class="ico-sm-zoom-in wh"></i><span class="txt-hide">확대</span></button>
<button type="button" class="btn-ico-sm btn-like round bk"><i class="ico-sm-like wh"></i><span class="txt-hide">찜</span></button>
<button type="button" class="btn-ico-sm btn-like round bk is-active"><i class="ico-sm-like wh"></i><span class="txt-hide">찜</span></button>
</div>
<h1>ico btn</h1>
<div class="btn-cont" style="padding-bottom:100px">
<a href="#none" class="ico-like"><span class="txt-hide">찜한 콘텐츠</span></a>
<a href="#none" class="ico-user"><span class="txt-hide">마이페이지</span></a>
<button type="button" class="btn-like ico-like"><span class="txt-hide">찜</span></button>
<button type="button" class="btn-like ico-like is-active"><span class="txt-hide">찜</span></button>
</div>
<h1>ico-sm btn</h1>
<div class="btn-cont" style="padding-bottom:100px">
<button type="button" class="ico-sm-plus"><span class="txt-hide">추가</span></button>
<button type="button" class="ico-sm-edit"><span class="txt-hide">수정</span></button>
<button type="button" class="ico-sm-trash"><span class="txt-hide">삭제</span></button>
<button type="button" class="btn-like ico-sm-like"><span class="txt-hide">찜</span></button>
<button type="button" class="btn-like ico-sm-like is-active"><span class="txt-hide">찜</span></button>
</div>
</div>
<script src="../../../resources/manage/js/jquery-3.6.0.min.js"></script>
<!--퍼블 layout-->
<script src="../../../resources/manage/js/_layout.js"></script>
<script src="../../../resources/manage/js/jquery-ui.min.js"></script>
<script src="../../../resources/manage/js/jquery.easing.1.3.js"></script>
<script src="../../../resources/manage/js/ssm.min.js"></script>
<script src="../../../resources/manage/js/swiper-bundle.js"></script>
<script src="../../../resources/manage/js/common.js"></script>
</body>
</html>