레이어 Type2 (temp_layer_type2)

CSS Code

.btn_graytype2{display:inline-block; border:1px solid #858585; background:#e9e9e9; padding:5px 7px; text-align:center; color:#4d4d4d;}

.layer{position:absolute; margin-top:-1px; z-index:10;}

.leftblock_logotitle .title{float:left; margin-left:10px; margin-top:6px; font-size:12px;}

.layer_block{float:left; width:500px; color:#666; border:1px solid #000; background:#FFF; padding:20px;}

.layer_block .infotext_block{height:23px; border-bottom:1px dotted #b7b7b7;}

.layer_block .infotext_block .infotext{float:left; padding-left:25px; background:url('../image/temp/temp_icon_tip.gif') no-repeat left; font-size:11px; color:#888888;}

/* Layout Color - 실제 서비스 적용 후 아래 코드는 삭제 하세요 */

.pop_conblock{height:50px;}

HTML Code

<div><a href="#"><span class="btn_graytype2 font_type_bold font_size_11">버튼</span></a></div>

<div class="layer">

<div class="con_block">컨텐츠 내용</div>

<div class="bottom_block">

<div class="paginate_type paginate_topspace">

<a class="btn_type"><img src="../image/temp/btn_paginate_first.gif" border="0" alt="처음"/></a><a class="btn_type"><img src="../image/temp/btn_paginate_before.gif" border="0" alt="이전"/></a><strong>1</strong><a href="#">2</a><a href="#">3</a><a class="btn_type"><img src="../image/temp/btn_paginate_after.gif" border="0" alt="다음"/></a><a href="#" class="btn_type"><img src="../image/temp/btn_paginate_last.gif" border="0" alt="끝"/></a>

</div>

<div class="btn_block">

<span class="btn_reset"><a href="#"><img src="../image/temp/btn_sc_initialization2.gif" border="0" alt="초기화"/></a></span>

<span class="btn_close"><a href="#"><img src="../image/temp/btn_sc_clse3.gif" border="0" alt="닫기"/></a></span>

<p class="info_text">조회이력은 000건 까지만 보관됩니다.</p>

</div>

Image

btn_paginate_first.gif
btn_paginate_before.gif
btn_paginate_after.gif
btn_paginate_last.gif
btn_sc_clse3.gif
btn_sc_initialization2.gif