/* BASIC css start */
#contentWrapper { margin-top:-120px }

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

/* 상품 타이틀 */
.h_title h3 { text-align:center; font-size: 32px; font-weight:bold; color:#2e2e2e; margin:0 0 35px; }
.h_title h3 p {font-size: 16px; font-weight: normal; margin-top:10px; }

/* 이벤트 배너*/
.eventArea { margin: 120px auto 0; text-align: center; }
.eventArea ul { margin:40px auto 0; width:1210px;}
.eventArea ul li { display:inline-block; position:relative; margin:0 35px; }
.eventArea ul li .txtArea { display:none; background: rgba(0,0,0,0.6); color: #fff; position: absolute; left: 0; top: 0; width: 330px; height: 330px; border-radius: 50%; font-size: 32px; font-weight: bold;}
.eventArea ul li .txtArea p:first-child { margin:130px 0 0; }

#newWrap { width:90%; margin:0 auto; }

.item-wrap .item-cont2 {overflow: hidden; margin-left:-20px;}
.item-wrap .item-cont2 .item-list {float:left;width: 285px; margin: 0 0 30px 20px;}
.item-wrap .item-cont2 .item-list .thumb { position: relative; }
.item-wrap .item-cont2 .item-list .thumb a { display:block; overflow:hidden }
.item-wrap .item-cont2 .item-list .thumb a img { width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.item-wrap .item-cont2 .item-list .thumb a:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
.item-wrap .item-cont2 .item-list .thumb .clChip {margin-top:5px; }
.item-wrap .item-cont2 .item-list .thumb .clChip span {display: inline-block;width: 14px;height: 4px;}

/* MD'S PICK  롤링상품진열 */
.mdWrap { background-color:#f4eee4; padding:70px 0; margin:120px 0;}
.mdPickWrap { position:relative; width:1200px; margin:0 auto;}
.mdPickWrap .sliderArea{position:relative; }
.mdPickWrap .bx-controls-direction{color:#111;position:absolute;top: -80px; right:0; }
.mdPickWrap .bx-controls-direction .bx-next,
.mdPickWrap .bx-controls-direction .bx-prev{display:inline-block;font-size: 20px;width: 45px;height: 45px;border:1px solid #8c8c8c;color:#8c8c8c;background-image: none; text-align:center; }
.mdPickWrap .bx-controls-direction .bx-prev:hover,
.mdPickWrap .bx-controls-direction .bx-next:hover { border:1px solid #2c2c2c; color:#2c2c2c; }
.mdPickWrap .bx-controls-direction i {line-height: 45px;}

.mdPickWrap .list {width: 220px; padding:32px;background-color:#fff; }
.mdPickWrap .list .thumb {position:relative; display:block; overflow:hidden; text-align: center;}
.mdPickWrap .list .thumb img { width:100%;}
.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:10px; bottom:10px; width:90%; height:40px; background-color:rgba(255, 255, 255, 0.7);}
.mdPickWrap .list .thumb .prd-preview a { display:block;font-size:16px; line-height:40px; }
.mdPickWrap .list .thumb .prd-preview:hover { background-color:rgba(255, 255, 255, 1);}
.mdPickWrap .prd-info { margin:20px 0 0; }
.mdPickWrap .prd-info .prd-name {font-size: 16px; }
.mdPickWrap .prd-info .prd-subname {font-size:14px; 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: 19px 0 0;font-size:16px;}

/* 롤링 배너 */
.rollBan { position:relative; width:100%; height:485px;overflow:hidden; }
.rollBan .sliderArea { margin-left: -960px; position: absolute; top: 0; left: 50%; width: 1920px;  }
.rollBan .sliderArea .rollBanner li { text-align:center; }
.rollBan .bx-pager{position:absolute;bottom: -50px;left:0;right:0;z-index:60;text-align:center; font-size:20px; }
.rollBan .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.rollBan .bx-pager-link{display:inline-block;width: 13px;height: 13px;font-size:0;margin: 0 5px;background-color: #2e2e2e;border-radius: 10px;}
.rollBan .bx-pager-link.active{background-color: #ddd;}

/* SPEICAL ITEM */
#specialWrap { width:90%; margin:120px auto; }

.csWrap {margin:120px 0 0;}
.csWrap li { width:50%;float:left; }
.csWrap li.leftArea { }
.csWrap li.leftArea .boardArea { background:#eee; }
.csWrap li.leftArea .ltBan {float:left; width:50%; height:240px; background: url('/design/viewmate01/tem145/bottom01.jpg') no-repeat center center; background-size: cover;}
.csWrap li.rtBan { width: 50%; height: 480px;float:left; background: url('/design/viewmate01/tem145/bottom02.jpg') no-repeat center center; background-size: cover; }

/* 공지사항 */
.boardArea { margin: 0 auto;}
.boardArea .notice { padding:42px 80px;}
.boardArea .notice dt { font-size:24px; font-weight:bold; margin-bottom:10px; padding-bottom:5px; color:#2c2c2c; }
.boardArea .notice dt span a { font-size:24px; float:right; color:#2c2c2c; font-weight:normal; }
.boardArea .notice dd { line-height:36px; border-bottom:1px solid #ccc; }
.boardArea .notice dd a { font-size:14px; color:#2c2c2c; }
.boardArea .notice dd span { color:#777; float:right; font-size:14px; }
.boardArea .notice a:hover { color:#000; font-weight:bold; }

/* 고객센터, 은행계좌 */
.csWrap .csArea { float: left; width:50%; padding:10px 0 0; }
.csWrap .csArea .csCenter { position:relative; padding:24px 0 0 24%; }
.csWrap .csArea .csCenter span { position:absolute; left:12%; top:22%; font-size:32px; }
.csWrap .csArea p { font-size:14px; margin-bottom:2px; word-break:break-all }
.csWrap .csArea p.tel { font-size:22px; font-weight:bold; margin-bottom:6px; }

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