form-테이블 검색 그룹
<![CDATA[
<div class="comSearchGroup">
<div class="searchArea">
<ul class="searchGroup">
<li class="schItem mgtype01">
<h5 class="schtit">지역</h5>
<ul class="kewordSch">
<li class="unit wdthS"> <!-- wdtS : 가로 Small -->
<select title="지역 선택">
<option>전체</option>
</select>
</li>
<li class="unit wdthS">
<select title="지역 선택">
<option>전체</option>
</select>
</li>
</ul>
</li>
<li class="schItem">
<h5 class="schtit">구분</h5>
<ul class="checkGroup">
<li class="checkItem">
<input type="checkbox" id="check101" name="check01">
<label for="check101">동영상</label>
</li>
<li class="checkItem">
<input type="checkbox" id="check102" name="check01">
<label for="check102">SNS</label>
</li>
<li class="checkItem">
<input type="checkbox" id="check103" name="check01">
<label for="check103">사진</label>
</li>
</ul>
</li>
<li class="schItem">
<h5 class="schtit">검색</h5>
<ul class="kewordSch">
<li class="unit wdthS">
<select title="검색 기준 선택">
<option>제목</option>
</select>
</li>
<li class="unit wdthL"> <!-- wdtL : 가로 Large -->
<input type="text" placeholder="검색어를 입력해주세요." title="검색어 입력"/>
</li>
<li class="unit">
<button type="button" class="btn search">검색</button>
</li>
</ul>
</li>
</ul>
</div>
</div>
]]>
form-테이블, 가입 등 입력 폼
<![CDATA[
<div class="comFormGroup">
<div class="formWrap">
<ul class="formGroup">
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span>이름
</dt>
<dd class="formCont">
<div class="basicTxt">홍길동</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span> 분야
</dt>
<dd class="formCont">
<div class="iptWrap wdtS">
<select title="분야 선택">
<option>선택</option>
</select>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span> 체력인증센터
</dt>
<dd class="formCont">
<div class="iptWrap wdtS">
<select title="시 지역 선택">
<option>지역</option>
</select>
</div>
<div class="iptWrap wdtM">
<select title="구 지역 선택">
<option>전체</option>
</select>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span> 상담제목
</dt>
<dd class="formCont">
<div class="iptWrap full">
<input type="text" title="상담 제목 입력"/>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span> 요청 처방사
</dt>
<dd class="formCont">
<div class="iptWrap wdtL">
<input type="text" title="요청 처방사"/>
<button type="button" class="btn formBtn blue check" onclick="openPopup('sample01')">처방사선택</button>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">첨부파일</dt>
<dd class="formCont">
<div class="iptFileGroup">
<div class="iptFile">
<input type="file" class="inlineFile" id="file001" multiple/>
<label for="file001" class="fileBtn">파일선택</label>
<input type="text" class="fileNameIpt" readonly="readonly" title="파일 선택" value="등록된 파일이 없습니다.">
</div>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span> 내용
</dt>
<dd class="formCont">
<div class="iptWrap full">
<textarea title="상담내용"></textarea>
</div>
</dd>
</dl>
</li>
</ul>
</div>
</div>
<br/><br/><br/>
<div class="comFormGroup">
<div class="formWrap">
<div class="formAlert">
<p><span class="req">*</span> 표시는 반드시 입력하셔야 합니다.</p>
</div>
<ul class="formGroup">
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span>아이디
</dt>
<dd class="formCont">
<div class="iptWrap wdtL">
<input type="text" title="아이디 입력"/>
<button type="button" class="btn formBtn navy check" onclick="openPopup('sample01')">중복확인</button>
</div>
<div class="formNtc">
<p class="notice">공백없이 영문, 숫자 6~14자를 입력하세요.</p>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span>비밀번호
</dt>
<dd class="formCont">
<div class="iptWrap wdtL">
<input type="text" title="비밀번호 입력"/>
</div>
<div class="formNtc">
<p class="notice">9~12자리 영문, 숫자, 특수문자 조합</p>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span>비밀번호 확인
</dt>
<dd class="formCont">
<div class="iptWrap wdtL">
<input type="text" title="비밀번호 입력"/>
</div>
<div class="formNtc">
<p class="notice">비밀번호를 다시 한 번 입력하세요.</p>
</div>
</dd>
</dl>
</li>
<li class="formItem half">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span>이름
</dt>
<dd class="formCont">
<div class="iptWrap wdtM">
<input type="text" title="이름" value="홍길동" disabled/>
</div>
</dd>
</dl>
</li>
<li class="formItem half">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span>성별
</dt>
<dd class="formCont">
<div class="iptWrap wdtM">
<input type="text" title="성별" value="남자" disabled/>
</div>
</dd>
</dl>
</li>
<li class="formItem half">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span>생년월일
</dt>
<dd class="formCont">
<div class="iptWrap wdtM">
<input type="text" title="생년월일" value="1990.05.05." disabled/>
</div>
</dd>
</dl>
</li>
<li class="formItem half">
<dl class="formBundle">
<dt class="formTit">
<span class="req">*</span>휴대전화
</dt>
<dd class="formCont">
<div class="iptWrap wdtM">
<input type="text" title="전화번호" value="010-1234-1234" disabled/>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">주소(선택)</dt>
<dd class="formCont">
<div class="iptWrap wdtL">
<input type="text" title="우편번호 입력"/>
<button type="button" class="btn formBtn navy check">우편번호</button>
</div>
<div class="iptWrap full">
<input type="text" title="기본 주소 입력" placeholder="기본주소"/>
</div>
<div class="iptWrap full">
<input type="text" title="상세 주소 입력" placeholder="상세주소"/>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">결혼여부(선택)</dt>
<dd class="formCont">
<div class="iptWrap full">
<ul class="checkGroup type02">
<li class="checkItem">
<input type="radio" id="radio301" name="radio03">
<label for="radio301">기혼</label>
</li>
<li class="checkItem">
<input type="radio" id="radio302" name="radio03">
<label for="radio302">미혼</label>
</li>
</ul>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">가족수(선택)</dt>
<dd class="formCont">
<div class="iptWrap wdtM">
<select title="가족 명 수 선택">
<option>선택</option>
</select>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">최종학력(선택)</dt>
<dd class="formCont">
<div class="iptWrap wdtM">
<select title="가입자 최종학력 선택">
<option>전체</option>
</select>
</div>
</dd>
</dl>
</li>
<li class="formItem">
<dl class="formBundle">
<dt class="formTit">추천인 아이디(선택)</dt>
<dd class="formCont">
<div class="iptWrap wdtL">
<input type="text" title="추천인 아이디 입력" placeholder="추천인 아이디를 입력해주세요."/>
<button type="button" class="btn formBtn navy search">조회</button>
</div>
</dd>
</dl>
</li>
</ul>
<div class="formEndalert">
<p>※ 회원가입 선택사항(주소, 결혼여부, 가족수, 최종학력)은 향후 스포츠 정책 연구를 위한 자료로 활용됩니다.</p>
</div>
</div>
</div>
]]>