/* BASIC css start */
/* =============================================================================
   메인 index.html
   ========================================================================== */
#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; left: 0; bottom:10px; width: 100%; text-align: center; z-index: 999;}
#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%; }

#container.main .items-wrap h2 {

    font-size: 1.080em;
    color: #666768;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50px;
    position: relative;
    padding: 5px 20px;
    display: inline-block;
    z-index: 1;

}


#container.main .items-wrap .items[data-type=tile],
#container.main .items-wrap .items[data-type=horizontal] { margin-bottom: 50px; }
#container.main .items-wrap .items[data-type=horizontal] .price img { vertical-align: -1px; }
#container.main .items-wrap .items[data-type=vertical] li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li .tit img { vertical-align: -1px; }
/* =============================================================================
   메인 아이콘 및 품절배경 관련
================================================================================*/
.items-wrap .items .icons { }
.items-wrap .items .icons span { display: block; text-align:center;}
.items-wrap .items .sold-out { position: absolute; z-index: 1; width: 100%; height: 100%; background: url(/images/d3/m_01/bg/sold_out.png) no-repeat top center; background-size: 100%; }
.items-wrap .items[data-type=vertical] .vertical-img { position:relative; float: left; margin: 0; width: 95px; height: auto; }
.items-wrap .items[data-type=vertical] .vertical-img img { width: 100%; height: auto; max-height: none; }
.items-wrap .items[data-type=vertical] .sold-out { left: 0; top: 0; }



/* =============================================================================
   리마인드 관련
================================================================================*/
#kakao-link-btn {

    display: inline-block;
    width: 100%;
    height: 50px;

    font-size: 15px;
    line-height: 45px;
    font-weight: bold;
    color: #3c1e1e;
    text-align: center;
    background: #ffd902 url(/design/bodymax/M/ico/ico_top_kakao.png) 60px 13px no-repeat;
    background-size: 20px;

}
#remind_layer {display:none;}
#remind_layer .cont .remind-best-list .bx-wrapper { position: relative;}
#remind_layer {position: fixed;}
#remind_layer { z-index: 1000; top: 0; left: 0; width: 100%; height: 100%; display:none;}
#remind_layer .bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; filter: alpha(opacity:60); opacity: 0.6;}
#remind_layer .cont { position: absolute; top: 50%; left: 50%; width: 75%;     margin: -50% 0 0 -37%;}
#remind_layer .cont .remind-best-list .bx-wrapper .bx-viewport img { width:100%;  height:100%}
#remind_layer .cont .remind-close{ position: absolute; top: 0; right: -34px; width: 23px; height: 23px; background: url(/design/bodymax/M/ico/remind_close.png) no-repeat 0 0;}
.bx-wrapper { position: relative; padding: 0; *: ; zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y;}



.closeset li { float: left; width: 50%;}
.closeset li a {
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    width: 100%;
    height: 50px;
    background: #000;
    color: #fff;
    
}
.closeset li:first-child a::before {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    background: #444;
    position: absolute;
    right: 0;
    top: 0;
}


/* BASIC css end */