var mc_rl = 'NjQ4Nzk'; var mc_num_rl = '64879'; var w_rl = '200'; var h_rl = '200'; var ps_rl = ''; var urlaa_rl = '';  var al_rl = 'c';  var alv_rl = parseInt('0'); var val_rl = 'b';  var valv_rl = parseInt('0'); var tag_rl = 'div'; var attr_rl = 'class'; var atname_rl = 'user-snb-wrapper'; var atturn_rl = '0';var tag2_rl = '';var attr2_rl = '';var atname2_rl = '';
var sepadiv_rl = 'type1';var sepatag_rl = 'p';var sepacolnum_rl = '6';var sepaheight_rl = parseInt('90');
var mct = 'y';
var paragra = '6';
var isdevi = 'p';
var cstyle_rl = `
#rollable{
  display: inline-block;
  width: 200px;
  height: 40px;
  box-sizing: border-box;
  position: relative;
  position: fixed;
  margin-left: 12px;
  animation: flip-shaking 3.5s ease-in-out infinite alternate;
  z-index: 2;
  
}
@keyframes flip-shaking{
  0% { transform: rotate(0deg); height: 20px;}
  39% { transform: rotate(0deg);}
  40% { transform: rotate(3deg);}
  45% { transform: rotate(0deg);}
  50% { transform: rotate(-3deg);}
  55% { transform: rotate(3deg); height: 40px;}
  60% { transform: rotate(0deg); height: 40px;}
  65% { transform: rotate(-3deg); height: 40px;}
  66% { transform: rotate(0deg); height: 40px;}
  100% { transform: rotate(0deg); height: 40px;}
}


#rollable:hover{
  overflow: visible;
  animation: none;
}
#rollable .front_64879{
  width: 100%;
  height: 100%;
  line-height: 40px;
  text-align: center;
  position: absolute;
  bottom: 0;
  -webkit-transition: all .55s ease-in-out .15s;
	-moz-transition: all .55s ease-in-out .15s;
	-o-transition: all .55s ease-in-out .15s;
	transition: all .55s ease-in-out .15s;
  position: relative;
}

#rollable:hover .front_64879{
  height: 200px;
  opacity: 0;
}

#rollable .front_64879 span{
  display: inline-block;
  position: absolute;
}
#rollable .front_64879 span.first, #rollable .front_64879 span.third{
  width: 100%;
  /* height: 25%; */
  height: 10px;
  left: 0;
  border-radius: 5px 0 0 5px;
  background: linear-gradient(to bottom, #f6f8fb 32%, #6f7b8a 84%, #b9c0c8 97%);
}
#rollable .front_64879 span.first{top: 0;}
#rollable .front_64879 span.third{bottom: 0;}
#rollable .front_64879 span.second{
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 95%;
  height: 100%;
  background: linear-gradient(to bottom, #a8b3c0 0%, #f6f8fb 45%, #f6f8fb 55%, #a8b3c0 100%);
  z-index: -1;
}
#rollable .close_btn{
  display: inline-block;
  position: absolute;
  right: -13px;
  width: 16px;
  height: 16px;
  content: url(https://adimg.digitalcamp.co.kr/assets/images/common/close_btn.jpg);
  z-index: 3;
  cursor: pointer;
}
#rollable .rollable_inner #dcamp_ad_64879 #dcamp_iframe_64879{
  position: absolute;
  top: 0;
  width: 100%;
  height: 0px;
  text-align: center;
  margin: auto;
  transform: scaleY(-1);
  opacity: 0;
  -webkit-transition: all .5s ease-in-out .15s;
	-moz-transition: all .5s ease-in-out .15s;
	-o-transition: all .5s ease-in-out .15s;
	transition: all .5s ease-in-out .15s;
}
#rollable #dcamp_ad_64879 #dcamp_iframe_64879 .rollable_inner a{
  display: inline-block;
  width: 100%;
  height: 100%;
}
#rollable:hover .rollable_inner #dcamp_ad_64879 #dcamp_iframe_64879{
  opacity: 1;
  transform: scaleY(1);
  top: 0;
  height: 200px;
}
@keyframes rotateAnimation {
  0% { transform: rotateX(0); }
  25% { transform: rotateX(180deg); }
  50% { transform: rotateX(360deg); }
  75% { transform: rotateX(540deg); }
  100% { transform: rotateX(720deg); }
}

#rollable #dcamp_iframe_64879 .rollable_inner a img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform: scaleY(1);
  top: 0;
  animation: rotateAnimation 0.5s ease-in-out;
}

#rollable .roll_64879{
  margin: auto;
  width: 85%;
  height: 100%;
  overflow: hidden;
}

`;

