{*** 기본 고정 ?이???업?| main/html.php?htmid=popup/layer.htm ***}
<style type="text/css">
    #{=popupCode}_form { background: {=data.popupBgColor}; }
    #{=popupCode}_form .box .view { width: {=(popupWidth)}{=data.sizeTypeW}; height: {=(popupHeight)}{=data.sizeTypeH}; overflow: hidden; }
    #{=popupCode}_form .check { background-color: {=todayUnSee.todayUnSeeBgColor}; color: {=todayUnSee.todayUnSeeFontColor}; text-align: {=todayUnSee.todayUnSeeAlign}; }
    #{=popupCode}_form .check .form_element .check_s { background-color: {=todayUnSee.todayUnSeeBgColor}; }
    
    <!--{ ? data.contentImgFl == 'y' }-->
    #{=popupCode}_form .box .view img { max-width: {=data.popupSizeW}{=data.sizeTypeW}; }
    <!--{ / }-->    
    .sys_pop{padding:0;}
    .sys_pop .box{padding:0;}
    .sys_pop .box .close{display:block; position:absolute; top:6px; right:0; width:18px; height:18px; text-indent:-9999px; background:url('../../../img/btn/layer-close.png') no-repeat left top;}
    .sys_pop .box .view{border:none;}
    .sys_pop .box .check{padding:9px 10px 9px 0; text-align:right; background-color: rgba(0,0,0,0.5);}
    .sys_pop .box .check label{padding:0 22px 0 0; background-position:right 2px; font-size:11px; color:#7c7c7c;}
    .sys_pop .box .check input{left:auto; right:1px; top:1px;}
    
</style>

<div id="{=popupCode}_form" class="sys_pop">
    <div class="box">
        
        <!-- ?업 본문 (??지 ????어가??? -->
        <div class="view">
            {=viewPopupContent}
        </div>
        
        <!-- ?업 ?단 ?역 (체크박스 + ?기 ?스?? -->
        <div class="check" style="display: flex; justify-content: space-between; align-items: center; padding: 10px 15px; box-sizing: border-box;">
            
            <!-- ?쪽: ?늘 ?루 보이지 ?음 -->
            <div class="left-check">
                <!--{ ? todayUnSee.todayUnSeeFl == 'y' }-->
                <span class="form_element">
                    <label for="todayUnSee_{=popupCode}" class="check_s" style="cursor: pointer;">{=__('?늘 ?루 보이지 ?음')}</label>
                    <input type="checkbox" id="todayUnSee_{=popupCode}" class="checkbox" onClick="gd_popup_cookie('{=popupCode}', this);" style="vertical-align: middle; margin-left: 5px;" />
                </span>
                <!--{ / }-->
            </div>
            
            <!-- ?른? ?기 (기존 X ?이?????스?로 변? -->
            <div class="right-close">
                <span onclick="$('#{=popupCode}').hide();" style="cursor: pointer; font-weight: bold; padding-left: 15px;">
                    {=__('?기')}
                </span>
            </div>
            
        </div>
    </div>
</div>

<script type="text/javascript">
<!--
$(function(){
    <!--{ ? data.sizeTypeW == '%' }-->
    var percentWidth = ($(window).width() * (Number('{=popupWidth}') / 100)) - 36;
    $('#{=popupCode}_form .box .view').css('width', percentWidth + 'px');
    <!--{ / }-->
    
    <!--{ ? data.sizeTypeH == '%' }-->
    var percentHeight = $(window).height() * (Number('{=popupHeight}') / 100) - 102;
    $('#{=popupCode}_form .box .view').css('height', percentHeight + 'px');
    <!--{ / }-->
});
//-->
</script>