/* 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: relative; left: 0; 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%; }
#container.main .items-wrap .items[data-type=tile],
#container.main .items-wrap .items[data-type=horizontal] { margin-top: 14px; }
#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 { position: absolute; left: 5px; top: 0; }
.items-wrap .items .icons span img { display:block;padding:3px 0; }
.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; }


/* =============================================================================
   ¼¾Å͹è³Ê
================================================================================*/

.main .topBanner {margin-top:15px; margin-bottom:15px; overflow:hidden;}
.main .topBanner .soho_cnt_bn_01 {width:27%; float:left; position:relative; margin-left:4.5%; margin-right:5%;}
.main .topBanner .soho_cnt_bn_02 {width:27%; float:left; position:relative; margin-right:5%;}
.main .topBanner .soho_cnt_bn_03 {width:27%; float:left; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .soho_cnt_bn span {display:block; font-size:13px; text-align:center; margin-top:4px;}
/* BASIC css end */