var body_rl, dcamp_rollable_div_rl, dcamp_rollable_rl, dcamp_rollable_img_rl, dcamp_rollable_rect_rl, dcamp_rollable_scrollLeft_rl, dcamp_rollable_scrollTop_rl, dcamp_rollable_x_rl, dcamp_rollable_y_rl, dcamp_rollable_img_w_rl, dcamp_rollable_img_h_rl, dcamp_rollable_view_x_rl, dcamp_rollable_view_h_rl,dcamp_bg_div_rl, newsDiv_rl,dcamp_load_script_rl, divRoll, dcamp_load_script_rl2, timesepa, dcrast=false;
var cnt = 0, r_start=false, sepacolnum_rl_chk_val, sc_reload=true, is_scroll=false, bn_start=true, dcamp_rollable_img_rl2, dcamp_rollable_view_h_rl22,dcamp_rollable_view_x_rl22;
function dcamp_rollable_pos_rl(){    
    
    if (typeof atturn_rl == "undefined" || atturn_rl == null || atturn_rl == "") atturn_rl = 1;

    if (typeof dcamp_rollable_rl == "undefined" || dcamp_rollable_rl == null || dcamp_rollable_rl == "") {
        dcamp_rollable_rl = document.querySelectorAll(tag_rl+"["+attr_rl+"="+atname_rl+"]")[atturn_rl];
    }    
    else if (tag2_rl != ""){
        dcamp_rollable_rl = document.querySelectorAll(tag2_rl+"["+attr2_rl+"="+atname2_rl+"]")[atturn_rl-1];
		if (typeof dcamp_rollable_rl == "undefined"  || dcamp_rollable_rl == "undefined"){
			dcamp_rollable_rl = document.querySelectorAll(tag_rl+"["+attr_rl+"="+atname_rl+"]")[atturn_rl-1];

		}
    }
    
    if (sepadiv_rl == 'type1') {
	    dcamp_rollable_img_rl = dcamp_rollable_rl.querySelectorAll(sepatag_rl)[sepacolnum_rl-1];

      if(typeof sepacolnum_rl_chk_val === 'undefined') sepacolnum_rl_chk_val = sepacolnum_rl;

        dcamp_rollable_img_rl = dcamp_rollable_rl.querySelectorAll(sepatag_rl)[sepacolnum_rl-1];
        dcamp_rollable_img_rl2 = dcamp_rollable_rl.querySelectorAll("div[id='sepa_64879']")[0];

        try {
            var dcamp_rollable_rect_rl22 = dcamp_rollable_img_rl2.getBoundingClientRect();
        	var dcamp_rollable_scrollLeft_rl22 = window.pageXOffset || document.documentElement.scrollLeft;
	        var dcamp_rollable_scrollTop_rl22 = window.pageYOffset || document.documentElement.scrollTop;
        	var dcamp_rollable_x_rl22 = dcamp_rollable_rect_rl22.left + dcamp_rollable_scrollLeft_rl22;
	        var dcamp_rollable_y_rl22 = dcamp_rollable_rect_rl22.top + dcamp_rollable_scrollTop_rl22;
            var dcamp_rollable_img_w_rl22 = dcamp_rollable_img_rl2.offsetWidth;
	        var dcamp_rollable_img_h_rl22 = dcamp_rollable_img_rl2.offsetHeight;
            dcamp_rollable_view_x_rl22 = dcamp_rollable_x_rl22 + (dcamp_rollable_img_w_rl22/2) - (w_rl/2);
            dcamp_rollable_view_h_rl22 = dcamp_rollable_y_rl22 + (dcamp_rollable_img_h_rl22/2) - (h_rl/2);
        }catch(e){console.log(e+'ERROR!!!!!!!!!!!!!!!!!!!');}

    }
    else {
    }

  try {    
	dcamp_rollable_rect_rl = dcamp_rollable_img_rl.getBoundingClientRect();

	dcamp_rollable_scrollLeft_rl = window.pageXOffset || document.documentElement.scrollLeft;
	dcamp_rollable_scrollTop_rl = window.pageYOffset || document.documentElement.scrollTop;

	dcamp_rollable_x_rl = dcamp_rollable_rect_rl.left + dcamp_rollable_scrollLeft_rl;
	dcamp_rollable_y_rl = dcamp_rollable_rect_rl.top + dcamp_rollable_scrollTop_rl;

	dcamp_rollable_img_w_rl = dcamp_rollable_img_rl.offsetWidth;
	dcamp_rollable_img_h_rl = dcamp_rollable_img_rl.offsetHeight;
	dcamp_rollable_view_x_rl = 0;
	if(al_rl == "l") dcamp_rollable_view_x_rl = dcamp_rollable_x_rl + alv_rl;
	else if(al_rl == "c") dcamp_rollable_view_x_rl = dcamp_rollable_x_rl + (dcamp_rollable_img_w_rl/2) - (w_rl/2);
	else if(al_rl == "r") dcamp_rollable_view_x_rl = dcamp_rollable_x_rl + (dcamp_rollable_img_w_rl) - (w_rl) - alv_rl;
	if(val_rl == "t") dcamp_rollable_view_h_rl = dcamp_rollable_y_rl + valv_rl;
	else if(val_rl == "c") dcamp_rollable_view_h_rl = dcamp_rollable_y_rl + (dcamp_rollable_img_h_rl/2) - (h_rl/2);
	else if(val_rl == "b")	dcamp_rollable_view_h_rl = dcamp_rollable_y_rl + (dcamp_rollable_img_h_rl) - (h_rl) - valv_rl;
  }catch(e) {}
  
}
function loadscript_rl(){

    body_rl = top.document.body || window.parent.document.body;

    dcamp_bg_div_rl = document.createElement('div');
    dcamp_bg_div_rl.setAttribute('id', 'rollablebg');
    dcamp_bg_div_rl.setAttribute('style', 'width:0px;height:0px; display:none; position:absolute; z-index:999;left:50px;top:-500px;');    
    body_rl.appendChild(dcamp_bg_div_rl);

    var style2 = document.createElement('style');

    style2.innerHTML = cstyle_rl;

    document.head.appendChild(style2);
    
    nodeMake();

    resizeMoveBanner_rl();

}

