/* BASIC css start */
.goods_list_tit{position:relative;}

.main-tab-menu{display: none !important;}
#m_preview_wrap{display: none !important;}

.sub_hd{position: relative; border-bottom: 10px solid #f9f9f9;}
.sub_hd_wr{padding: 0 20px; font-size: 0; text-align: center;}
.sub_hd_wr:after{content: ""; display: table; clear: both;}
.sub_hd_tit{display: inline-block; font-size: 20px; font-weight: 400; color: #555; line-height: 60px;}
.sub_hd_left_btn{float: left;}
.sub_hd_right_btn{float: right;}
.sub_hd_left_btn > ul{}
.sub_hd_right_btn > ul{}
.sub_hd_left_btn > ul:after{content: ""; display: table; clear: both;}
.sub_hd_right_btn > ul:after{content: ""; display: table; clear: both;}
.sub_hd_left_btn > ul > li{float: left; margin-left: 14px;}
.sub_hd_right_btn > ul > li{float: left; margin-left: 12px;}
.sub_hd_left_btn > ul > li:first-child{margin-left: 0;}
.sub_hd_right_btn > ul > li:first-child{margin-left: 0;}
.sub_hd_left_btn > ul > li > a{line-height: 60px;}
.sub_hd_right_btn > ul > li > a{line-height: 60px;}

.sub_back_btn img{height: 13px;}
.sub_home_btn img{width: 16px;}
.sub_hd_cart_btn img{width: 19px;}
#search_op_btn img{width: 17px;}

.sub_hd .search {position:relative; left:0; right:0; border-top: 10px solid #f9f9f9; background-color:#fff; padding: 20px 0 0; text-align:center; display:none; z-index:10;}
.sub_hd .search .searchBox {width:auto; height:auto; padding: 0 20px; border-bottom:0; text-align:left; }
.sub_hd .search .searchBox input {width:100%; height:40px; line-height:40px; border:2px solid #c0d62f; border-radius: 0; padding: 0 12px; margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sub_hd .search .searchBox input.btn_search {width:18px; height:18px; line-height:normal; background:url("/design/bamboobebe/m_dimg/new/sch_btn.png") no-repeat center/17px auto; position:absolute; top:30px; right:34px; color:#fff; text-align:center; border: 0;}
.sub_hd .search .ranking_keyword{margin-top: 28px; padding:0; text-align:left; background:#fff;}
.sub_hd .search .ranking_keyword .ranking_keyword_btn{width:100%; height:auto; margin-bottom: 10px; line-height:1; font-size:16px;font-weight: 500; color:#555; text-align:center; background:#fff; display:block;}
.sub_hd .search .ranking_keyword .ranking_keyword-list{clear:both; overflow: hidden;}
.sub_hd .search .ranking_keyword .ranking_keyword-list li{display:block; width:100%; border-bottom:1px solid #ddd; line-height:40px; height:40px; text-indent:6%; font-size:14px; font-weight: 400; color:#555; float:none;}
.sub_hd .search .ranking_keyword .ranking_keyword-list li:first-child{border-top: 1px solid #ddd;}
.sub_hd .search .ranking_keyword .ranking_keyword-list li:nth-child(1){background: #f9f9f9;}
.sub_hd .search .ranking_keyword .ranking_keyword-list li:nth-child(2){background: #f9f9f9;}
.sub_hd .search .ranking_keyword .ranking_keyword-list li:nth-child(3){background: #f9f9f9;}
.sub_hd .search .ranking_keyword .ranking_keyword-list li a{font-size:14px; font-weight: 400; color:#555;}

.sub_hd_cart_btn{display: block; position: relative;}
#sub_hd_cart_cnt{display:block;position:absolute;top:33px;right:-4px;border-radius:20px;width:15px;height:15px;line-height:15px;text-align:center;font-size:11px;color:#fff;background:#e8050d}
div.C-27712-60-2 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
.list_shopping2x li a {padding:3px !important;}

.main_item_list{padding: 0 20px;}
.main_item_wr{padding: 0 15px;}
.main_item_list > ul{margin: -13px -5px; font-size: 0;}
.main_item_list > ul > li{display: inline-block; width: 50%; vertical-align: top;}
/*.main_item_list > ul > li:nth-child(n+5){display: none;}*/
.main_item_list_inner{display: block; padding: 13px 5px;}
.item_img a{display: block;}
.item_img img{max-width: 100%;}
.item_name{margin-top: 7px;}
.item_name a{display: block; font-size: 14px;font-weight: 400; color: #555;}

.item_btm_inf{position: relative;}
.item_price{font-size: 16px; font-weight: 600; color: #222;}
.item_price .percent{padding-right: 5px; color: #b8cf1e;}
.item_review_cnt{font-family: 'Noto Sans KR', sans-serif; font-size: 12px; font-weight: 400; color: #999;}
.item_cart_btn{display: block; position: absolute; top: 7px; right: 0; width: 29px; height: 29px; border-radius: 50%; background: #fafafa url('http://bamboobebe.img16.kr/m_dimg/new/cart_btn_icon.png') no-repeat center/16px auto;}


.n_cate_main_bast_ul{font-size:0}
.n_cate_main_bast_ul li{display:inline-block;width:33.33%;vertical-align:top;font-size:18px;color:#555555;text-align:center;border-bottom:1px solid #555555;padding-bottom:5px;margin-bottom:25px;position: relative;}
.n_cate_main_bast_ul li.sel{color:#C0D62F;border-bottom:1px solid #C0D62F;}
.n_cate_main_bast_ul li.sel::after {
  content: " ";position: absolute;width:100%;height:2px;background-color:#C0D62F;left:0px;bottom:0px;
}


.main img {vertical-align:top; max-width: 100%;}
.main a {vertical-align:top;}


/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%;}
#event .pagination { position: absolute; bottom: 5px; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */


#slides2 {display: none; position:relative; margin: 0 0 0 0; }
#slides2 .slidesjs-pagination {}
#slides2 .slidesjs-navigation {}
#slides2 .slidesjs-play, #slides2 .slidesjs-stop {float:left; width:0; height:0; font-size:0;}
#slides2 .slidesjs-play, #slides2 .slidesjs-stop {float:left; width:0; height:0; font-size:0;}
#slides2 .slidesjs-pagination { position:absolute; bottom:6px; left:39%; overflow:hidden; z-index:20; display:none;} /**** 롤링배너 아래 버튼영역 ***/
#slides2 .slidesjs-pagination li { list-style:none; float: left; margin: 0 2px; }
#slides2 .slidesjs-pagination li a { display: block; width:9px; height: 0; padding-top:9px; background: url(/design/bamboobebe/m_dimg/pagination_off2.png) 0 0 no-repeat; background-size:auto 9px; float: left; overflow: hidden; }
#slides2 .slidesjs-pagination li a.active,#slides2 .slidesjs-pagination li a:hover.active { background: url(/design/bamboobebe/m_dimg/pagination_on2.png) 0 0 no-repeat; background-size:auto 9px; }
#slides2 .slidesjs-pagination li a.active{width:27px;}
#slides2 .slidesjs-pagination li a:hover { background: url(/design/bamboobebe/m_dimg/pagination_off2.png) 0 0 no-repeat; background-size:auto 9px; }


.main_wrap{position:relative; }
.main_wrap .slides-wrap { margin: 0 auto; max-width:640px; min-width:320px; max-height:1260px; clear:both;}
#slides2 .slidesjs-previous.slidesjs-navigation{width:30px; height:30px; background: url(http://bamboobebe.img16.kr/event/bigdeal/20210224/images/slide_prev_m.png) 0 0 no-repeat; background-size:auto 25px; position:absolute; top:52%; left:5%; z-index:50; font-size:0; text-indent:-9999em;}
#slides2 .slidesjs-next.slidesjs-navigation{width:36px; height:50px; background: url(http://bamboobebe.img16.kr/event/bigdeal/20210224/images/slide_next_m.png) 0 0 no-repeat; background-size:auto 25px; position:absolute; top:52%; right:1%; z-index:50; font-size:0; text-indent:-9999em;}

#slides2 .slidesjs-slide p{ position:absolute; bottom:0; left:0; width:100%; padding:10px 0 0 0; background:url(/design/bamboobebe/m_dimg/slides-wrap_btn_bg.png); height:90px;}
#slides2 .slidesjs-slide p a{display:block; width:25%; float:left; text-align:center;}
#slides2 .slidesjs-slide p a img{margin:0 auto;}


.customer_info_table {width:100%; height:auto; background-color:#f1f1f1;}
.customer_info_table td {margin:0; padding:0;}

.rbox{padding:0 0 10px 15px;}
.rbox .clear { width:100%; height:4em;}
.rbox .m_customer_notice_tit{display:block; width:100%; line-height:1.5em; height:1.5em; overflow:hidden; clear:both; font-size:1em; color:#837560; vertical-align:top;}
.rbox .m_customer_notice_cont{width:100%; border-bottom:1px solid #f2f2f2; padding-bottom:0.5em;}
.rbox a span{display:inline; width:100%; line-height:1.5em; height:1.5em; overflow:hidden; clear:both; font-size:1em; color:#837560; vertical-align:top; color:#bbb4ab;}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.coupon_bg  .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.coupon_bg  .slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.coupon_bg  .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.coupon_bg  .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 10px;
    height: 10px;
    padding: 3px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.coupon_bg  .slick-dots li button:hover,
.coupon_bg  .slick-dots li button:focus
{
    outline: none;
}
.coupon_bg  .slick-dots li button:hover:before,
.coupon_bg  .slick-dots li button:focus:before
{
    opacity: 1;
}
.coupon_bg  .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: ' "';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.coupon_bg  .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* Dots */
.coupon_bg02  .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.coupon_bg02  .slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.coupon_bg02  .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.coupon_bg02  .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 10px;
    height: 10px;
    padding: 3px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.coupon_bg02  .slick-dots li button:hover,
.coupon_bg02  .slick-dots li button:focus
{
    outline: none;
}
.coupon_bg02  .slick-dots li button:hover:before,
.coupon_bg02  .slick-dots li button:focus:before
{
    opacity: 1;
}
.coupon_bg02  .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: ' "';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.coupon_bg02  .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* Dots */
.coupon_bg03  .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.coupon_bg03  .slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.coupon_bg03  .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.coupon_bg03  .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 10px;
    height: 10px;
    padding: 3px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.coupon_bg03  .slick-dots li button:hover,
.coupon_bg03  .slick-dots li button:focus
{
    outline: none;
}
.coupon_bg03  .slick-dots li button:hover:before,
.coupon_bg03  .slick-dots li button:focus:before
{
    opacity: 1;
}
.coupon_bg03  .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: ' "';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.coupon_bg03  .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}


/* Dots */
.slide_wrap02 .slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slide_wrap02 .slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slide_wrap02 .slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slide_wrap02 .slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slide_wrap02 .slick-dots li button:hover,
.slide_wrap02 .slick-dots li button:focus
{
    outline: none;
}
.slide_wrap02 .slick-dots li button:hover:before,
.slide_wrap02 .slick-dots li button:focus:before
{
    opacity: 1;
}
.slide_wrap02 .slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: ' "';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slide_wrap02 .slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* 공유하기 */
.ico-share{display:inline-block;overflow:hidden;}
.btn_share{display:block;position:absolute;bottom: 30px;right: 20px;z-index: 9;width: 48px;height: 48px;margin-left: 0;background: none;border: none;}
.btn_share .ico-share{position:absolute;top:0;left:0;width: 48px;height: 48px;visibility: visible;}
.layer_share{display:none;position: fixed;bottom: 280px;left:50%;z-index:110;width:300px;margin-left:-150px;padding: 18px 17px;box-sizing: border-box;background: #fff;border: 2px solid #717171;border-radius: 23px;}
.layer_share .layer_title{position:relative;z-index:120;border-bottom: 1px solid #e6e6e6;background:#fff;text-align:center;line-height:37px;}
.layer_share .layer_title .title{display:block;font-size:16px;color:#233549;line-height:37px;text-align: left;font-family: 'GmarketSansMedium';padding-left: 6px;}
.layer_share .layer_title .btn_close{display:block;position:absolute;top: 4px;right: 6px;width: 15px;height: 14px;background:none;border: none;}
.layer_share .layer_title .btn_close .ico-share{position:absolute;top:0;right:0;visibility: visible;}
.layer_share .layer_content{position:relative;z-index:120;background:#fff;border-top:0 none;}
.layer_share .layer_content .share_content{padding: 18px 13px 0;}
.layer_share .layer_content .share_content .list_share{overflow:hidden;}
.layer_share .layer_content .share_content .list_item{float:left;position:relative;width: 36px;height: 36px;margin: 0 12px 0 0;}
.layer_share .layer_content .share_content .list_item .ico-share{/* position:absolute; *//* top:0; *//* left:0; *//* width:66px; *//* height:66px; */}

.layer_share .layer_content .url_copy{position:relative;padding:0 85px 0 23px}
.layer_share .layer_content .url_copy .url{overflow:hidden;width:170px;height:33px;padding:0 8px 0 10px;border:1px solid #d6d7d8;border-radius:2px;font-size:15px;color:#222;line-height:33px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}
.layer_share .layer_content .url_copy .btn_copy{display:block;position:absolute;top:0;right:23px;width:54px;height:33px;border:1px solid #d6d7d8;border-radius:2px;font-size:14px;color:#3d424b;text-align:center;line-height:33px}
.layer_share .dimmed_share{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}


/* 타임세일 */
.time_box{display:inline-block;text-align:center;color:#222222;font-weight:700;font-size:45px;}
.circle-time {font-family: 'GmarketSansBold', sans-serif;}
.time_line{line-height:1;margin:0 -3px 0 0; display:inline-block; font-family: 'GmarketSansMedium', sans-serif;}


div.C-27712-60-3 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */


/* 애니메이션*/


.evt114757 section{position:relative;}
.evt114757 section > div{position:relative;}
.evt114757 section div i {display:inline-block; position:relative; width:12px; height:12px; border-radius:50%; animation:bounce1 1.5s infinite;}
.evt114757 section div i:after {content:''; display:inline-block; position:absolute; left:-6px; top:-6px; width:24px; height:24px; border-radius:50%; box-shadow:0 0 4px 2px rgba(0,0,0,.1); animation:bounce2 1.8s infinite; opacity:0;}
.evt114757 section div p span {position:absolute; opacity:0; transition:all .3s;top:-60px;left:-8px;}
.evt114757 section div p a:hover span {opacity:1;}
.evt114757 section .group03 a.go_shop{width:600px;height:100px;position:absolute;bottom:0;left:50%;margin-left:-300px;}
.evt114757 section .group_top p.on01{transform: translateY(50px); opacity:0;transition:all 1s;}
.evt114757 section .group_top p.on02{transform: translateY(80px); opacity:0;transition:all 1s;}
.evt114757 section .group_top p.on{transform: translateY(0); opacity:1;}

/*.evt114757 .section01{background:url(http://bamboobebe.img16.kr/event/bigdeal/20211126/m_20211115_bigdeal_top_img.jpg")no-repeat 50% 0;height:1034px;}*/
.evt114757 .section01 .float01{width: 8%;position:absolute;top:-2px;left:5%;animation:updown1 2.4s ease-in-out infinite;}
.evt114757 .section01 .float02{width: 5%;position:absolute;top:-4px;left:25%;animation:updown2 2.8s ease-in-out infinite;}
.evt114757 .section01 .float03{width: 5%;position:absolute;top:-4px;left:75%;animation:updown3 1.8s ease-in-out infinite;}
.evt114757 .section01 .float04{width: 10%;position:absolute;top:-2px;left:85%;animation:updown4 2.6s ease-in-out infinite;}
.evt114757 .section01 .star01{width: 5%; position:absolute;top:80px;left:80%;animation:star 2.9s ease-in-out infinite;}
.evt114757 .section01 .star02{width: 5%;position:absolute;top:30px;left:60%;animation:star 2.3s ease-in-out infinite;}
.evt114757 .section01 .star03{width: 5%;position:absolute;top:150px;left:5%;animation:star 2.8s ease-in-out infinite;}
.evt114757 .section01 .star04{width: 5%;position:absolute;top:60px;left:15%;animation:star 2s ease-in-out infinite;}
.evt114757 .section01 .star05{width: 5%;position:absolute;top:150px;right:10%;animation:star 2.1s ease-in-out infinite;}

.section02 .group_top{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section02.jpg)no-repeat 50% 0;height:1887px;position:relative;}
.section02 .group_top .on01{position:absolute;top:150px;left:50%;margin-left:-190px;}
.section02 .group_top .on02{position:absolute;top:407px;left:50%;margin-left:-237.5px;}
.section02 .group01{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section03.jpg)no-repeat 50% 0;height:920px;}
.section02 .group01 .icon01{position:absolute;top:313px;left:50%;margin-left:-277px;}
.section02 .group01 .icon02{position:absolute;top:500px;left:50%;margin-left:-201px;}
.section02 .group02{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section04.jpg)no-repeat 50% 0;height:860px;}
.section02 .group02 .icon03{position:absolute;top:350px;left:50%;margin-left:152px;}
.section02 .group02 .icon04{position:absolute;top:470px;left:50%;margin-left:396px;}
.section02 .group02 .icon04 span {top:10px;left:-10px;}
.section02 .group03{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section05.jpg)no-repeat 50% 0;height:990px;}
.section02 .group03 .icon05{position:absolute;top:342px;left:50%;margin-left:-396px;}
.section02 .group03 .icon05 span {top:10px;left:-10px;}
.section02 .group03 .icon06{position:absolute;top:220px;left:50%;margin-left:-160px;}
.section02 .group_gif{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section06.jpg)no-repeat 50% 0;height:1530px;}
.section02 .group_gif .gif1{position:absolute;top:422px;left:50%;margin-left:-635px;}
.section02 div i {background:#ffd200;}
.section02 div i:after {background:#ffd200;}

.section03 .group_top{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section07.jpg)no-repeat 50% 0;height:1817px;}
.section03 .group_top .on01{position:absolute;top:80px;left:50%;margin-left:-154.5px;}
.section03 .group_top .on02{position:absolute;top:340px;left:50%;margin-left:-245.5px;}
.section03 .group01{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section08.jpg)no-repeat 50% 0;height:920px;}
.section03 .group01 .icon01{position:absolute;top:326px;left:50%;margin-left:-317px;}
.section03 .group01 .icon02{position:absolute;top:544px;left:50%;margin-left:-232px;}
.section03 .group02{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section09.jpg)no-repeat 50% 0;height:860px;}
.section03 .group02 .icon03{position:absolute;top:240px;left:50%;margin-left:348px;}
.section03 .group02 .icon04{position:absolute;top:432px;left:50%;margin-left:148px;}
.section03 .group02 .icon05{position:absolute;top:564px;left:50%;margin-left:291px;}
.section03 .group03{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section10.jpg)no-repeat 50% 0;height:990px;}
.section03 .group03 .icon06{position:absolute;top:260px;left:50%;margin-left:-310px;}
.section03 .group03 .icon07{position:absolute;top:564px;left:50%;margin-left:-200px;}
.section03 .group_gif{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section11.jpg)no-repeat 50% 0;height:1530px;}
.section03 .group_gif .gif2{position:absolute;top:412px;left:50%;margin-left:-635px;}
.section03 div i {background:#40ff69;}

.section03 div i:after {background:#40ff69;}

.section04 .group_top{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section12.jpg?v=3)no-repeat 50% 0;height:1817px;}
.section04 .group_top .on01{position:absolute;top:80px;left:50%;margin-left:-246.5px;}
.section04 .group_top .on02{position:absolute;top:340px;left:50%;margin-left:-222px;}
.section04 .group01{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section13.jpg)no-repeat 50% 0;height:920px;}
.section04 .group01 .icon01{position:absolute;top:275px;left:50%;margin-left:-307px;}
.section04 .group01 .icon02{position:absolute;top:486px;left:50%;margin-left:-344px;}
.section04 .group02{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section14.jpg)no-repeat 50% 0;height:860px;}
.section04 .group02 .icon03{position:absolute;top:206px;left:50%;margin-left:375px;}
.section04 .group02 .icon04{position:absolute;top:139px;left:50%;margin-left:144px;}
.section04 .group02 .icon05{position:absolute;top:382px;left:50%;margin-left:56px;}
.section04 .group03{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section15.jpg)no-repeat 50% 0;height:990px;}
.section04 .group03 .icon06{position:absolute;top:356px;left:50%;margin-left:-254px;}
.section04 .group03 .icon07{position:absolute;top:617px;left:50%;margin-left:-390px;}
.section04 .group_gif{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section16.jpg)no-repeat 50% 0;height:1590px;}
.section04 .group_gif .gif3{position:absolute;top:422px;left:50%;margin-left:-635px;}
.section04 div i {background:#37ffff;}
.section04 div i:after {background:#37ffff;}

.section05{background:url(//webimage.10x10.co.kr/fixevent/event/2021/114757/section17.jpg)no-repeat 50% 0;height:599px;}
.section05 .banner{width:1260px;margin:0 auto;}
.section05 .banner a{width:630px;height:190px;display:block;float:left;}

@keyframes updown1 {
    0% {transform:translateY(5px);}
    25% {transform:translateY(0px);}
    50% {transform:translateY(5px);}
    75% {transform:translateY(0px);}
    100% {transform:translateY(5px);}
}
@keyframes updown2 {
    0% {transform:translateY(5px);}
    25% {transform:translateY(0px);}
    50% {transform:translateY(5px);}
    75% {transform:translateY(0px);}
    100% {transform:translateY(5px);}
}
@keyframes updown3 {
    0% {transform:translateY(0px);}
    50% {transform:translateY(5px);}
    100% {transform:translateY(0px);}
}
@keyframes updown4 {
    0% {transform:translateY(5px);}
    25% {transform:translateY(0px);}
    50% {transform:translateY(5px);}
    75% {transform:translateY(0px);}
    100% {transform:translateY(5px);}
}

@keyframes star {
    0% {opacity: 20%;}
    50%{opacity: 100%;}
    100% {opacity: 20%;}
}

@keyframes bounce1 {
    from,to {transform:translateY(0);}
    50% {transform:translateY(5px);}
}
@keyframes bounce2 {
    from {transform:scale(0); opacity:1;}
    to {transform:scale(1.8); opacity:0;}
}
</style>

/* I형 - br20190312 */
.typeI {position:relative; font-weight:normal; background-color:#fff;}
.typeI2 > .cont {width:inherit;}
.typeI2 > .cont > div {position:relative; overflow:hidden; background-repeat:no-repeat; background-position:50% 0;}
.typeI2 > .cont > div > .bg-color {position:absolute; top:0; width:50%; height:100%;}
.typeI2 > .cont > div > .bg-color.left {right:50%; margin-right:960px;}
.typeI2 > .cont > div > .bg-color.right {left:50%; margin-left:960px;}

.full-contV19 {position:relative; overflow:hidden; margin-bottom:80px;}
.typeI2 .full-contV19 {margin-bottom:0;}
.full-contV19 .desc {position:absolute; top:50%; left:50%; z-index:50; width:970px; padding:0 85px; transform:translate(-50%,-50%);}
.full-contV19 .desc .title {padding:0; font-size:50px; line-height:1.3; word-break:keep-all;}
.full-contV19 .desc .subcopy {padding-top:15px; font-size:17px; line-height:1.47;}
.full-contV19.wht .desc .title, .full-contV19.wht .desc .subcopy {color:#fff;}
.full-contV19.blk .desc .title, .full-contV19.blk .desc .subcopy {color:#000;}
.full-contV19 .labels {overflow:hidden; margin-bottom:30px; font-size:0;}
.full-contV19 .labelV18 {height:25px; line-height:25px; padding:0 11px; margin-right:5px; font-weight:500; font-size:15px;}
.full-contV19 .labelV18:after {display:none;}
.full-contV19 .btn-group {overflow:hidden; margin-top:10px; font-size:0;}
.full-contV19 .btn-go {display:inline-block; height:25px; line-height:26px; padding:0 10px; margin-right:10px; font-size:13px; text-decoration:none;}
.full-contV19.wht .btn-go {background:#fff;}
.full-contV19.blk .btn-go {background:#000;}
.full-contV19 .btn-go .arrow {display:inline-block; width:4px; height:4px; margin-left:3px; border-width:0 0 2px 2px; border-style:solid; border-color:#fff; transform:rotate(-45deg); vertical-align:3px;}

.typeI .evt-brandV18 {margin:0 auto 80px;}
.typeI2 .evt-brandV18 {margin:0;}
.typeI .evt-brandV18 h3 {font-size:35px; font-weight:bold; letter-spacing:1px; color:#000;}
.typeI .evt-brandV18 h3 .arrow-right {display:none;}
.typeI .evt-brandV18 .txt {margin:30px auto 0;}
.evt-brandV18 .btn-go-brand {position:relative; display:inline-block; height:21px; line-height:21px; padding:0 19px 0 10px; font-size:11px; color:#666; background-color:#f5f5f5; text-decoration:none;}
.evt-brandV18 .btn-go-brand:after {content:' '; position:absolute; top:50%; right:10px; width:4px; height:6px; margin-top:-3px; background:url(//fiximage.10x10.co.kr/web2018/common/arrow_right.png) -28px 0 no-repeat;}

.evt-giftV19 {margin:0 auto 80px;}
.typeI2 .evt-giftV19 {margin:0;}
.evt-giftV19 ul {width:930px; margin:0 auto;}
.evt-giftV19 li {position:relative; border:1px solid #eee;}
.evt-giftV19 li + li {margin-top:5px;}
.evt-giftV19 li .box {display:table; width:100%; min-height:120px;}
.evt-giftV19 li .desc {display:table-cell; padding:25px 25px 25px 40px; vertical-align:middle; text-align:left;}
.evt-giftV19 li .desc .tit {margin-bottom:3px; font-weight:bold; font-size:16px;}
.evt-giftV19 li .desc .txt {font-size:14px; line-height:1.36; color:#333; word-break:keep-all;}
.evt-giftV19 li .thumbnail {position:relative; display:table-cell; width:120px; height:100%; background-position:50%; background-repeat:no-repeat; background-size:cover; font-size:0;}
.evt-giftV19 li .thumbnail a {position:absolute; top:0; left:0; display:block; width:100%; height:100%; z-index:1;}
.evt-giftV19 li .thumbnail:after {content:' '; display:inline-block; position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,.02);}
.evt-giftV19 .caution {padding-top:15px; font-size:13px; color:#ff7b7b;}


/* 공유하기 */
.ico-share{display:inline-block;overflow:hidden;}
.btn_share{display:block;position:absolute;bottom: 30px;right: 20px;z-index: 9;width: 48px;height: 48px;margin-left: 0;background: none;border: none;}
.btn_share .ico-share{position:absolute;top:0;left:0;width: 48px;height: 48px;visibility: visible;}
.layer_share{display:none;position: fixed;bottom: 280px;left:50%;z-index:110;width:300px;margin-left:-150px;padding: 18px 17px;box-sizing: border-box;background: #fff;border: 2px solid #717171;border-radius: 23px;}
.layer_share .layer_title{position:relative;z-index:120;border-bottom: 1px solid #e6e6e6;background:#fff;text-align:center;line-height:37px;}
.layer_share .layer_title .title{display:block;font-size:16px;color:#233549;line-height:37px;text-align: left;font-family: 'GmarketSansMedium';padding-left: 6px;}
.layer_share .layer_title .btn_close{display:block;position:absolute;top: 4px;right: 6px;width: 15px;height: 14px;background:none;border: none;}
.layer_share .layer_title .btn_close .ico-share{position:absolute;top:0;right:0;visibility: visible;}
.layer_share .layer_content{position:relative;z-index:120;background:#fff;border-top:0 none;}
.layer_share .layer_content .share_content{padding: 18px 13px 0;}
.layer_share .layer_content .share_content .list_share{overflow:hidden;}
.layer_share .layer_content .share_content .list_item{float:left;position:relative;width: 36px;height: 36px;margin: 0 12px 0 0;}
.layer_share .layer_content .share_content .list_item .ico-share{/* position:absolute; *//* top:0; *//* left:0; *//* width:66px; *//* height:66px; */}

.layer_share .layer_content .url_copy{position:relative;padding:0 85px 0 23px}
.layer_share .layer_content .url_copy .url{overflow:hidden;width:170px;height:33px;padding:0 8px 0 10px;border:1px solid #d6d7d8;border-radius:2px;font-size:15px;color:#222;line-height:33px;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}
.layer_share .layer_content .url_copy .btn_copy{display:block;position:absolute;top:0;right:23px;width:54px;height:33px;border:1px solid #d6d7d8;border-radius:2px;font-size:14px;color:#3d424b;text-align:center;line-height:33px}
.layer_share .dimmed_share{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.4)}


/* 타임세일 메인 상단 */
.time_box{display:inline-block;text-align:center;color:#222222;font-weight:700;font-size:30px;}
.circle-time {font-family: 'GmarketSansBold', sans-serif;}
.time_line{line-height:1;margin:0 2px 0 0; display:inline-block; font-family: 'GmarketSansMedium', sans-serif;}


/* 타임세일 데일리 */
.time_box2{display:inline-block;text-align:center;color:#222222;font-weight:700;font-size:45px;}
.circle-time2 {font-family: 'GmarketSansBold', sans-serif;}
.time_line2{line-height:1;margin:0 -3px 0 0; display:inline-block; font-family: 'GmarketSansMedium', sans-serif;}


div.C-27712-60-3 { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:repeat left top; border-top:0px solid ; border-right:0px solid ; border-bottom:0px solid ; border-left:0px solid ; }
/* BASIC css end */


/* BASIC css end */