@charset "utf-8";
/*
	comment:	2020 설날 프로모션
*/
.new-year-wrap{position:relative;padding-top:85px;}
.new-year-wrap .nav{position:absolute;left:0;top:0;width:100%;height:85px;background:#1d1d1d url('/cjom/event/19_11_event/newYear/images/pc/nav.jpg') no-repeat 50% 0;z-index:10;}
.new-year-wrap .nav.type-bon{background:#1d1d1d url('/cjom/event/19_11_event/newYear/images/pc/nav_new.jpg') no-repeat 50% 0;}
.new-year-wrap .nav.m02{background:#1d1d1d url('/cjom/event/19_11_event/newYear/images/pc/nav02.jpg') no-repeat 50% 0;}
.new-year-wrap .nav.m02.type-bon{background:#1d1d1d url('/cjom/event/19_11_event/newYear/images/pc/nav02_new.jpg') no-repeat 50% 0;}
.new-year-wrap .nav.m03{background:#1d1d1d url('/cjom/event/19_11_event/newYear/images/pc/nav03.jpg') no-repeat 50% 0;}
.new-year-wrap .nav.m03.type-bon{background:#1d1d1d url('/cjom/event/19_11_event/newYear/images/pc/nav03_new.jpg') no-repeat 50% 0;}
.new-year-wrap .nav ul{position:relative;margin:0 auto;width:1280px;height:85px;}
.new-year-wrap .nav li{float:left;width:33.3%;}
.new-year-wrap .nav li a{display:block;text-indent:-999999em;width:100%;height:85px;}
/* 설 사전예약! 최대 45% + 중복 10% */
.new-year-wrap .dimmed{display:none;position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;opacity:0.7;}
.new-year-wrap .visual{position:relative;height:624px;background:#f8efd8 url('/cjom/event/19_11_event/newYear/images/pc/img_visual.jpg') no-repeat 50% 0;}
.new-year-wrap .visual.type-bon{background:#f8efd8 url('/cjom/event/19_11_event/newYear/images/pc/img_visual_new.jpg') no-repeat 50% 0;}
.new-year-wrap .visual .img-motion01{position:absolute;left:50%;top:54px;width:1280px;height:200px;margin-left:-640px;}
.new-year-wrap .visual .img-motion01 span{display:block;float:right;width:525px;height:406px;background:url('/cjom/event/19_11_event/newYear/images/pc/img_motion01.gif') no-repeat;margin-right:59px;}
.new-year-wrap .visual .img-motion01 i{display:block;position:absolute;right:66px;top:8px;width:127px;height:112px;background:url('/cjom/event/19_11_event/newYear/images/pc/img_txt_balloon.png') no-repeat;font-size:0;color:transparent;}
.new-year-wrap .visual.type-bon .img-motion01{top:0;}
.new-year-wrap .visual.type-bon .img-motion01 span{background:url('/cjom/event/19_11_event/newYear/images/pc/img_motion01_new.gif') no-repeat;}
.new-year-wrap div[class^='benefit0']{position:relative;text-align:center;}
.new-year-wrap div[class^='benefit0'] > h2{padding-bottom:15px;}
.new-year-wrap div[class^='benefit0'] .txt-box{color:#fff;font-size:47px;font-weight:700;line-height:48px;}
.new-year-wrap div[class^='benefit0'] .txt-box span{display:block;font-size:32px;font-weight:500;}
.new-year-wrap div[class^='benefit0'] .txt-box em{color:#fee729;}
.new-year-wrap div[class^='benefit0'] .txt-box .txt-sm{font-size:21px;font-weight:400;color:#000;margin-top:5px;}
.new-year-wrap div[class^='benefit0'] .cp-list{margin-top:15px;}
.new-year-wrap div[class^='benefit0'] .cp-list li{width:489px;height:276px;color:#000;padding:40px 0 0 48px;box-sizing:border-box;}
.new-year-wrap div[class^='benefit0'] .cp-list li strong{display:block;font-size:37px;font-weight:700;margin-bottom:3px;}
.new-year-wrap div[class^='benefit0'] .cp-list li .spinner{position:relative;overflow:hidden;width:227px;height:110px;margin:0 auto;}
.new-year-wrap div[class^='benefit0'] .cp-list li .spinner .zero{display:block;width:227px;height:94px;background:url(/cjom/event/19_11_event/newYear/images/pc/img_zero.png) no-repeat;}
.new-year-wrap div[class^='benefit0'] .cp-list li .spinner .reel{display:none;position:absolute;width:100%;height:7800px;}
.new-year-wrap div[class^='benefit0'] .cp-list li .txt{display:block;font-size:21px;color:rgba(0,0,0,.46);}
.new-year-wrap div[class^='benefit0'] .notice-box{width:1148px;margin:0 auto;background:url('/cjom/event/19_11_event/newYear/images/pc/bg_dotline.png') repeat-x 0 0;padding:30px 0 0 78px;box-sizing:border-box;text-align:left;}
.new-year-wrap div[class^='benefit0'] .notice-box ul li{position:relative;font-size:17px;color:#523f15;line-height:30px;padding-left: 11px;}
.new-year-wrap div[class^='benefit0'] .notice-box ul li:before{content:'';display:block;position:absolute;left:0;top:15px;width:5px;height:1px;background:#523f15;}
.new-year-wrap div[class^='benefit0'] .notice-box .tit{font-size:22px;font-weight:500;color:#402f0b;margin:0 0 4px 11px;}
.new-year-wrap .benefit01{height:775px;background:#4d7d53 url('/cjom/event/19_11_event/newYear/images/pc/bg_newYear01.jpg') no-repeat 50% 0;}
.new-year-wrap .benefit01 > h2{padding-top:84px;}
.new-year-wrap .benefit01 .cp-list{width:1015px;margin:0 auto;}
.new-year-wrap .benefit01 .cp-list li{display:inline-block;vertical-align:top;}
.new-year-wrap .benefit01 .cp-list li:first-child{margin-right:24px;}
.new-year-wrap .benefit01 .cp-list li .reel{top:0;}
.new-year-wrap .benefit01 .cp-list li .reel.active{animation:.5s slot infinite linear;}
.new-year-wrap .benefit01 .cp-list li.lane1 .reel{background:url(/cjom/event/19_11_event/newYear/images/pc/spinner1.png) repeat-y;}
.new-year-wrap .benefit01 .cp-list li.lane2 .reel{background:url(/cjom/event/19_11_event/newYear/images/pc/spinner2.png) repeat-y;}
.new-year-wrap .benefit01 .btn-box{margin-top:35px;}
.new-year-wrap .benefit01 .btn-box .ready{width:423px;height:83px;font-size:0;line-height:0;text-indent:-9999px;}
.new-year-wrap .benefit01 .btn-box .start{background:url('/cjom/event/19_11_event/newYear/images/pc/btn_start.gif') no-repeat;}
.new-year-wrap .benefit01 .btn-box .stop{background:url('/cjom/event/19_11_event/newYear/images/pc/btn_stop.png') no-repeat;}
.new-year-wrap .benefit01 .btn-box p{font-size:17px;color:#000;margin-top:8px;}
.new-year-wrap .benefit02{height:1012px;background:#bb9252 url('/cjom/event/19_11_event/newYear/images/pc/bg_newYear02.jpg') no-repeat 50% 0;}
.new-year-wrap .benefit02.type-bon{height:1001px;background:#bb9252 url('/cjom/event/19_11_event/newYear/images/pc/bg_newYear02_new.jpg') no-repeat 50% 0;}
.new-year-wrap .benefit02 > h2{padding-top:60px;}
.new-year-wrap .benefit02 .notice-box{margin-top:400px!important}
.new-year-wrap .benefit02 .img-motion02{position:absolute;left:50%;top:-63px;width:1280px;height:200px;margin-left:-640px;}
.new-year-wrap .benefit02 .img-motion02 span{display:block;float:right;width:231px;height:200px;background:url('/cjom/event/19_11_event/newYear/images/pc/img_motion02.gif') no-repeat;margin-right:230px;}
.new-year-wrap .benefit02 .txt-box{color:#000!important;}
.new-year-wrap .benefit02.type-bon .txt-box{color:#fff!important;margin-bottom:45px;}
.new-year-wrap .benefit03{height:1166px;background:#f7e6b7 url('/cjom/event/19_11_event/newYear/images/pc/bg_newYear03.jpg') no-repeat 50% 0;}
.new-year-wrap .benefit03 > h2{padding-top:70px;}
.new-year-wrap .benefit03 .cp-list{width:489px;height:276px;margin:0 auto 64px;}
.new-year-wrap .benefit03 .cp-list li{background:url('/cjom/event/19_11_event/newYear/images/pc/bg_coupon.png') no-repeat;color:#000;padding:40px 0 0 45px;box-sizing:border-box;}
.new-year-wrap .benefit03 .cp-list li .percent{font-family:Arial;font-size:86px;line-height:86px;font-weight:bold;}
.new-year-wrap .benefit03 .cp-list li .percent em{font-size:127px;letter-spacing:1px;line-height:107px;}
.new-year-wrap .benefit03 .txt-box{color:#000!important;}
.new-year-wrap .benefit03 .txt-box em{color:#ef408b!important;}
.new-year-wrap .benefit03 .notice-box .tit-sm{font-size:17px;color:#ea5527;font-weight:700;margin:4px 0 0 5px;}
.new-year-wrap .slot-dimmed{display:none;position:absolute;top:0;left:0;width:100%;height:5000px;background:rgba(0,0,0,0.6);z-index:20;}
.new-year-wrap .popup-result{display:none;position:absolute;left:50%;top:690px;margin-left:-520px;width:1040px;height:747px;background:url('/cjom/event/19_11_event/newYear/images/pc/bg_popup.png') no-repeat 0 0;padding:275px 70px 0;box-sizing:border-box;z-index:30;}
.new-year-wrap .popup-result .coupons-box{overflow:hidden;padding:0 20px;}
.new-year-wrap .popup-result .coupons-box li{float:left;width:412px;height:231px;background:url('/cjom/event/19_11_event/newYear/images/pc/bg_popup_coupon.png') no-repeat;color:#fff;padding:30px 0 0 40px;box-sizing:border-box;}
.new-year-wrap .popup-result .coupons-box li:first-child{margin-right:35px;}
.new-year-wrap .popup-result .coupons-box li h4{color:#d0a465;font-size:28px;font-weight:500;}
.new-year-wrap .popup-result .coupons-box li .percent{font-size:92px;line-height:75px;}
.new-year-wrap .popup-result .coupons-box li .percent em{letter-spacing:1px;}
.new-year-wrap .popup-result .coupons-box li span{display:block;font-size:18px;margin:10px 0 0 4px;}
.new-year-wrap .popup-result .btm-wrap{border-top:1px solid #141414;margin-top:40px;padding-top:30px;overflow:hidden;}
.new-year-wrap .popup-result .btm-wrap .coupon-noti{float:left;color:#000;font-size:18px;padding-left:30px;}
.new-year-wrap .popup-result .btm-wrap .btns-box{float:right;}
.new-year-wrap .popup-result .btm-wrap .btns-box a{display:block;width:322px;height:49px;font-size:0;line-height:0;color:transparent;}
.new-year-wrap .popup-result .btm-wrap .btns-box .btn-go{background:url('/cjom/event/19_11_event/newYear/images/pc/btn_go.png') no-repeat;margin-bottom:10px;}
.new-year-wrap .popup-result .btm-wrap .btns-box .btn-view{background:url('/cjom/event/19_11_event/newYear/images/pc/btn_view.png') no-repeat;padding-right:35px;}
.new-year-wrap .benefit-noti{background:url('/cjom/event/19_11_event/newYear/images/pc/bg_newYear03_new.jpg') no-repeat 50% 0;}
.new-year-wrap .benefit-noti .notice-box{width:1223px;margin:0 auto;border-bottom:1px solid #bab4ab;box-sizing:border-box;}
.new-year-wrap .benefit-noti .notice-box > li{display:flex;overflow:hidden;padding-left:110px;align-items:center;margin-bottom:40px;}
.new-year-wrap .benefit-noti .notice-box > li:first-child{padding-top:50px;}
.new-year-wrap .benefit-noti .notice-box ul{float:left;margin:0 0 0 40px;}
.new-year-wrap .benefit-noti .notice-box ul li{position:relative;font-size:17px;color:#523f15;line-height:30px;padding-left: 11px;}
.new-year-wrap .benefit-noti .notice-box ul li:before{content:'';display:block;position:absolute;left:0;top:15px;width:5px;height:1px;background:#523f15;}
.new-year-wrap .benefit-noti .notice-box .tit-sm{float:left;font-size:30px;font-weight:700;color:#ea5527;}
.new-year-wrap .add-benefit{width:1280px;margin:56px auto 0;text-align:center;}
.new-year-wrap .add-benefit ul li{display:inline-block;text-align:center;margin:0 40px;}
.new-year-wrap .add-benefit ul li a:before{content:'';display:block;}
.new-year-wrap .add-benefit ul li:nth-child(1) a:before{width:161px;height:142px;background:url('/cjom/event/19_11_event/newYear/images/pc/icon_benefit01.png') no-repeat;margin:0 auto;}
.new-year-wrap .add-benefit ul li:nth-child(2) a:before{width:107px;height:138px;background:url('/cjom/event/19_11_event/newYear/images/pc/icon_benefit02.png') no-repeat;margin:0 auto;}
.new-year-wrap .add-benefit ul li:nth-child(3) a:before{width:143px;height:138px;background:url('/cjom/event/19_11_event/newYear/images/pc/icon_benefit03.png') no-repeat;margin:0 auto;}
.new-year-wrap .add-benefit ul li p{font-size:28px;font-weight:700;color:#1c1c1c;line-height:30px;margin-top:10px;}
.new-year-wrap .add-benefit ul li span{display:block;font-size:20px;font-weight:400;}
.new-year-wrap .add-benefit ul li .btn-more01{display:block;width:198px;height:35px;background:url('/cjom/event/19_11_event/newYear/images/pc/btn_more01.png') no-repeat;font-size:0;line-height:0;color:transparent;margin:15px auto 0;}
.new-year-wrap .add-benefit .btns{margin:60px 0;}
.new-year-wrap .add-benefit .btns a:first-child{margin-right:20px;}
.new-year-wrap .member-box{background:#505050;text-align:center;color:#fff;padding:50px 0;}
.new-year-wrap .member-box h3{color:#fff;font-size:30px;font-weight:500;margin-bottom:15px;}
.new-year-wrap .member-box p{font-size:20px;line-height:32px;}
.new-year-wrap .member-box a{display:block;width:198px;height:35px;background:url('/cjom/event/19_11_event/newYear/images/pc/btn_more02.png') no-repeat;font-size:0;line-height:0;color:transparent;margin:30px auto 0;}
.new-year-wrap > .notice-box,
.new-year-wrap .gift-tab-contents > .notice-box{width:1180px;margin:45px auto 100px;}
.new-year-wrap > .notice-box .tit,
.new-year-wrap .gift-tab-contents > .notice-box .tit,
.new-year-wrap .bulk-tab-contents .tit{padding:0 0 5px 25px;font-size:22px;font-weight:500;color:#1f1e1e;}
.new-year-wrap > .notice-box li,
.new-year-wrap .gift-tab-contents > .notice-box li,
.new-year-wrap .bulk-tab-contents .notice-box li{position:relative;line-height:28px;font-size:17px;color:#131313;padding-left:25px;}
.new-year-wrap > .notice-box li em,
.new-year-wrap .gift-tab-contents > .notice-box li em,
.new-year-wrap .bulk-tab-contents .notice-box li em{position:absolute;left:0;top:1px;width:20px;text-align:right;font-family:Arial;font-weight:bold;font-size:17px;}
.new-year-wrap > .notice-box li .txt-org,
.new-year-wrap .gift-tab-contents > .notice-box li .txt-org,
.new-year-wrap .bulk-tab-contents .notice-box li .txt-org{color:#f24b09;}
/* TOP4 선물세트 사전예약 특가! */
.new-year-wrap .visual02{position:relative;height:878px;background:#1a3a6d url('/cjom/event/19_11_event/newYear/images/pc/img_visual02.jpg') no-repeat 50% 0;}
.new-year-wrap .visual02.type-bon{position:relative;height:878px;background:#1a3a6d url('/cjom/event/19_11_event/newYear/images/pc/img_visual02_new.jpg') no-repeat 50% 0;}
.new-year-wrap .holiday-event-product{height:auto;background:#f0cf7e;padding-bottom:110px;}
.new-year-wrap .holiday-event-product .contents{width:1180px;}
.new-year-wrap .holy-title{margin-top:70px;}
.new-year-wrap .holy-title .txt-desc{font-size:26px;margin-top:5px;}
.new-year-wrap .holiday-product{width:1180px;padding:45px 38px;background:#fff;margin:35px auto 0;box-sizing:border-box;}
.new-year-wrap .holiday-product > li{width:calc(100% / 2);}
.new-year-wrap .holiday-product > li a{padding:45px 55px 45px;}
.new-year-wrap .holiday-product li .badge-sale{position:absolute;right:-36px;top:-17px;width:125px;height:122px;background:url('/cjom/event/19_11_event/newYear/images/pc/bg_sale.png') no-repeat;color:#fff;text-align:center;font-family:Arial;font-size:30px;line-height:28px;padding-top:34px;box-sizing:border-box;}
.new-year-wrap .holiday-product li .badge-sale .num{font-size:40px;}
.new-year-wrap .holiday-product li .badge-sale span{display:block;font-size:26px;}
.new-year-wrap .holiday-product li .thumb{width:440px;height:350px;margin-bottom:10px;}
.new-year-wrap .holiday-product li .memo{color:#1d1e1f;font-size:22px;}
.new-year-wrap .holiday-product li .title{font-size:30px;font-weight:700;}
.new-year-wrap .holiday-product li .price-info .del-price{display:block;margin-left:0;font-size:22px;font-weight:400;}
.new-year-wrap .holiday-product li .price-info .del-price em{font-family: 'Roboto', sans-serif;}
.new-year-wrap .btn-area .btn-primary{width:700px;height:112px;line-height:112px;background:#16499b;font-weight:400;font-size:38px;margin:0 auto;}
.new-year-wrap .btn-area .btn-primary:after{width:15px;margin-left:12px;background:url('../../../images/contents/pre_sale/btn_arrow.png') 0 0 no-repeat;background-size:100%;height:27px;}
/* 100개 이상 대량구매는 여기서! */
.new-year-wrap .visual03{position:relative;height:484px;background:#443184 url('/cjom/event/19_11_event/newYear/images/pc/img_visual03.jpg') no-repeat 50% 0;}
.new-year-wrap .bulk-guide{background:#f5f1e0;}
.new-year-wrap .bulk-tab-contents .notice-box{width:1280px;margin:0 auto;}

/* 꽃날림 효과 */
#leaves{position:relative;top:-50px;width:100%;text-align:center;margin-left:-40px;}
#leaves i{display:inline-block;z-index:1;animation:falling 3s 0s infinite;}
#leaves i:nth-of-type(2n){animation:falling2 3s 0s infinite;}
#leaves i:nth-of-type(3n){animation:falling3 3s 0s infinite;}
#leaves i:nth-of-type(n){animation-delay:1.9s;}
#leaves i:nth-of-type(2n){animation-delay:3.9s;}
#leaves i:nth-of-type(3n){animation-delay:2.3s;}
#leaves i:nth-of-type(4n){animation-delay:4.4s;}
#leaves i:nth-of-type(5n){animation-delay:5s;}
#leaves i:nth-of-type(6n){animation-delay:3.5s;}
#leaves i:nth-of-type(7n){animation-delay:2.8s;}
#leaves i:nth-of-type(8n){animation-delay:1.5s;}
#leaves i:nth-of-type(9n){animation-delay:3.3s;}
#leaves i:nth-of-type(10n){animation-delay:2.5s;}
#leaves i:nth-of-type(11n){animation-delay:1.2s;}
#leaves i:nth-of-type(12n){animation-delay:4.1s;}
#leaves i:nth-of-type(13n){animation-delay:1s;}
#leaves i:nth-of-type(14n){animation-delay:4.7s;}
#leaves i:nth-of-type(15n){animation-delay:3s;}
#leaves i:nth-of-type(n){width:22px;height:18px;background:url('/cjom/event/19_11_event/newYear/images/pc/img_flower02.png') no-repeat;}
#leaves i:nth-of-type(2n+2){width:11px;height:9px;background:url('/cjom/event/19_11_event/newYear/images/pc/img_flower02.png') no-repeat; background-size:11px 9px;}
#leaves i:nth-of-type(n){opacity:1;}
#leaves i:nth-of-type(n){transform:rotate(180deg);}
#leaves i:nth-of-type(n){animation-timing-function:ease-in-out;}
@keyframes falling{
    0%{
        transform:translate3d(0,0,0) rotate(0deg);
    }
    100%{
        transform:translate3d(100px,300px,0) rotate(90deg);
        opacity:0;
    }
}
@keyframes falling2{
    0%{
        transform:translate3d(0,0,0) rotate(90deg);
    }
    100%{
        transform:translate3d(200px,600px,0) rotate(0deg);
        opacity:0;
    }
}
@keyframes falling3{
    0%{
        transform:translate3d(0,0,0) rotate(-20deg);
    }
    100%{
        transform:translate3d(300px,650px,0) rotate(-70deg);
        opacity:0;
    }
}

 .cp-list li .spinner .num-box{position:absolute;left:0;top:0;height:500px;border:1px solid blue;z-index:10;animation: .3s test infinite linear; }
 .cp-list li .spinner .num-box span{display:block;width:100px;height:50px;border:1px solid red;}

/* 슬롯 효과 */
@keyframes slot {
  to {top:-7580px;}
}