/* BASIC css start */
#container > #contents{max-width:100%; width:100%; min-height:auto;}

.ec-base-product .prdList{margin:0; display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.ec-base-product .prdList .desWrap{display:none!important;}
.ec-base-product ul.grid4 > li{width:24.9%; /*border-right:3px solid #fff; border-bottom:3px solid #fff;*/ box-sizing:border-box; margin:0 0 3px 0; padding:0;}

.main_frame{position: relative; max-width: 1600px; width:85%; margin:0 auto; box-sizing:border-box;}

/******** 메인 본문 최상단 슬라이드 ********/
.mainTopSlider {position:relative;overflow:hidden;width:100%; /*margin-bottom:50px;*/ /*margin-top:100px;*/ text-align:center; border-bottom:3px solid #fff;}
.mainTopSlider .slider {width:100%}
.mainTopSlider .slider img {/*width:100%;*/}
.mainTopSlider img{width:100%;}

/* 텍스트 스타일 */
.mainTopSlider .infor { position:absolute;width:700px;left:calc(50% - 350px);height:240px;top:calc(50% - 120px);color:#111;text-align:center;opacity:0;}    
.mainTopSlider .infor .text1 {display:block;font-size:45px;font-weight:200;letter-spacing:1px;padding:0 0 32px;color: rgba(255,255,255,1);/*font-family:Nunito,'Hind Madurai','맑은 고딕','Malgun Gothic',AppleGothic,sans-serif;*/ height:60px;line-height:60px;}
.mainTopSlider .infor .text2 {display:block;font-size:14px;font-weight:300;line-height:25px;letter-spacing:0;color:rgba(255,255,255,0.85);}
.mainTopSlider .infor .text3 { position:relative;display:inline-block;margin-top:36px;letter-spacing:5px;font-weight:300;background:rgba(53, 53, 51, 0.84);color:#fff;font-size:12px;padding:13px 30px 12px; border-radius:40px;}
.mainTopSlider .infor .text3 a {color:rgba(255,255,255,0.8);font-size:13px;DISPLAY:BLOCK;MARGIN-LEFT:5PX;font-weight:300/*;font-family:'nunito','맑은 고딕','Malgun Gothic'*/;}
.mainTopSlider .infor .text3 i {font-size:11px;}

/* 페이저, 화살표 */
.mainTopSlider .flickity-page-dots{bottom:100px;}
.mainTopSlider .flickity-page-dots .dot{ background: rgba(255,255,255,0.9);width: 9px;height: 9px;margin: 0 5px;}
.mainTopSlider .flickity-prev-next-button.previous{left:80px;}
.mainTopSlider .flickity-prev-next-button.next{right:80px;}

/* Fade CSS */
.mainTopSlider .flickity-slider {transform: none !important;}
.mainTopSlider .slider {left: 0 !important;opacity: 0;transition: opacity 0.5s ease-in-out;z-index: -1;}
.mainTopSlider .slider.is-selected {opacity: 1;z-index: 0}

/* 메인타이틀 설정 */
.ec-base-product.main .title{margin-bottom:10px;}
.ec-base-product.main {margin-bottom:100px;}
.ec-base-product.main > .title{display:block;text-align:left;}
.ec-base-product.main > .title:after {content:"";display:none;clear:both;}
.ec-base-product.main > .title h2{text-align:center;font-size:13px;letter-spacing:0.5px;text-transform:uppercase;display:inline-block;font-weight:400;position:relative;}
/*.ec-base-product.main > .title h2:after { content:"";position:absolute;width:calc(100%);height:1px;left:0;bottom:-7px;background:#8e8e8e;}*/
.ec-base-product.main > .title h2 span{font-size:13px;font-weight:400; color:#535353;}
.ec-base-product.main > .title h3{  display:block;text-align:center;font-size:11px;letter-spacing:0;line-height:18px;padding-top:25px;color:#999;}


/******** 공지사항 ********/
.notiMain {position:relative;clear:both;display:block;text-align:left;padding:0 15% 50px ;/*height:60px;*/ margin-bottom:100px; text-align:center;}
.notiMain ul li {display:block;line-height:24px; margin-bottom:8px;}
.notiMain ul li:last-child {margin-bottom:0;}
.notiMain ul li a {position:relative;display:inline-block;font-size:12px;color:#888;letter-spacing:0.3px; text-align:center; padding:0 5px; border-radius:2px; -webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.notiMain ul li a:hover {background:#eee;}
.notiMain > a.more {display:block;font-size:12px;color:#bbb;letter-spacing:1px;position:absolute;right:0;top:20px;}
.notiMain > a.more:hover{text-decoration:underline; right:5px;}
.notiMain > .title{display:block;text-align:center; margin: 30px 0 15px;}
.notiMain > .title:after {content:"";display:none;clear:both;}
.notiMain > .title h2{text-align:center;font-size:13px;letter-spacing:0.5px;text-transform:uppercase;display:inline-block;font-weight:400;position:relative;}


/******** 탭상품 ********/
.tabWrap{margin-bottom:100px; position:relative;}
.tabWrap .title{margin-bottom:0}

.tabWrap .tabArea{position:relative; padding-bottom:500px;}

/* 리스트 */
.tabWrap .tabList{height:49px; margin-top:40px; text-align:center;}
.tabWrap .tabList ul{font-size:0; line-height:0; letter-spacing:0;margin-left:-1px;}
.tabWrap .tabList ul li{display:inline-block; vertical-align:bottom; width:20%; height:50px; position:relative;}
.tabWrap .tabList ul li:last-child {width: calc(20% - 1px);}
.tabWrap .tabList ul li a{display:block; width:100%; text-align:center; position:absolute; left:0; bottom:0; background:#f0f0f0; color:#777; font-size:12px; line-height:39px; height:39px; box-sizing:border-box; transition:0.25s ease-out; cursor:pointer;}
.tabWrap .tabList ul li a.active{background:#fff; border:1px solid #ddd; line-height:45px; height:45px; font-size:13px; color:#3a3a3a; border-bottom:0; border-top-color:#6d6d6d;}

/* 컨텐츠 */
.ec-base-product.tabCon{opacity:0; position:absolute; top:49px; left:0; z-index:19;}
.ec-base-product.tabCon.show{z-index:20; opacity:1;width:100%;}
.ec-base-product.tabCon:nth-child(2){display:block;}
.ec-base-product.tabCon .prdList{border:1px solid #ddd; box-sizing:border-box; padding:50px 50px 40px 50px; margin-top:0px !important; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:0;}


/* 레이아웃 */
.ec-base-product.tabCon .prdList:after{content:""; display:block; clear:both;}
.ec-base-product.tabCon .prdList > div.left {float:left;width:calc(41%);overflow:hidden;}
.ec-base-product.tabCon .prdList > div.right {float:right;width:calc(59% - 10px);}
.ec-base-product.tabCon .prdList > div.left .thumbnail {margin-bottom:0px; position:relative;}
.ec-base-product.tabCon .prdList > div.right .thumbnail {margin-bottom:0px; position:relative;}
.ec-base-product.tabCon .prdList > div:after {content:"";clear:both;display:block;}
.ec-base-product.tabCon .prdList > div > ul > li { position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top;cursor:pointer;}
.ec-base-product.tabCon .prdList > div.right > ul {width:calc(100% + 11px);margin-left:-10px;}
.ec-base-product.tabCon .prdList > div.right > ul > li { position:relative;float:left; width:calc(100% / 3 - 11px);margin-right:0;margin-left:10px;display:inline-block;vertical-align:top;margin-bottom:10px;cursor:pointer;}

/* 정보노출 */
.ec-base-product.tabCon .prdList > div > ul > li .desWrap{position:absolute; left:0; top:0; background:rgba(0, 0, 0, 0.57); width:100%; height:100%; display:inline-block; vertical-align:middle; opacity:0; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
.ec-base-product.tabCon .prdList > div > ul > li:hover .desWrap{opacity:1;}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable {display:table; width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer;}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .description{display:table-cell; vertical-align:middle; text-align:center;}

/* 정보 레이아웃 */
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .description li{text-align:center;color:#ddd}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .name {border:0; margin-bottom:0; text-align:center;}

.ec-base-product.tabCon .prdList > div.left > ul > li .desWrap .desTable .name{padding-bottom:15px;}
.ec-base-product.tabCon .prdList > div.left > ul > li .desWrap .desTable .name > a {font-size:15px !important;color:#ddd}
.ec-base-product.tabCon .prdList > div.right > ul > li .desWrap .desTable .name > a {font-size:0.65vw !important;color:#ddd}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .spec li span{font-size: 0.7vw !important; line-height:1.5 !important;}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .icon .promotion{text-align:center;}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .icon .promotion img{margin:0 2px;}

.ec-base-product.tabCon .prdList > div > ul > li span span {display:none;} /* 세일 */


/* 4분할 배너 */
.bnLayout4{margin:0 auto 160px;display:table;width:100%;}
.bnLayout4 ul{clear:both;font-size:0; line-height:0;letter-spacing:0;margin-bottom:27px;}
.bnLayout4 ul li{vertical-align:top; position:relative;overflow:hidden; display:table-cell;}
.bnLayout4 ul li.bn1 {}
.bnLayout4 ul li.bn2 {padding-left:27px;}
.bnLayout4 ul li.bn3 {padding-right:27px;}
.bnLayout4 ul li.bn4 {text-align:right;}
.bnLayout4 ul li .slider {display:block;}
.bnLayout4 img {width:100%;}
/* 4분할 배너 슬라이드 버튼 */
.bx-wrapper .bx-prev {left: 30px;background: url('/design/yerna/onedesign2/images/banLeft.png') no-repeat 0 0;}
.bx-wrapper .bx-next {right: 30px;background: url('/design/yerna/onedesign2/images/banRight.png') no-repeat 0 0 ;}
.bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 38px;height: 38px;text-indent: -9999999px;z-index: 99;font-size:0;}


#sp_price_prd{position:relative; /*background:#f5f5f5;*/ padding:0; box-sizing:border-bot;}
#sp_price_prd .swiper-slide{padding-bottom:0!important;}
#sp_price_prd .swiper-slide a{display:block;}
/*#sp_price_prd .prdList{display:flex;}*/
#sp_price_prd .prd-name{/*border-bottom: 1px solid #ccc;*/}
#sp_price_prd .swiper-button-prev{background:url(/design/yerna/onedesign2/images/slide_prev.png); width:17px; height:33px; left:12.5%; top:57%;  background-size:100%;}
#sp_price_prd .swiper-button-next{background:url(/design/yerna/onedesign2/images/slide_next.png); width:17px; height:33px; right:12.5%; top:57%; background-size:100%;}
/*#sp_price_prd .description{border:1px solid #ccc;}*/
#sp_price_prd.ec-base-product.mainSale .prdList .description{padding:10px 0 0 0; border:0;}
#sp_price_prd.ec-base-product ul.grid6 > li{width:15.83%; margin-right:1%; padding-bottom:30px;}
#sp_price_prd.ec-base-product ul.grid6 > li:nth-child(6n){margin:0;}
#sp_price_prd.ec-base-product .spec li.soldout{color: #ff0000; font-family: 'Allura'; font-size: 20px;}

#sp_price_prd.ec-base-product .spec li{text-align:center;}


/* 세일항목 */
.ec-base-product.mainSale {}
.ec-base-product.mainSale ul.grid2 > li { border:1px solid #e8e8e8;box-sizing:border-box;padding:0;margin-bottom:2%;}

.ec-base-product.mainSale .prdList .thumbnail { position:relative;margin:0 auto 0px;text-align:center;display:block;}
.ec-base-product.mainSale .prdList .thumbnail img { /* margin-top:50px; */}
.ec-base-product.mainSale .prdList .description {position:relative;padding-top:28px;padding:52px 30px 33px;box-sizing:border-box;border:1px solid #ececec;border-top:0;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}

.ec-base-product.mainSale .prdList .description .salepercent { right:calc(50% - 34px);top:-37px !important;color:#fff !important;background:#c5481a;position:absolute;text-align:center;font-size:18px;font-weight:400;display:block;border-radius:50px;width:60px;height:60px;line-height:60px;opacity:1;padding:4px;}
.ec-base-product.mainSale .spec li { margin-bottom:5px;}
.ec-base-product.mainSale .prdList > li .thumbnail img,
.ec-base-product.mainSale .prdList > li:hover .thumbnail img { -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}    

.ec-base-product.mainSale .prdList > li .description .name {border-bottom:0;margin-bottom:0;}
.ec-base-product.mainSale .spec li.customPrice,
.ec-base-product.mainSale .spec li.price,
.ec-base-product.mainSale .spec li.salePrice { display:inline-block !important;padding-right:5px;padding-top:6px;;}    
.ec-base-product.mainSale .spec li.colorchip {     right: 32px;top: 51px;;}
.ec-base-product.mainSale .spec li.colorchip .chips:first-child { margin-left:0;}
.ec-base-product.mainSale .prdList .description .salepercent span { display:none;    }
.ec-base-product.mainSale .icon {display:none !important;}


/******** 우리의 주간 베스트상품 ********/
.wide100 {background:#8a857e url('/design/yerna/onedesign2/images/bgWeekly.jpg') center center no-repeat; background-size:cover; background-attachment:fixed; width:100%;text-align:center;color:#fff;padding:120px 0 200px;/*font-family:'nunito','맑은 고딕','Malgun Gothic';*/margin-bottom:100px;}
.wide100 h2 {display:block;font-size:27px;font-weight:200; letter-spacing:0.7px; text-shadow:0 1px 4px rgba(0, 0, 0, 0.1);padding-bottom:25px; /*font-family:'맑은 고딕' !important*/}
.wide100 h3 {display:block;font-size:13px; letter-spacing:0.8px; font-weight:200;line-height:24px;}
.wide100 h3 b {display:inline-block;font-weight:bold;}
.wide100 > div {  background:rgba(206, 206, 206, 0.22) /* rgba(255,255,255,0.3) */;width:80%;margin:0 auto;margin-top:100px;}

/* 메인상품진열 Weekly */
.weeklyBest .weeklyMain {font-size:0;line-height:0;}
.weeklyBest:after {clear:both;display:block;content:"";}
.weeklyBest .weeklyMain li {display:inline-block;width:50%;text-align:left;} 
.weeklyBest .weeklyMain li,
.weeklyBest .weeklyMain li:hover,
.weeklyBest .weeklyMain li span,
.weeklyBest .weeklyMain li:hover span{-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;transition:all 1s;}
.weeklyBest .weeklyMain li:hover {background:rgba(255,255,255,0.2);cursor:pointer;}
.weeklyBest .weeklyMain li .prdImg {float:left;position:relative;width:100%;}
.weeklyBest .weeklyMain li .prdImg .prdImgdiv {overflow:hidden;}
.weeklyBest .weeklyMain li .prdImg .prdImgdiv ul {width:200%;}
.weeklyBest .weeklyMain li .prdImg .prdImgdiv img {float:left;width:50%;max-height:100%;}
.weeklyBest .weeklyMain li.liodd .prdImg .prdImgdiv ul {width:200%;margin-left:-100%;}
.weeklyBest .weeklyMain li .thumbnail{display:inline-block;width:50%;}
.weeklyBest .weeklyMain li .name {position:absolute;left:100%;top:calc(50% - 13px);width:100%;display:inline;vertical-align:middle;/*font-family:'맑은 고딕' !important*/}
.weeklyBest .weeklyMain li .name span {display:block; line-height:26px; width:80%; text-align:center; margin:0 auto; opacity:0.96; letter-spacing:0.8px;font-size:15px;color:#fff;}
.weeklyBest .weeklyMain li.liodd {text-align:right;position:relative;}
.weeklyBest .weeklyMain li.liodd:after {content:"";position:absolute;left:-1px;width:1px;height:100%;background:rgba(255,255,255,0.1);}
.weeklyBest .weeklyMain li.liodd .prdImg {float:right;}
.weeklyBest .weeklyMain li.liodd .name {position:absolute;left:-100%;top:calc(50% - 13px);width:100%;display:inline;vertical-align:middle;}
.weeklyBest .weeklyMain li.liodd .name span {display:block;line-height:26px;width:80%;text-align:center;margin:0 auto;}
.weeklyBest .weeklyMain li.inner {text-align:right;}
.weeklyBest .weeklyMain li.inner .name {left:-100%;}
.weeklyBest .weeklyMain li.inner.liodd {text-align:left}
.weeklyBest .weeklyMain li.inner.liodd .name {left:100%;}

/* weekly 에서 기타 안보이게 */
.weeklyBest .prdIcon,
.weeklyBest .wish,
.weeklyBest .icon,
.weeklyBest .description {display:none;}


/* 메인 혼합배너팩존 */
.bannerZone2 {clear:both;padding:0 0 100px 0;height:auto !important;}
.bannerZone2:after{content:"";clear:both;display:block;}
.bannerZone2 .ul2 li,
.bannerZone2 .ul3 li {height:100%;overflow:hidden;}
.bannerZone2 ul > li {position:relative;}
.bannerZone2 .text {position:absolute;z-index:9;padding:15% 10%;left:0;top:0;    }    
.bannerZone2 .text h3 {display:block;font-size:20px;font-weight:300;letter-spacing:3px;color:#9c9185;}
.bannerZone2 .text span {display:block;font-size:12px;letter-spacing:0px;color:#888;padding:20px 0;font-weight:300;line-height:22px;}
.bannerZone2 .text a {display:block;color:#777;    }

.bannerZone2 .text2 {position:absolute;z-index:9;left:0;top:0;width:100%;text-align:center;}
.bannerZone2 .text2 > ul {padding:15% 10%}
.bannerZone2 .text2 h3 {display:block;color:#9c9185;font-weight:300;font-size:18px;letter-spacing:1px;}
.bannerZone2 .text2 span {display:block;font-size:12px;margin:20px 0;color:#999;letter-spacing:0.5px;}
.bannerZone2 .text2 a {display:block;}


#footerTop {margin-top:0 !important}
/* BASIC css end */