var rollableDiv, closeImg, rollableInnerDiv, innerTextSpan;
var dcampAdDiv;

const nodeMake = () => {

    newsDiv_rl = document.createElement("div");
    newsDiv_rl.className = "news";

    rollableDiv = document.createElement("div");
    rollableDiv.id = "rollable";
    rollableDiv.style.position = "relative";

    closeImg = document.createElement("img");
    closeImg.className = "close_btn";

    closeImg.setAttribute('onclick', 'javascript:rbn_close();');

    var divFront = document.createElement("div");
    divFront.className = "front_"+mc_num_rl;

    divRoll = document.createElement("div");
    divRoll.className = "roll_64879";
    divRoll.id = "changeTextDC_"+mc_num_rl;

    var spanFrontSub1 = document.createElement("span");
    spanFrontSub1.className = "first";
    var spanFrontSub2 = document.createElement("span");
    spanFrontSub2.className = "second";
    var spanFrontSub3 = document.createElement("span");
    spanFrontSub3.className = "third";

    rollableInnerDiv = document.createElement("div");
    rollableInnerDiv.className = "rollable_inner";

    innerTextSpan = document.createElement("span");
    innerTextSpan.className = "inner_text_"+mc_num_rl;

    innerTextSpan.setAttribute("style","display:;position:absolute;top:0px;bottom:0px;");

    rollableDiv.setAttribute('onmouseenter', "javascript:show_rnode('show');");
    rollableDiv.setAttribute('onmouseover', "javascript:show_rnode('show');");
    rollableDiv.setAttribute('onmouseout', "javascript:show_rnode('shut');");    

    dcampAdDiv = document.createElement("div");
    dcampAdDiv.id = "dcamp_ad_"+mc_num_rl;

    dcamp_load_script_rl2 = document.createElement('script');
    dcamp_load_script_rl2.src = 'https://adimg.digitalcamp.co.kr/assets/js/livecommerce/jquery.marquee.min.js';
    dcampAdDiv.appendChild(dcamp_load_script_rl2);

    innerTextSpan.appendChild(dcampAdDiv);
    rollableInnerDiv.appendChild(innerTextSpan);

    rollableDiv.appendChild(closeImg);
    divFront.appendChild(divRoll);
    divFront.appendChild(spanFrontSub1);
    divFront.appendChild(spanFrontSub2);
    divFront.appendChild(spanFrontSub3);
    rollableDiv.appendChild(divFront);
    rollableDiv.appendChild(rollableInnerDiv);

    newsDiv_rl.appendChild(rollableDiv);
    dcamp_bg_div_rl.appendChild(newsDiv_rl);
}

