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


/******** 메인 본문 최상단 슬라이드 ********/
.mainTopSlider {position:relative;overflow:hidden;width:100%; height:656px; margin:0 auto; background:#eee; 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;}
.mainTopSlider:before{content:""; display:block; width:25px; height:656px; background:#fff; position:absolute; top:0; left:calc(50% - 775px); z-index:99;}
.mainTopSlider:after{content:""; display:block; width:25px; height:656px; background:#fff; position:absolute; top:0; left:calc(50% + 750px); z-index:99;}
.mainTopSlider .slider {width:1500px; margin:0 12.5px; opacity:0.4; background:#ddd;}
.mainTopSlider .slider.is-selected{opacity:1;}
.mainTopSlider .slider img {max-width:100%;}

/* 페이저, 화살표 */
.mainTopSlider .flickity-page-dots{width:auto; display:inline-block; bottom:20px; left:calc(50% + 590px);}
.mainTopSlider .flickity-page-dots .dot{background: rgba(255,255,255,0.9); width:25px; height:5px; margin:0 4px; border-radius:0;}
.mainTopSlider .flickity-prev-next-button.previous{left:80px;}
.mainTopSlider .flickity-prev-next-button.next{right:80px;}


/******** 배너영역1 ********/
.bannerArea1 {padding:97px 0 100px; position:relative; width:100%; overflow:hidden; height:466px;}
.bannerArea1:before{content:""; display:block; width:100%; height:458px; background:#fcf9f5; position:absolute; top:0; left:0; z-index:-1;}
.bannerArea1 .inner{width:1417px; margin:0 auto; font-size:0; line-height:0; letter-spacing:0;}
.bannerArea1 .inner > div{display:inline-block; vertical-align:top; width:423px; height:466px; margin-right:30px;}
.bannerArea1 .inner > div:first-child{width:511px;}
.bannerArea1 .inner > div img {max-width:100%;}
.bannerArea1 .inner > div:last-child{margin-right:0;}
.bannerArea1 .inner > div .bottom{margin-top:18px;}
.bannerArea1 .slider-ban1,
.bannerArea1 .slider-ban2{display:inline-block; width:100%;}
.bannerArea1 .slider-ban1 img,
.bannerArea1 .slider-ban2 img{max-width:100%;}

/* 페이저 */
.bannerArea1 .flickity-page-dots{width:auto; display:inline-block; bottom:17px; left:inherit; right:20px;}
.bannerArea1 .flickity-page-dots .dot{background: rgba(255,255,255,0.8); width:10px; height:10px; margin:0 4px; border-radius:0; opacity:1;}
.bannerArea1 .flickity-page-dots .dot.is-selected{background:rgba(0,0,0,0.3);}


/******** 배너영역2 ********/
.bannerArea2 {margin:0px auto 100px; position:relative; width:100%; padding-bottom:80px; height:788px; overflow:hidden;}
.bannerArea2:before{content:""; background:#fcfbf7; width:100%; height:40%; position:absolute; bottom:0; left:0; right:0;}
.bannerArea2 ul{width:1280px; padding:0 10%; height:708px; text-align:center; margin:0 auto;}
.bannerArea2 .slider-ban3{display:inline-block; width:100%; height:100%; font-size:0; line-height:0; letter-spacing:0;}
.bannerArea2 .slider-ban3 > a{display:inline-block; width:278px; height:344px; margin-right:20px; margin-bottom:20px;}
.bannerArea2 .slider-ban3 > a:nth-child(4n){margin-right:0;}
.bannerArea2 .slider-ban3 > a:nth-child(5),
.bannerArea2 .slider-ban3 > a:nth-child(6),
.bannerArea2 .slider-ban3 > a:nth-child(7),
.bannerArea2 .slider-ban3 > a:nth-child(8){margin-bottom:0;}
.bannerArea2 .slider-ban3 > a img{width:100%; height:100%;}

/* 화살표 */
.bannerArea2 .flickity-prev-next-button{width:50px; height:50px; top:50%;}
.bannerArea2 .flickity-prev-next-button svg{display:none;}
.bannerArea2 .flickity-prev-next-button.previous{left:5%; background:url('/design/leelin/onedesign2/images/arrow_left.png') no-repeat center;}
.bannerArea2 .flickity-prev-next-button.next{right:5%; background:url('/design/leelin/onedesign2/images/arrow_right.png') no-repeat center;}


/* 베스트상품 */
.ec-base-product ul.grid2 > li { width:49%; margin-right:2%; }
.ec-base-product ul.grid3 > li { width:32%; margin-right:2%; }
.ec-base-product ul.grid4 > li { width:calc(25% - 18.75px); max-width: 356px; margin-right: 25px; }
.ec-base-product ul.grid5 > li { width:18.8%; margin-right:1.5%; }
.ec-base-product ul.grid6 > li { width:15%; margin-right:2%;}

.ec-base-product ul.grid2 > li:nth-child(2n){margin-right:0;}
.ec-base-product ul.grid3 > li:nth-child(3n){margin-right:0;}
.ec-base-product ul.grid4 > li:nth-child(4n){margin-right:0;}
.ec-base-product ul.grid5 > li:nth-child(5n){margin-right:0;}
.ec-base-product ul.grid6 > li:nth-child(6n){margin-right:0;}


/* 4분할 배너 */
.bnLayout4{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/leelin/onedesign2/images/banLeft.png') no-repeat 0 0 !important;}
.bnLayout4 .bx-wrapper .bx-controls-direction a.bx-next {right: 30px;background: url('/design/leelin/onedesign2/images/banRight.png') no-repeat 0 0 !important;}


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