/* BASIC css start */
.rolling_cate{display:none}
/*엘린피트*/
.mainBanner1{padding:0}
.mainBanner1 h2{max-height:43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:43px;padding:0 42px 0 14px;background:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/layout/bg_title_close.gif") no-repeat right 14px top 50%;background-size:13px 8px;cursor:pointer}
.mainBanner1 img{max-width:100%}
.mainBanner1 li{vertical-align:top}

.mainBanner1 > ul[class*="grid"]{display:table;table-layout:fixed;width:100%;box-sizing:border-box;padding:0 0px;font-size:0;line-height:0}
.mainBanner1 > ul[class*="grid"] > li{position:relative;display:inline-block;margin:0 0 0px;vertical-align:top;font-size:12px;line-height:1.4}
.mainBanner1 .thumbnail{position:relative;padding:0 7px;margin:0 0 14px}
.mainBanner1 .thumbnail .thumb{width:80%;border:1px solid #ededed}
.mainBanner1 .thumbnail .wishIcon{position:absolute;right:7px;bottom:3px;z-index:10}
.mainBanner1 .information{position:relative;min-height:10px;margin:0 7px;line-height:1em}
.mainBanner1 .name{line-height:1.2em;word-wrap:break-word;margin:0 0 6px}
.mainBanner1 .name a{font-size:13px;color:#1b1b1b}
.mainBanner1 .icon{margin:0 0 6px}
.mainBanner1 .price{font-size:12px;margin:0 0 6px}
.mainBanner1 .strike{text-decoration:line-through;}
.mainBanner1 .color{overflow:hidden;margin:0}
.mainBanner1 .color .chips{float:left;width:12px;height:10px;margin:0 2px 2px 0;font-size:0;line-height:0}

.mainBanner1 .more_view{margin:7px 4px 0}
.mainBanner1 .more_view a{display:block;padding:0 0 0 0;background:#d4d4d6}
.mainBanner1 .more_view a span{overflow:hidden;display:block;width:100%;height:30px;text-indent:-9999px;background:url("http://img.echosting.cafe24.com/skin/mobile_ko_KR/product/bg_togglebar_show.png") no-repeat 50% 50%;background-size:12px 12px}
.mainBanner1 .grid1 li{width:100%}
.mainBanner1 .grid2 li{width:50%}
.mainBanner1 .grid3 li{width:33.333%}
.mainBanner1 .grid4 li{width:25%}
.mainBanner1 .grid5 li{width:20%}

/*Swiper Slider*/
.main_slider .swiper-slide{text-align:center;font-size:18px;background:#fff/* Center slide text vertically */display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.main_slider .swiper-button-next, .main_slider  .swiper-button-prev{display:none}
.main_slider .swiper-pagination-fraction{width:auto;left:auto;right:0px;bottom:0;padding:5px 10px;color:#fff;background:#222222e6}


.sub_slider3 .swiper-slide {text-align:center;font-size:18px;background:#fff/* Center slide text vertically */display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.sub_slider3 .swiper-button-next, .sub_slider3  .swiper-button-prev{display:none}

.mbanner{margin:0 0 10px;width:100%}
.mbanner img{width:100%}


.mb5{overflow:hidden;margin:5px 0;/*padding:7px 7px 0;*/background:#f0f0f0}
.mb5 .mb2Left{width:50%;line-height:100%;float:left;background:#fff}
.mb5 .mb2Left .spanleft{margin:0 7px;height:24px;line-height:22px;overflow:hidden;font-size:11px;background:#f0f0f0;display:block;text-align:center}
.mb5 .mb2Left .spanright{margin:0 1px 2px 2px;display:block}
.mb5 .mb2Left .spanright2{margin:0 2px 2px 1px;display:block}
.mb5 .mb2Left img{text-align:right;max-width:100%}

.fullbanner{overflow:hidden;padding:0px 0px}
.fullbanner img{max-width:100%}

.maingnb{width:100%;background:#fff}
.mgFixed{position: fixed;top: 36px;z-index:99999!important}

.maingnb ul{width:100%;margin:16px 0 6px 0;overflow:hidden}
.maingnb ul li{float:left;width:16%;padding:0 2%;margin-bottom:10px;overflow:hidden;text-align:center;line-height:2em;font-weight:700;white-space:nowrap}
.maingnb img{display:block;max-width:50px;margin:0 auto}

.top_searched{overflow:hidden;padding:0 8px 8px;margin:16px 0;font-size:16px}
.top_searched>p{font-size:18px;padding:10px 0;border-bottom:1px solid #f5f5f5}
.top_searched .brand_more{float:right;font-size:14px}
.top_searched>a{width:calc(50% - 20px);padding:10px;float:left}
.top_searched>a span{color:#f81d17;margin-right:16px}

.company_bnWrap{background:#f5f5f5;color:#222}
.company_bn{width:328px;margin:0 auto;font-size:14px;padding:24px 16px;line-height:20px}
.company_bn *{display:inline-block}
.company_bn img{height:64px}
.company_bn p{padding-left:8px}
.company_bn b{margin-bottom:6px;font-size:15px}

.catetitle{font-size:16px;text-align:left;margin:16px 8px}
.catetitle a{font-size:12px;float:right}

/* Layout 5 - Image Layout
----------------------------*/

.slide{position:relative;top:0;left:0;width:100%;height:300px}
.slide.layout-image{background-attachment:fixed;background-position:50% 0;height:300px;overflow:hidden}
.slide.layout-image .inner-wrap{/* Solution:Chrome Transition Bug */height:100%;position:relative;width:100%;z-index:3}
.slide.layout-image .content{bottom:0;height:213px;/* Increase this as needed */left:0;margin:auto;position:absolute;right:0;top:0;width:100%;z-index:2}

.modern .slide.layout-image .content{height:100px;/* Increase this as needed */}
.slide.layout-image .content h4{display:none;color:#78d1d9;padding:110px 0 0;font-family:'Roboto',arial,serif;font-size:33px;text-align:center;line-height:41px;font-weight:600;text-transform:uppercase;font-size:42px}
.slide.layout-image .content h4 span{display:block;font-size:12px;font-weight:normal;line-height:16px;text-transform:none;color:#565656}
.modern .slide.layout-image .content h4 {font-family:'Roboto', cursive;font-size:22px;line-height:normal;text-transform:none}

.texture{background:url("/web/User/texture.png") repeat;overflow:hidden;position:absolute;width:100%;height:100%;top:0;left:0}

.xans-photoslide2-mdisplay .sliderPage{background:none !important}
.xans-photoslide2-mdisplay .sliderPage span{color:#555 !important;font-size:12px !important}
.xans-photoslide2-mdisplay .sliderPage span.this{color:#cc0000 !important}

/* 롤링배너 */
#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 h1{margin:30px 0 18px 0;text-align:center}
.main h1 img{width:100%}
.main h4{margin:15px 0 18px 0;text-align:center}
.main h4 img{width:100%}
.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}

/*company_bn*/
.CPbn{overflow:hidden}
.CPbn img{float:left;width:50%}
/*company_bn END*/

/*메인더보기마진*/
.more{margin-bottom:50px}

.tab_title{font-size:2em;font-weight:500;text-align:center;margin:50px 0 36px;line-height: 1.3em}
.tab_title p{font-size:0.5em;color:#949494}


.listPrice {margin-top:1px;}
.list_shoppingInfo strike {font-size:1.1em;}


/* BASIC css end */