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">
</head>
<body>
<div class="accessibility">
<a href="#skipToContents">콘텐츠 바로가기</a>
</div>
<header class="site-header"></header>
<div class="site-body" id="skipToContents">
<div class="lnb-area"></div>
<div class="container">
<div class="contents">
<div class="tit-area">
<div class="l-area">
<h2 class="tit">타이틀</h2>
</div>
</div>
<div class="write-type">
<table>
<caption>~ 입력으로 ~로 구성되어있습니다.</caption>
<colgroup>
<col style="width:250px">
<col>
</colgroup>
<tbody>
<tr>
<th scope="row">셀렉트 유형 <i class="required">*<span class="txt-hide" >필수</span></i></th>
<td>
<div class="selectbox">
<select title="셀렉트 타이틀">
<option>셀렉트 길이는 텍스트 길이에 따라서</option>
</select>
</div>
</td>
</tr>
<tr>
<th scope="row">셀렉트 + 인풋 유형 <i class="required">*<span class="txt-hide">필수</span></i></th>
<td>
<div class="selectbox">
<select title="셀렉트 타이틀1 선택">
<option>선택1</option>
</select>
</div>
<div class="selectbox">
<select title="셀렉트 타이틀2 선택">
<option>선택2</option>
</select>
</div>
<input type="text" title="인풋박스 선택">
</td>
</tr>
<tr>
<th scope="row">인풋 짧은 숫자용 인풋 짧은 숫자용</th>
<td>
<label><input type="number" title="인풋박스" class="q0"> 호선</label>
<label><input type="number" title="인풋박스" class="q0"> 방향</label>
</td>
</tr>
<tr>
<th scope="row">인풋 q1</th>
<td>
<input type="text" title="인풋박스" class="q1">
<input type="text" title="인풋박스" class="q1">
<input type="text" title="인풋박스" class="q1">
<input type="text" title="인풋박스" class="q1">
</td>
</tr>
<tr>
<th scope="row">인풋 q2</th>
<td>
<input type="text" title="인풋박스" class="q2">
<input type="text" title="인풋박스" class="q2">
</td>
</tr>
<tr>
<th scope="row">인풋 q3</th>
<td>
<input type="text" title="인풋박스" class="q3">
</td>
</tr>
<tr>
<th scope="row">인풋 q4</th>
<td>
<input type="text" title="인풋박스" class="q4">
</td>
</tr>
<tr>
<th scope="row">인풋 체크박스 <i class="required">*<span class="txt-hide">필수</span></i></th>
<td>
<div class="checkradio">
<input type="checkbox" id="c1" checked>
<label for="c1">체크박스1</label>
</div>
<div class="checkradio">
<input type="checkbox" id="c2">
<label for="c2">체크박스2</label>
</div>
</td>
</tr>
<tr>
<th scope="row">인풋 라디오 <i class="required">*<span class="txt-hide">필수</span></i></th>
<td>
<div class="checkradio">
<input type="radio" name="radio" id="r1" checked>
<label for="r1">라디오1</label>
</div>
<div class="checkradio">
<input type="radio" name="radio" id="r2">
<label for="r2">라디오1</label>
</div>
</td>
</tr>
<tr>
<th scope="row">보조텍스트 <i class="required">*<span class="txt-hide">필수</span></i></th>
<td>
<input type="text" title="인풋박스" class="q2">
<p class="msg"><em>보조텍스트</em> 입력하는 영역 16px</p>
</td>
</tr>
<tr>
<th scope="row">주소 <i class="required">*<span class="txt-hide">필수</span></i></th>
<td>
<input type="text" title="우편번호 입력" class="q0">
<button type="button" class="btn">우편번호</button>
<input type="text" title="주소 입력" class="q3 block">
<input type="text" title="상세주소 입력" class="q3 block">
</td>
</tr>
<tr>
<th>전화번호</th>
<td>
<input type="text" title="전화번호1" class="q0">
</td>
</tr>
<tr>
<th>전화번호</th>
<td>
<input type="text" title="전화번호1" class="q0">
<input type="text" title="전화번호2" class="q0">
<input type="text" title="전화번호3" class="q0">
</td>
</tr>
<tr>
<th>파일첨부</th>
<td>
<div class="file-add-txt-area">
<div class="file-custom">
<input type="file" class="input-file">
<button type="button" class="btn">파일 찾기</button>
<input type="text" placeholder="파일로 콘텐츠를 추가해주세요."
readonly>
</div>
<button class="btn">삭제</button>
</div>
<ul class="file-list">
<li><a href="#none"><span>첨부파일.PDF</span><span>2,000 KB</span></a><button class="btn-close sm"><span class="txt-hide">삭제</span></button></li>
<li><a href="#none"><span>첨부파일.PDF</span><span>2,000 KB</span></a><button class="btn-close sm"><span class="txt-hide">삭제</span></button></li>
</ul>
</td>
</tr>
<tr>
<th>파일첨부(이미지)</th>
<td>
<div class="file-add-area">
<div class="file-custom">
<input type="file" class="input-file">
<div class="preview-area">
<img src="../../../resources/manage/image/temp/thumb1.jpg" alt="미리보기">
</div>
</div>
<div class="item-area">
<div class="item">
<p class="txt">섬네일 이미지.jpg</p>
<button type="button" class="ico-sm-close"><span class="txt-hide">삭제</span></button>
</div>
<small>* 권장 사이즈 : 480x270px</small>
</div>
</div>
</td>
</tr>
<tr>
<th>파일첨부(이미지)</th>
<td>
<ul class="preview-list">
<li>
<div class="preview-area">
<img src="../../../resources/manage/image/temp/thumb1.jpg" alt="미리보기">
</div>
<div class="txt-area">
<p>썸네일미리보기1</p>
<button class="btn-sm spot">선택</button>
</div>
</li>
<li>
<div class="preview-area">
<img src="../../../resources/manage/image/temp/thumb1.jpg" alt="미리보기">
</div>
<div class="txt-area">
<p>썸네일미리보기1</p>
<button class="btn-sm spot">선택</button>
</div>
</li>
</ul>
</td>
</tr>
<tr>
<th>URL 추가</th>
<td>
<div class="url-add-area">
<label>
<input type="text" placeholder="URL로 콘텐츠를 추가해주세요.">
</label>
<button class="btn">추가</button>
</div>
</td>
</tr>
<!-- <tr>
<th>기간입력</th>
<td>
<label class="datepicker-box"><input type="text" class="datepicker" title="기간입력"></label><span> - </span>
<label class="datepicker-box"><input type="text" class="datepicker" title="기간입력"></label>
</td>
</tr> -->
</tbody>
</table>
</div>
<div class="btn-cont">
<button type="submit" class="btn-lg spot2">확인</button>
<button type="submit" class="btn-lg">취소</button>
</div>
<div class="btn-flex-cont">
<div class="l-area">
<button type="submit" class="btn-lg">목록</button>
</div>
<div class="r-area">
<button type="submit" class="btn-lg spot2">확인</button>
<button type="submit" class="btn-lg">취소</button>
</div>
</div>
</div>
<!-- site-footer -->
<footer class="site-footer"></footer><!-- //site-footer --><!-- //contents -->
</div><!-- //container -->
</div><!-- //site-body -->
<!--popup-->
<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>