/* BASIC css start */
/* 롤링배너 */
#mainSpot .swiper-slide img { width:100% }
#mainSpot .mainSpotPrevBtn,
#mainSpot .mainSpotNextBtn { top:auto; bottom:17px; left:auto; height:28px; background:url(/design/parker01/m/main/sp_spot_btns.png) 0 0 no-repeat; background-size:27px auto; outline:none }
#mainSpot .mainSpotPrevBtn { right:47px }
#mainSpot .mainSpotNextBtn { right:15px; background-position:0 -28px }
#mainSpot .swiper-slide { position: relative; width: 100%; height: 100%; }
#mainSpot .tBox { position:absolute; top:0; left:0; width:100%; height: 100%; color:#fff; z-index:10 }
#mainSpot .tBox .link { display:inline-block; padding: 5px 10px; font-size:12px; color:#fff; font-weight:300; border:1px solid #fff; border-radius:25px; position: absolute; left: 50%; bottom: 15%; transform: translateX(-50%); }
#mainSpot .tBox .t3 { position: absolute; width: 100%; text-align: center;}
#mainSpot .slideItem2 .tBox .t3 { top: 23%;}
#mainSpot .slideItem3 .tBox .t3 { bottom: 25%;}
#mainSpot .slideItem4 .tBox .t3 { bottom: 25%;}
#mainSpot .slideItem5 .tBox .t3 { top: 56%;}
/* //롤링배너 */

/* main title */
.mainTitle { margin:40px 15px 0; position:relative }
.mainTitle h3 { font-size:18px; color:#363942; font-weight:700; font-family:'Playfair Display', Arial, sans-serif; line-height:20px }
.mainTitle .linkMore { padding:4px 16px; position:absolute; bottom:3px; right:0; font-size:11px; color:#fff; font-weight:600; border-radius:25px; background:#363942 }
.mainTitle .mainTitleDesc { padding-top:6px; font-size:12px; color:#777; font-weight:300; line-height:19px }

/* COLLECTIONS */
.collectionArea .cltSliderArea { padding-top:24px }
.collectionArea .swiper-slide { margin:0 -10px; width:65% !important; transform:scale(0.9); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index:0 }
.collectionArea .swiper-slide.swiper-slide-active { transform:scale(1.0); z-index:10 }
.collectionArea .collectionList { position:relative }
.collectionArea .collectionList .listThumb { width:100% }
.collectionArea .collectionList .listThumb img { width:100% }
.collectionArea .collectionList .listInfoArea { position:relative; width:100%; height:160px; background:#363942 }
.collectionArea .collectionList .listInfoArea .tableBox { display:table; width:100%; height:100% }
.collectionArea .collectionList .listInfoArea .tableBox .listInfo { display:table-cell; padding:0 10px; text-align:center; vertical-align:middle }
.collectionArea .collectionList .listInfoArea .tableBox .listInfo .listTitle { font-size:14px; color:#fff; font-weight:bold }
.collectionArea .collectionList .listInfoArea .tableBox .listInfo .listDesc { padding-top:7px; font-size:11px; color:#eee; font-weight:300; line-height:18px }
.collectionArea .collectionList .listInfoArea .tableBox .listInfo .linkDetail { display:inline-block; margin-top:8px; padding:4px 14px 3px; font-size:11px; color:#fff; border-radius:25px; background:#b99341 }
.collectionArea .collectionList .collectionMask { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.7); z-index:10 }
.collectionArea .swiper-slide.swiper-slide-active .collectionMask { opacity:0; visibility:hidden }
.collectionArea .collectionPrevBtn,
.collectionArea .collectionNextBtn { width:31px; height:31px; background:url(/design/parker01/m/main/sp_collection_btns.png) 0 0 no-repeat; background-size:31px auto; outline:none }
.collectionArea .collectionPrevBtn { left:4% }
.collectionArea .collectionNextBtn { right:4%; background-position:0 -31px }

/* FIND YOUR UNIQUE WRITING TYPE */
.uniqueBannerArea .bnnrListArea { padding-top:16px; *zoom:1 }
.uniqueBannerArea .bnnrListArea:after { display:block; clear:both; content:'' }
.uniqueBannerArea .bnnrListArea .list { position:relative; float:left; width:50% }
.uniqueBannerArea .bnnrListArea .list a { display:block }
.uniqueBannerArea .bnnrListArea .list .listThumb { width:100% }
.uniqueBannerArea .bnnrListArea .list dl { position:absolute; top:13px; left:15px; right:15px; bottom:13px; z-index:10 }
.uniqueBannerArea .bnnrListArea .list dt { font-size:14px; color:#fff }
.uniqueBannerArea .bnnrListArea .list dd { font-size:12px; color:#fff }

/* 메인 상품 리스트 */
.mainPrdWrap .mainBestPrdTab { padding-top:8px }
.mainPrdWrap .mainBestPrdTab ul { *zoom:1 }
.mainPrdWrap .mainBestPrdTab ul:after { display:block; clear:both; content:'' }
.mainPrdWrap .mainBestPrdTab li { float:left; width:24% !important; text-align:center }
.mainPrdWrap .mainBestPrdTab li span { display:block; position:relative; height:20px; font-size:12px; color:#999; font-weight:300; line-height:22px }
.mainPrdWrap .mainBestPrdTab li span:before { position:absolute; top:5px; left:0; width:1px; height:11px; background:#999; content:'' }
.mainPrdWrap .mainBestPrdTab li:last-child span:after { position:absolute; top:5px; right:0; width:1px; height:11px; background:#999; content:'' }
.mainPrdWrap .mainBestPrdTab li.on span { color:#363942; font-weight:600 }
.mainPrdWrap .mainBestPrdContent { display:none; padding-top:17px }
.mainPrdWrap #fountainTab.mainBestPrdContent { display:block }
.listSoldout { font-size: 16px; font-weight: bold; }

/* 이미지 배너 */
.imgBanner { padding:30px 15px 0; position:relative; overflow:hidden }
.imgBanner ul li { width:100% }
.imgBanner ul li img { width:100% }
/* BASIC css end */