*{margin:0;padding:0}
.catalog_wrap{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0}

/* lnb */

.logo_29cm img{width:80px;}
.img_wi{display:block}
.black .img_bk{display:block}
.black .img_wi{display:none}
.img_bk{display:none}
.lnb{position:fixed;top:46px;right:0;left:0;width:100%;margin:0 auto;z-index:70}
.lnbbx{position:relative;}
.lnbbx a{display:inline-block;height:62px;padding:0 20px;font-size:17px;color:#fff;line-height:62px;text-decoration:none;}
.lnbbx .btn_insta{overflow:hidden;position:absolute;top:0;right:0;width:89px;height:90px;padding:0;background:url(https://img.29cm.co.kr/campaign/catalog/follow2.png) no-repeat 0 0;background-size:89px 90px;line-height:1000em;vertical-align:top}

.lnb .btn_back{display:none;overflow:hidden;z-index:100;width:40px;height:30px;padding:0;text-indent:-1000px;vertical-align:top}
.btn_back:before{display:block;position:absolute;top:11px;left:24px;width:12px;height:12px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(-45deg);content:''}
.btn_back:after{display:block;position:absolute;top:17px;left:23px;width:28px;border-top:2px solid #fff;content:''}
.btn_back.black:before,.btn_back.black:after{border-color:#000}
@media (min-width:541px){
    .logo_29cm{position:fixed;top:60px;left:60px;}
    .lnb{max-width:540px}
    .lnb a{font-size:20px;}
}
@media (max-width:540px){
    .lnb{top:10px;max-width:100%}
    .logo_29cm{margin:10px 0 0 20px}
}
@media (max-width:320px){
    .lnb a{margin-left:10px;padding:0 5px}
}

.catalog_bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:url(https://img.29cm.co.kr/campaign/catalog/img_00.jpg) no-repeat 0 0;background-size:cover}

/* .catalog_wrap{background:url(https://img.29cm.co.kr/campaign/catalog/img_00.jpg) no-repeat 0 0;background-size:cover} */
.catalog_wrap{animation:showGrid 120s linear alternate infinite}
/* .catalog_wrap{animation-name:showGrid;-webkit-animation-duration:120s;animation-duration:120s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} */
.catalog_bg{animation:showGrid 120s linear alternate infinite}
@keyframes showGrid{
    0%{
        background-position:0 0;
    }
    100%{
        background-position:100% 0;
    }
}

/* 아이템  */
.item .imgbx{overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
.item video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;transform:translate(-50%, -50%);}

.catalog_logo{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;pointer-events:none}
.catalog_logo h1{padding:0 30px;font-size:15px;line-height:25px;color:#000;text-align:center;font-weight:500}
.catalog_logo span{display:block;margin-top:14px}
.catalog_logo img{display:block;width:100%;max-width:285px}
.tapinfo{position:absolute;right:0;top:70%;left:0;z-index:50;color:#fff;font-size:13px;text-align:center;pointer-events:none}
.tapinfo:before{display:block;width:54px;height:50px;margin:0 auto 10px;background-size:54px 50px;content:''}
.tapinfo:before{background-image:url(https://img.29cm.co.kr/campaign/catalog/touch.gif)}
.tapinfo.black:before{background-image:url(https://img.29cm.co.kr/campaign/catalog/touch_black.gif)}
.tapinfo.black{color:#000}
@media (max-width:540px){
    .catalog_logo h1{margin-top:11px}
    /* .item video{left:-100%} */
    .tapinfo{top:auto;bottom:77px;}
    /* .item video{display:none} */
}


.lay_popup{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#e7e2df;}
.lay_popup .btn{overflow:hidden;position:absolute;top:20px;z-index:40;width:50px;height:50px;border-radius:50%;background:url(https://img.29cm.co.kr/campaign/catalog/btn_clr.png) no-repeat 50% 50%;background-size:28px 28px;line-height:1000em;text-align:center;vertical-align:top}
.lay_popup.open{display:block;z-index:100}
.lay_popup .lay_inner{overflow:auto;position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;
    width:100%;height:100%;
    padding:50px 20px;
    -webkit-overflow-scrolling:touch;
    -webkit-appearance:none;
    -webkit-backface-visibility:hidden;
    -webkit-transform:translate3d(0,0,0);
    color:#000;
    box-sizing:border-box
}
.lay_popup h1{position:relative;padding:0 0 16px;font-size:32px;line-height:40px}
.evt_lay h1:after{position:absolute;top:50px;left:250px;width:47px;height:85px;background:url(https://img.29cm.co.kr/campaign/catalog/evt_lay.png) no-repeat 0 0;background-size:47px 85px;content:''}
.evt_lay dl{margin-top:7px;line-height:25px}
.evt_lay dt{font-size:20px;font-weight:bold}
.evt_lay dd{margin:11px 0 50px;font-size:16px}
.vol_lay h1:after{position:absolute;top:60px;left:283px;width:79px;height:81px;background:url(https://img.29cm.co.kr/campaign/catalog/vol_lay.png) no-repeat 0 0;background-size:79px 81px;content:''}
.vol_lay .dsc1{font-size:16px;line-height:25px}
.vol_lay .dsc3{margin:10px 0 28px 20px;font-size:14px;line-height:22px}
.vol_lay span{display:inline-block}
.vol_lay ul{margin:24px 0 0}
.vol_lay li{padding-left:20px;background:url(https://img.29cm.co.kr/campaign/catalog/ck.png) no-repeat 0 6px;background-size:14px 11px;}


@media (min-width:541px){
  .m_view{display:none}
  .lay_popup .btn{right:20px;}
  .lay_popup .lay_inner{display:flex;align-items:center;justify-content:center}
  .lay_content{flex:1}
  .lay_content_in{width:420px;margin:0 auto;word-break:keep-all}
}
@media (max-width:540px){
  .pc_view{display:none}
  .lay_popup .btn{right:8px;}
  .vol_lay h1:after{top:50px;right:-10px;left:auto}
}

/* For initial transition */
.fadein_target{opacity:0;-webkit-transition:-webkit-transform .5s, opacity .5s;transition:transform .5s, opacity .5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;transform:translateY(50px);-webkit-transform:translateY(50px)}
.fadein_target.fadein{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.fadein_target.delay {transition-delay: .15s}

/* process */
#loadingLayer{overflow:hidden;display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background-color:#fff;text-align:center;font-size:12px;line-height:40px}
.progressbg{position:relative;width:197px;height:11px;}
.progressbg:after{position:absolute;top:0;left:0;z-index:10;width:197px;height:11px;background:url(https://img.29cm.co.kr/campaign/catalog/progress2.png) no-repeat 50% 50%;background-size:197px 11px;content:''}
#progressBar{position:absolute;top:0;left:0;width:0;height:11px;background:#000;}


#clickBlock{overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:7}
* {-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}