/* BASIC css start */
/* 롤링배너 */
#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%; }

/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}


/* =============================================================================
   메인 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; }


.h_title{border:none}
h3.brand_tit{border-top:1px solid #49c1f6;border-bottom:6px solid #49c1f6;margin-top:30px;margin-bottom:40px;color:#000;padding: 7px 5px}

.btn_moreGray{width:60%;color:#fff;margin-top:-20px;
              /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00bdf2+1,00a1e9+4,00a1e9+92,0a92cf+100 */
              background: #00bdf2; /* Old browsers */
              background: -moz-linear-gradient(top, #00bdf2 1%, #00a1e9 4%, #00a1e9 92%, #0a92cf 100%); /* FF3.6-15 */
              background: -webkit-linear-gradient(top, #00bdf2 1%,#00a1e9 4%,#00a1e9 92%,#0a92cf 100%); /* Chrome10-25,Safari5.1-6 */
              background: linear-gradient(to bottom, #00bdf2 1%,#00a1e9 4%,#00a1e9 92%,#0a92cf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bdf2', endColorstr='#0a92cf',GradientType=0 ); /* IE6-9 */}
.btn_moreGray span{color:#fff}


/* //카테고리 */
.top_Brandbtn {position:relative; width:100%; margin:5px auto 12px auto; background-color:#ddeef6;padding:13px 0 7px 0;background-image: url("http://www.wide.co.kr/imom/images/mobile/main_btn_bg.png")}
.top_Brandbtn ul{width:96%;margin:0 1% 0 3%}
.top_Brandbtn li { display: inline-block;  width:23%; float:left; line-height:20px; font-size:.90em; padding:3px 0 2px 0; margin-right:2%; margin-bottom:7px; 
                                   text-align: center; background-color:#49c1f6; color:#fff; font-weight:bold; letter-spacing:-1px; list-style:none;}
.top_Brandbtn li a {display: inilne-block; text-decoration:none; color:#fff; cursor:pointer;}


.list_shoppingInfo p{font-wight:normal}
.list_shoppingInfo .aa{font-weight:bold;font-size:0.915em;color:#777;}
.list_shoppingInfo .aa_2{font-weight:bold;font-size:0.85em;color:#777;letter-spacing: -1px}

.list_shoppingInfo .bb{font-weight:bold;font-size:1em;color:#000;}
.list_shoppingInfo .bb_2{font-weight:bold;font-size:1em;color:#000;letter-spacing: -1px}

.list_shoppingInfo .cc{font-weight:normal;font-size:0.87em;color:#777;display:inline-block;padding-top:10px ;padding-bottom:15px ;line-height:130%;}

p.listDiscount{font-size:0.97em;}
p.listPrice{font-size:1.3em;}
.items li{}

.main_brandtit{background-image: url("http://www.wide.co.kr/imom/images/mobile/m_mainbtit_bg.png");height:90px;margin-top:120px;margin-bottom:30px;}
.main_brandtit p img{margin-top:-60px;margin-bottom:0px}

h3.imom_btit{color:#333;font-size:15px;margin:0;padding:0;margin-top:17px;font-size:1.9em;font-weight:500;border:none}


/* BASIC css end */