모달팝업 정의
1. 안내(텍스트)
- 중앙정렬
- 우측닫기 필수
- 지정 높이 초과 시 스크롤 생성
<div class="pop_bg">
<div class="lay_pop">
<div class="lay_wrap">
<div class="lay_ttl">
<h1><span>안내</span></h1>
<div class="close">
<button class="ui_modal_close"><span>팝업닫기</span></button>
</div>
</div>
<div class="lay_conts">
<div>
<p>텍스트 입력란 입니다<br>텍스트 입력란 입니다.텍스트 입력란 입니다.<br>텍스트 입력란 입니다.</p>
</div>
<div class="btn_wrap">
<div class="btn_wrap">
<button class="b_btn"><span>기본</span></button>
</div>
<div class="btn_wrap">
<button class="b_btn outline"><span>기본</span></button>
</div>
</div>
</div>
</div>
</div>
</div>
2. 알렛
<div class="pop_bg_alert">
<div class="lay_pop">
<div class="lay_wrap">
<div class="lay_conts text-center">
<div>
<p>텍스트 입력란 입니다</p>
</div>
<div class="btn_wrap justify-content-center">
<div class="btn_wrap">
<button class="b_btn"><span>기본</span></button> //클릭 시 ...
</div>
</div>
</div>
</div>
</div>
</div>