/* BASIC css start */
#ftWrap { margin: 0 !important; }

/* 메인 롤링 배너 */
.sliderWrap {position:relative;min-width:1200px;height: 660px;overflow:hidden;}
.sliderWrap .sliderArea {margin-left:-1500px;position:absolute;top:0;left:50%;width:3000px;text-align: center;}
.sliderArea .bx-pager{position:absolute;bottom: 23px;left:0;right:0;z-index:60;text-align:center; font-size:20px; }
.sliderArea .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.sliderArea .bx-pager-link{display:inline-block;width: 15px;height: 15px;font-size:0;margin: 0 5px;background-color: #2e2e2e;border-radius: 10px;}
.sliderArea .bx-pager-link.active{background-color: #d2d2d2;}
.sliderArea .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;width: 100%; opacity:0;}
.sliderArea:hover .bx-controls-direction { transition:all 0.3s ease;-webkit-transition:all 0.3s ease; opacity:1; }
/* < > 크기 */
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-30px;font-size: 80px;display:inline-block;width:85px;height:85px;line-height: 60px; border: 1px solid rgba(255, 255, 255, 0);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;color:#fff;}
.sliderArea .bx-prev{left: 33%;margin-left: -152px; }
.sliderArea .bx-next{right: 33%;margin-right: -152px; }
.sliderArea .bx-controls-direction a.bx-prev:hover, .sliderArea .bx-controls-direction a.bx-next:hover {border:1px solid #fff;}

/* 서브배너 */
.subBanArea { margin:100px 0 0; }
.subBanArea .sBan { width:1200px; margin:0 auto; }
.subBanArea .sBan li { overflow:hidden; float:left; margin:0 30px 0 0; }
.subBanArea .sBan li:last-child { margin:0 ; }
.subBanArea .sBan li a img { width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.subBanArea .sBan li a:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }

/* 서브배너-2 */
.subBanArea-2 { margin:30px 0 0; }
.subBanArea-2 .sBan-2 { width:1200px; margin:0 auto; }
.subBanArea-2 .sBan-2 li { overflow:hidden; float:left; margin:0 30px 0 0; }
.subBanArea-2 .sBan-2 li:last-child { margin:0 ; }
.subBanArea-2 .sBan-2 li a img { width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.subBanArea-2 .sBan-2 li a:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }

/* 상품 타이틀 */
.h_title h3 { text-align:center;margin:120px auto 40px; font-size: 28px; font-weight:bold; color:#2e2e2e; letter-spacing:1px; }

.item-wrap {overflow: hidden; width:1200px; margin: 0 auto;min-width: 1200px;}

.mdWrap { padding:70px 0; }
.mdArea { width:1200px; margin:0 auto; }

/* MD'S PICK, onSALE  롤링상품진열 */
.mdPickWrap { float:left; position:relative; border:1px solid #d8d8d8; }
.mdPickWrap p.ttl { font-size:28px; font-weight:bold; text-align:center; margin:45px 0 25px;}
.mdPickWrap .sliderArea{position:relative; padding:0 0 76px; width:543px; margin:0 auto; }
.mdPickWrap .list-box ul { *zoom:1 }
.mdPickWrap .list-box ul:after { display:block; clear:both; content:'' }
.mdPickWrap .list { float:left; margin: 0 5px;width: 170px;}
.mdPickWrap .list .thumb { display:block; overflow:hidden; text-align: center; position:relative;}
.mdPickWrap .list .thumb img {width: 100%; max-width: 100%; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease; }
.mdPickWrap .list .thumb:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
.mdPickWrap .list .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease; }
.mdPickWrap .list .thumb .prd-preview {display:none; position:absolute; right:12px; bottom:12px; width:32px; height:32px; background-color:rgba(255, 255, 255, 0.8);border-radius:100%;}
.mdPickWrap .list .thumb .prd-preview a { font-size:18px; line-height:32px;}
.mdPickWrap .prd-info { margin:20px 0 0; }
.mdPickWrap .prd-info .prd-name {font-size:16px; width:170px; overflow:hidden;}
.mdPickWrap .prd-info .prd-subname {font-size:16px; color:#999; margin-top:7px; }
.mdPickWrap .prd-info .prd-price del { color:#999; font-weight: normal; font-size: 14px; margin-right: 5px;}
.mdPickWrap .prd-info .prd-price {padding: 4px 0 0;font-size:17px;font-weight:bold;}
.mdPickWrap .mdPick_pagination { position:absolute; right:0; left:0; bottom:24px; text-align:center; }
.mdPickWrap .mdPick_pagination .swiper-pagination-bullet {width:13px; height:13px; background:#2e2e2e; margin:0 5px; opacity:1;}
.mdPickWrap .mdPick_pagination .swiper-pagination-bullet-active {width:13px; height:13px; background:#d2d2d2; opacity:1;}

.mdPickWrap .swiper-pagination { right:0; left:0; bottom:24px; }
.mdPickWrap .swiper-pagination .swiper-pagination-bullet {width:13px; height:13px; background:#2e2e2e; margin:0 5px; opacity:1;}
.mdPickWrap .swiper-pagination .swiper-pagination-bullet-active {width:13px; height:13px; background:#d2d2d2; opacity:1;}


/* 전체 배너 */
.rongBanner { position: relative; overflow:hidden; }
.rongBanner img { -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.rongBanner:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
.rongBanner .txt {position:absolute;left:0;right:0;text-align:center; z-index:10;letter-spacing:1px; }
.rongBanner .txt .t1 { padding: 150px 0 40px; font-size: 54px; color: #000; font-weight: bold; line-height: 37px;}
.rongBanner .txt .t2 a { display:inline-block; font-size: 16px; color: #fff; border:1px solid #fff; padding:8px 40px; }
.rongBanner .txt .t2 a:hover { background-color:rgb(255,255,255,0.3)}

/* SPEICAL ITEM */
#specialWrap {width:1200px; margin:0 auto; }

/* 공지사항 */
.boardArea { background-color:#f2f2f2; padding: 45px 0; margin: 100px auto 0;}
.boardArea .inner { width: 1200px; margin: 0 auto; }
.boardArea .notice { width:560px; margin:0 40px 0 0; float:left; }
.boardArea .notice dt { font-size:24px; font-weight:bold; margin-bottom:10px; padding-bottom:6px; color:#2e2e2e; }
.boardArea .notice dt span a { font-size:14px; float:right; text-decoration:underline; color:#7e7e7e; font-weight:normal; margin-top:5px; }
.boardArea .notice dd { line-height:36px; border-bottom:1px solid #e5e5e5; }
.boardArea .notice dd a { font-size:14px; color:#2e2e2e; }
.boardArea .notice dd span { color:#7e7e7e; float:right; font-size:14px; }
.boardArea .notice a:hover { color:#000; font-weight:bold; }

/* 고객센터, 은행계좌 */
.boardArea .csArea { position:relative; width:560px; height:160px; margin-left: 40px; float: left; }
.boardArea .csArea dl.csCenter { position:absolute; top:0; left:50px; }
.boardArea .csArea dt { font-size:20px; font-weight:bold; margin:0 0 12px; }
.boardArea .csArea dd { font-size:13px; line-height:18px; }
.boardArea .csArea dd.tel { font-size:20px; font-weight:bold; margin-bottom: 5px; }
.boardArea .csArea dl.csCenter dd a.qna,
.boardArea .csArea dl.csCenter dd a.m2m { display:inline-block; color:#fff; background:#2e2e2e; width:85px; height:30px; text-align: center; line-height: 30px; font-size: 14px; margin-top: 10px;}
.boardArea .csArea dl.csCenter dd a.m2m { margin-left: 5px;}
.boardArea .csArea dl.bankInfo { position:absolute; top:0; left:320px; }

/* BASIC css end */