<!-- s:팝업 -->
<style>
.kpop {position:absolute;top:80px;left:100px;z-index:10111100;max-width: calc(100vw - 240px);}
.kpop .memoWrap {border:1px solid #dedede;background: #fff;}
.kpop .memoWrap img{display: block;max-width:600px;}
.kpop .btn_wrap {background: #000;display: flex;justify-content: space-between;align-items: center;height: 30px;padding: 0 10px;}
.kpop .btn_wrap > a,
.kpop .btn_wrap > label {color: #fff;font-size: 14px;letter-spacing: -0.03em;font-weight: 500;}
.kpop .btn_wrap > label {display: flex;align-items: center;}
.kpop .btn_wrap > label input {margin-right: 5px;}
.kpop .roll {max-width: 600px;}
.kpop .roll .slick-dots{position: absolute;bottom: 30px;left: 0;width: 100%;z-index: 81;text-align: center;}
.kpop .roll .slick-dots > li{display: inline-block !important;margin: 0 2px;}
.kpop .roll .slick-dots > li button{display: block;width: 12px;height: 12px;background: rgba(222,222,222,0.7);text-indent: -999em;overflow: hidden;border: none;border-radius: 12px;transition: all 0.1s;}
.kpop .roll .slick-dots > li.slick-active button{background: #000;width: 30px;}
.kpop .roll .slick-arrow {position: absolute;z-index: 44;bottom: 10px;border-radius: 50%;border: none;overflow: hidden;text-indent: -9999px;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center center;background-size: contain;}
.kpop .roll .slick-prev {background-image: url('../images/main/slide-prev.png');left: 10px;}
.kpop .roll .slick-next {background-image: url('../images/main/slide-next.png');right: 10px;}
@media all and (max-width: 800px){
    .kpop{top: 5% !important;left: 5% !important;max-width: 90% !important;}
    .kpop .memoWrap img{max-width: 100%;}
}
</style>
<script type="text/javascript">
function setCookie(name, value, expirehours) {
    var todayDate = new Date();
    todayDate.setHours(todayDate.getHours() + expirehours);
    document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
function getCookie(name) {
    var nameOfCookie = name + "=";
    var x = 0;
    while (x <= document.cookie.length) {
        var y = (x + nameOfCookie.length);
        if (document.cookie.substring(x, y) == nameOfCookie) {
            if ((endOfCookie = document.cookie.indexOf(";", y)) == -1)
                endOfCookie = document.cookie.length;
            return unescape(document.cookie.substring(y, endOfCookie));
        }
        x = document.cookie.indexOf(" ", x) + 1;
        if (x == 0)
            break;
    }
    return "";
}
</script>
<!-- s:k_popup1 -->
<script>
function closeWin1(val) {
    if(val==10){
        if( document.notice_form9.chkbox.checked ){ setCookie( "ncookie10", "none" , 1 ); }
    }
    document.getElementById("k_popup1").style.display = "none";
}
</script>
<?php //if (date("Ymd") <= 20251231) { ?>
<div id="k_popup1" class="kpop" style="display:<?=($_COOKIE['ncookie10'] ? $_COOKIE['ncookie10'] : '')?>">
    <form name="notice_form9">
        <div class="memoWrap">
            <div class="roll">
                <div class="item"><img src="<?=DIR?>/images/main/popup_slide1.jpg" alt=""></div>
                <div class="item"><img src="<?=DIR?>/images/main/popup_slide2.jpg" alt=""></div>
                <div class="item"><img src="<?=DIR?>/images/main/popup_slide3.jpg" alt=""></div>
                <div class="item"><img src="<?=DIR?>/images/main/popup_slide4.jpg" alt=""></div>
                <div class="item"><img src="<?=DIR?>/images/main/popup_slide5.jpg" alt=""></div>
            </div>
        </div>
        <div class="btn_wrap">
            <a href="#close" onclick="javascript:closeWin1();">창닫기</a>
            <label>
                <input type="checkbox" name="chkbox" value="checkbox" onclick="javascript:closeWin1(10);" style="-webkit-appearance: auto;" />
                오늘창안보기
            </label>
        </div>
    </form>
</div>
<script>
$(function(){
$('#k_popup1 .roll').slick({
    'fade' : false, //Fade 롤링 효과
    'dots' : false, //하단 pager
    'arrows' : true, //next,prev 버튼
    'infinite' : true, //무한반복
    'slidesToShow' : 1, //슬라이드 갯수
    'slidesToScroll' : 1, //롤링시 슬라이드 갯수
    'autoplay' : true, //자동롤링
    'autoplaySpeed' : 3000, //자동롤링 딜레이
    'swipe' : false, //모바일 스와프 여부
    'centerMode' : false, //Center모드. 가운데 slide에 'slick-active' 클래스 부여.
    'centerPadding' : 0, //Center모드인 경우 좌/우 여백 설정
    'vertical' : false, //vertical 모드
    'zIndex' : 80, //z-index
    'pauseOnHover' : false,
    'pauseOnFocus' : false,
    'responsive' : [
        //tablet
        {
            'breakpoint' : 1400,
            'settings' : {
                'swipe' : true
            }
        }
    ]
});
})
</script>
<!-- e:k_popup1 -->
<?php //} ?>
<!-- e:팝업 -->