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="dim"></div> -->
<div class="body">
<h1 class="gtit">팝업</h1>
<!--popup:기본 팝업 -->
<button type="button" class="btn" onclick="popupOpen('default-popup')">기본팝업 구조</button><!--***접근성이슈**** [팝업오픈] 접근성이슈로 this 인수 전달 -->
<div class="popup" data-popup="default-popup">
<div class="pop-header">
<h1>팝업 타이틀</h1>
</div>
<div class="pop-body">
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
내용내용<Br />
</div>
<div class="pop-footer">
<div class="btn-flex-cont">
<button type="button" class="btn spot2" onclick="popupClose('default-popup')">적용</button>
</div>
</div>
<button type="button" class="pop-close"><span class="txt-hide">팝업닫기</span></button>
</div>
</div>
<div class="dim"></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>