/* BASIC css start */
#container > #contents {width:1260px !important;}
#footer {margin-top:0 !important;}
.ec-base-product .title {margin:90px 0 30px ;}

/******** 메인 본문 최상단 슬라이드 ********/
.one_bnlayout3 {position:relative;width:1260px;margin:0 auto;}
.one_bnlayout3:after {content:"";display:block;clear:both;}
.one_bnlayout3 .left {float:left;margin-right:20px;width:700px;height:900px;}
.one_bnlayout3 .right {float:right;}
.one_bnlayout3 .right a:first-child {display:block;margin-bottom:20px;}

.one_bnlayout3 .bx-wrapper .bx-prev {
    left: 20px;
    background: url(/design/candyglow/onedesign2/images/iconBxslider_left.png) no-repeat center 0;
}
.one_bnlayout3 .bx-wrapper .bx-next {
    left:auto;right: 20px;
    background: url(/design/candyglow/onedesign2/images/iconBxslider_right.png) no-repeat center 0;
}

/**************** 메인 슬라이드 탭상품 ***************/
.one_tabprd {margin:30px auto 0}
.one_tabprd:after {content:"";clear:Both;display:block;}
.one_tabprd .box li {float:left;}
.one_tabprd .box li:hover img {opacity:0.7} 
.one_tabprd .box img {width:210px;height:210px;}
.one_tabprd .box li:hover img ,
.one_tabprd .box li img {-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;} 
.one_tabprd #bx-pager {text-align:center;padding-bottom:60px; }
.one_tabprd #bx-pager a {    border-right: 1px solid #ddd;
    padding-right: 12px;
    margin-right: 12px;
    color: #999;
    cursor: pointer;
    font-size: 13px;
    line-height: 15px;}
.one_tabprd #bx-pager a.active {color:#444}
.one_tabprd #bx-pager a:last-child {margin-right:0;border:0;padding:0;}


/* 메인타이틀 설정 */
.ec-base-product.main {clear:Both;}
.ec-base-product.main .title{margin-bottom:60px;}
.ec-base-product.main {margin-bottom:60px;}
.ec-base-product.main > .title{display:block;text-align:center;}
.ec-base-product.main > .title:after {content:"";display:none;clear:both;}
.ec-base-product.main > .title h2 {text-align:center;font-size:17px;letter-spacing:0.5px;text-transform:uppercase;display:block;font-weight:400;position:relative;border-bottom:1px solid #ddd;padding-bottom:15px;}
.ec-base-product.main > .title h2:after { content:"";position:absolute;width:120px;height:2px;left:calc(50% - 60px);bottom:-1px;background:#333;}
.ec-base-product.main > .title h2 span{font-size:16px;font-weight:400;color:#333;}
.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:center;padding:0 0 50px 0;height:60px;}
.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;}






/******** 메인 5분할배너 ********/
.bnLayout5 {clear:both;position:relative;margin:0 auto;text-align:center;margin:0px 0 80px }
.bnLayout5:after {content:"";clear:both;display:block;}
.bnLayout5 > ul {clear:both;}
.bnLayout5 > ul > div {float:left;overflow:hidden;}
.bnLayout5 > .ul1,
.bnLayout5 > .ul1 > div {height:450px} /*1번째줄 배너높이 */
.bnLayout5 > .ul2,
.bnLayout5 > .ul2 > div {height:450px} /*2번째줄 배너높이 */
.bnLayout5 div.bn1 {width:25%;background:url('/design/candyglow/onedesign2/images/bnLayout1.png') 0 0 no-repeat;background-size:cover}
.bnLayout5 div.bn2 {width:25%;background:url('/design/candyglow/onedesign2/images/bnLayout2.png') 0 0 no-repeat;background-size:cover}
.bnLayout5 div.bn3 {width:50%;background:url('/design/candyglow/onedesign2/images/bnLayout3.png') 0 0 no-repeat;background-size:cover}
.bnLayout5 div.bn4 {width:50%;background:#b6b2ae}
.bnLayout5 div.bn4 h2 {display:block;font-size:40px;color:#fff;line-height:70px;font-weight:100;font-family:'nunito','맑은 고딕','Malgun Gothic'; padding-top:112px;letter-spacing:5px;}
.bnLayout5 div.bn4 h2 a {display:block;}
.bnLayout5 div.bn4 h2 a span {margin-top:35px;display:inline-block;border:2px solid rgba(255, 255, 255, 0.82);padding:13px 42px;color:#fff;font-size:13px;line-height:20px;letter-spacing:2px;font-family:'nunito','맑은 고딕','Malgun Gothic';font-weight:bold;text-transform:uppercase;}
.bnLayout5 div.bn4 h2 b {position:relative;font-weight:200;}
.bnLayout5 div.bn4 h2 .wave {position:absolute;left:0;top:0;background-image:url('/design/candyglow/onedesign2/images/wave.png');background-repeat:repeat-x;width:100px;height:50px;display:none}
.bnLayout5 div.text {width:50%;position:relative;text-align:center;background:#f7f7f7;}
.bnLayout5 div.text > ul {padding:120px 0 0;}
.bnLayout5 div.text h2 { position:relative;font-weight:bold;font-size:19px;letter-spacing:3px;color:#626758;}
.bnLayout5 div.text h2:after {content:"";position:absolute;width:14px;height:1px;background:#98a779;left:calc(50% - 7px);bottom:-20px;}
.bnLayout5 div.text p {padding-top:41px;font-weight:300;color:#8e8e8e;font-size:12px;letter-spacing:0.2px;line-height:22px;}







/******** 탭상품 ********/
.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 > ul > li .desWrap .prd-subname {} 
.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.8vw !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;color:#ddd !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;} /* 세일 */

.ec-base-product.tabCon .prdList > div > ul > li .prd-consumer b {color:#999}



/* 4분할 배너 */
.bnLayout4{margin:0 auto 60px;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분할 배너 슬라이드 버튼 */

.bnLayout4 .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;visibility:visible;opacity:1;width: 38px;height: 38px;text-indent: -9999999px;z-index: 99;font-size:0;}
.bnLayout4 .bx-wrapper .bx-controls-direction a.bx-prev {left: 30px;background: url('/design/candyglow/onedesign2/images/banLeft.png') no-repeat 0 0 !important;;}
.bnLayout4 .bx-wrapper .bx-controls-direction a.bx-next {right: 30px;background: url('/design/candyglow/onedesign2/images/banRight.png') no-repeat 0 0 !important; ;}

/* 세일항목 */
.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/candyglow/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 */