function showBt() {
    dcamp_bg_div_rl.style.display = '';
    dcamp_load_script_rl = document.createElement('script');
    dcamp_load_script_rl.src = 'https://tracker.digitalcamp.co.kr/dcamp_load_V2.php?mc='+mc_rl+'&t=script&bt=rl&w='+w_rl+'&h='+h_rl+'&ps='+ps_rl+'&url='+urlaa_rl;    
    dcampAdDiv.appendChild(dcamp_load_script_rl);
    r_start = true;
    bn_start = false;
}

function rbn_close() {

    tDiv.style.display = 'none';
    dcrast = true;
    dcamp_bg_div_rl.removeChild(newsDiv_rl);
    
    if(isdevi == 'm') cSpread();
}

function show_rnode(val2) {
}

var rollable_r;
document.addEventListener("DOMContentLoaded", function() {
	body_rl = top.document.body || window.parent.document.body;
    loadscript_rl();
    resizeMoveBanner_rl();
});

window.addEventListener('resize', function() {
    resizeMoveBanner_rl();
});

window.addEventListener('scroll', function(){
    is_scroll = true;

    if (mct == "y") timeSepaFn();
    if (sc_reload) {        
        sc_reload = false;
        var tm_time;
        clearTimeout(tm_time);
        tm_time = setTimeout(function() {
            resizeMoveBanner_rl();
        }, 500);
    }

});

function resizeMoveBanner_rl() {

    dcamp_rollable_pos_rl();    

    if (mct != "y" && isdevi == "m") dcamp_rollable_view_h_rl22 = dcamp_rollable_view_h_rl;  

    if (r_start && dcamp_load_script_rl2) {
        try {
            setTimeout(lastShow, 1500);
            r_start = false;
        }catch(e){}
    }

    dcamp_bg_div_rl.style.left = dcamp_rollable_view_x_rl22+"px";
    dcamp_bg_div_rl.style.top = (dcamp_rollable_view_h_rl22+sepaheight_rl)+"px";
    sc_reload = true;
}

function timeSepaFn() {
  fVisibleIndex();  
}

function fVisibleIndex() {

  clearTimeout(timesepa);
    
  timesepa = setTimeout(function() {

        let sepVal = ".";

        if (attr_rl == "id") sepVal = "#";
        else sepVal = ".";

        const div = document.querySelector(sepVal+atname_rl);
        const paragraphs = div.querySelectorAll(sepatag_rl);
        
        let visibleParagraphIndex = -1;
        paragraphs.forEach((paragraph, index) => {
            const rect = paragraph.getBoundingClientRect();
            if (rect.top >= 0 && rect.bottom <= window.innerHeight) {
                visibleParagraphIndex = index-1;
                if (index <= 1) visibleParagraphIndex = 1;
            }
        });
        if (visibleParagraphIndex !== -1) {
          sepacolnum_rl = visibleParagraphIndex;
          setpaLine();
          if (is_scroll && bn_start) {showBt();}
        }
    }, 600);  

}



let ttime;
  let tDiv = document.createElement('div');

function singleSetpaLine() {

    if (dcrast) return;    

    tDiv.style.marginBottom = '50px';
    tDiv.innerHTML = '&nbsp;';
    tDiv.id = 'sepa_64879';
    let sepVal = ".";

    if (attr_rl == "id") sepVal = "#";
    else sepVal = ".";

    const paragraphs = document.querySelectorAll(sepVal+atname_rl + " " + sepatag_rl);
    const firstVisibleParagraph = Array.from(paragraphs).find(p_p => {
        const rect = p_p.getBoundingClientRect();
        return rect.top >= 0 && rect.bottom < window.innerHeight;
    });  
    clearTimeout(ttime);
    ttime = setTimeout(function() {
        //if (firstVisibleParagraph) {
            dcamp_rollable_img_rl = dcamp_rollable_rl.querySelectorAll(sepatag_rl)[sepacolnum_rl-1];
            dcamp_rollable_img_rl.insertAdjacentElement('afterend', tDiv);        

            dcamp_rollable_img_rl.insertAdjacentElement('afterend', dcamp_bg_div_rl);
            
            resizeMoveBanner_rl();
            sSpread();
            if (mct != "y" && is_scroll && bn_start) {showBt();}
        //}
    }, 300);
}

function setpaLine() {

    if (dcrast) return;    

    tDiv.style.marginBottom = '50px';
    tDiv.innerHTML = '&nbsp;';
    tDiv.id = 'sepa_64879';
    let sepVal = ".";

    if (attr_rl == "id") sepVal = "#";
    else sepVal = ".";

    const paragraphs = document.querySelectorAll(sepVal+atname_rl + " " + sepatag_rl);
    const firstVisibleParagraph = Array.from(paragraphs).find(p => {
        const rect = p.getBoundingClientRect();
        return rect.top >= 0 && rect.bottom < window.innerHeight;
    });

    clearTimeout(ttime);
    ttime = setTimeout(function() {

        if (firstVisibleParagraph) {
            firstVisibleParagraph.insertAdjacentElement('afterend', tDiv);
            dcamp_rollable_img_rl = dcamp_rollable_rl.querySelectorAll(sepatag_rl)[sepacolnum_rl-1];

            resizeMoveBanner_rl();

            if (mct == "n" && is_scroll && bn_start) {showBt();}

        }
    }, 300);
}

function lastShow() {
  $('.roll_64879').marquee({
        speed: 50,
        gap: 200,
        delayBeforeStart: 0,
        direction: 'left',
        duplicated: true,
        pauseOnHover: true
      });
}

let scrollTimeout;
let onsetExecuted = false;

const obsv = new IntersectionObserver(function(entr, obsv) {
    entr.forEach(entry => {
        if (entry.isIntersecting && !onsetExecuted) {
            scrollTimeout = setTimeout(function() {
                if (mct == "n" && isdevi == "m") singleSetpaLine();
                if (mct == "n" && isdevi == "p") setpaLine();
                onsetExecuted = true;
                obsv.unobserve(entry.target);
            }, 200);
        }
    });
}, { threshold: 0 });

window.addEventListener('scroll', function() {
    clearTimeout(scrollTimeout);
    obsv.disconnect();

    // scroll stop and start
    scrollTimeout = setTimeout(function() {
        obsv.observe(dcamp_rollable_rl.querySelectorAll(sepatag_rl)[sepacolnum_rl-1]);        
    }, 100);
});

function sSpread() {
    setTimeout(applyCssEffect, 1500);
}

function cSpread() {
  tDiv.style.marginBottom = '0px';
  tDiv.innerHTML = '';
  tDiv.style.height = '0px';
}

function applyCssEffect() {

    const rollable_2 = document.querySelector('#rollable');
    const front = rollable_2.querySelector('.front_64879');
    front.style.height = '200px';
    front.style.opacity = '0';

    const nonov = document.querySelector('#sepa_64879');
    nonov.style.height = '200px';        
    
    const front2 = rollable_2.querySelector('.rollable_inner #dcamp_ad_64879 #dcamp_iframe_64879');
    front2.style.opacity = '1';
    front2.style.transform = 'scaleY(1)';
    front2.style.top = '0';
    front2.style.height = '200px';

    rollable_2.style.animation='none';
}