/* BASIC css start */
.menu_on { height:100%; overflow:hidden }
.menu_off { height:auto; overflow:initial }


/* 최상단 띠배너 */
.topBannerArea { display:none }
.topBannerArea { position: relative; top:0; height: 40px; background-color: #edeff2; z-index: 99; }
.topBannerArea .topBanner { text-align: center; line-height: 40px; }
.topBannerArea .topBanner .txt { font-size: 11px; color: #363942; }
.topBannerArea .topBanner .txt .blod { font-weight: bold; }
.topBannerArea .topBannerClose { position: absolute; right: 10px; top: 0; font-size: 15px; cursor: pointer; }

#header { position:relative; width:100%; height:61px }
#header .headerArea { position:relative; width:100%; height:61px; background:#363942; top: 0; }
#header .headerArea.fixed { position:fixed; top:0; left:0; right:0; z-index:100 }
#header .headerArea .tlogo { padding-top:20px; text-align:center }
#header .headerArea .tlogo a { display:inline-block; width:99px; height:23px; text-indent:-9999em; background:url(/design/parker01/m/common/tlogo.png) 0 0 no-repeat; background-size:99px auto }
#header .headerArea .asideOpen { position:absolute; top:15px; left:11px; width:30px; height:30px; background-position:0 0 }
#header .headerArea .headerTnb { position:absolute; top:16px; right:15px }
#header .headerArea .headerTnb li { float:left }
#header .headerArea .headerTnb .cIcon { width:30px; height:30px }
#header .headerArea .headerTnb .linkSearch { background-position:-30px 0 }
#header .headerArea .headerTnb .linkCart { background-position:-60px 0 }
#header .headerArea .headerTnb .linkCart .cartNum { position:absolute; top:0; right:-2px; width:13px; height:13px; text-indent:0; font-size:10px; color:#b99341; font-weight:bold; text-align:center; line-height:14px; border:1px solid #b99341; border-radius:50%; background:#363942 }
#header .searchArea { position:absolute; top:0; left:0; right:0; height:61px; background:#363942; opacity:0; visibility:hidden; transform:translateY(30%); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index:10 }
#header .searchArea.on { transform:translateY(0); opacity:1; visibility:visible }
#header .searchArea .searchBox { padding:0 92px 0 15px; position:relative; height:61px }
#header .searchArea .searchBox input { padding:0; width:100%; height:61px; font-size:14px; color:#b99341; border:0; background:#363942; outline:none }
#header .searchArea .searchBox input::placeholder { color:#b99341 }
#header .searchArea .searchBox .btn_search { position:absolute; top:16px; right:50px; width:30px; height:30px; background-position:-30px 0 }
#header .searchArea .searchBox .btnSearchClose { position:absolute; top:16px; right:15px; width:30px; height:30px; background-position:-90px 0 }

/* 사이드 메뉴 */
#headerAside { position:fixed; width:100%; height:100%; top:0; left:-100%; bottom:0; background:#fff; overflow-y:auto; -webkit-overflow-scrolling:touch; opacity:0; visibility:hidden; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; z-index:1001 }
#headerAside.on { left:0; opacity:1; visibility:visible }
#headerAside .asideTop { position:relative; height:61px; background:#363942 }
#headerAside .asideTop .loginArea { opacity:0; visibility:hidden; transform:translateY(30%); transition:all 0.3s ease; -webkit-transition:all 0.3s ease; *zoom:1 }
#headerAside .asideTop .loginArea:after { display:block; clear:both; content:'' }
#headerAside .asideTop .loginArea.on { transform:translateY(0); opacity:1; visibility:visible }
#headerAside .asideTop li { float:left; position:relative }
#headerAside .asideTop li a { display:block; padding:0 15px; font-size:16px; color:#fff; font-weight:700; line-height:61px }
#headerAside .asideTop li a:after { position:absolute; top:19px; left:0; width:1px; height:21px; background:#666; content:'' }
#headerAside .asideTop li:first-child a:after { display:none }
#headerAside .asideTop .btnAsideClose { position:absolute; top:13px; right:5px; width:35px; height:35px; font-size:22px; color:#fff; text-align:center; line-height:40px }
#headerAside .asideTop .btnAsideBack { position:absolute; top:13px; left:5px; width:35px; height:35px; font-size:22px; color:#fff; text-align:center; line-height:38px }
#headerAside .asideTop .navCateTitle { margin:0 60px; position:absolute; top:0; left:0; right:0; height:61px; font-size:14px; color:#fff; font-weight:700; text-align:center; line-height:61px }
#headerAside .asideTop .btnAsideBack,
#headerAside .asideTop .navCateTitle { opacity:0; visibility:hidden; transform:translateY(30%); transition:all 0.3s ease; -webkit-transition:all 0.3s ease }
#headerAside .asideTop .btnAsideBack.on,
#headerAside .asideTop .navCateTitle.on { transform:translateY(0); opacity:1; visibility:visible }
#headerAside h3 { font-weight:600 }
#headerAside .navMoveArea { opacity:0; visibility:hidden; transform:translateX(-100%); transition:all 0.3s ease; -webkit-transition:all 0.3s ease }
#headerAside .nowNavArea { position:absolute; top:61px; left:0; width:100%; opacity:0; visibility:hidden; transform:translateX(100%); transition:all 0.3s ease; -webkit-transition:all 0.3s ease }
#headerAside .navMoveArea.on,
#headerAside .nowNavArea.on { transform:translateX(0); opacity:1; visibility:visible }
#headerAside .collectionCateArea { padding:25px 0 17px 15px; position:relative }
#headerAside .collectionCateArea h3 a { font-size: 14px; }
#headerAside .collectionCateArea .cateSlideArea { padding-top:7px }
#headerAside .collectionCateArea .cateSlideArea .swiper-container { padding-right:10px }
#headerAside .collectionCateArea .cateSlideArea .swiper-slide { width:25% }
#headerAside .collectionCateArea .cateSlideArea .swiper-slide .thumb img { width:100% }
#headerAside .collectionCateArea .cateSlideArea .swiper-slide .cateName { padding-top:5px; font-size:12px; text-align:center }
#headerAside .navArea { padding:6px 0; position:relative; border-top:5px solid #f5f5f5 }
#headerAside .navArea .xCate { padding-right:41px; position:relative; height:41px }
#headerAside .navArea .xCate .linkXcode { display:block; padding-left:15px; height:41px; font-size:14px; font-weight:600; line-height:41px }
#headerAside .navArea .xCate .colorRed { color:#ff0000 }
#headerAside .navArea .xCate .btnXcodeArrow { position:absolute; top:0; right:0; width:41px; height:41px; font-size:14px; color:#aaa; text-align:center; line-height:44px }
#headerAside .navArea .mCateListArea { display:none }
#headerAside .nowNavArea .mCateList { padding:6px 0 }
#headerAside .nowNavArea .mCateList li a { display:block; padding-left:15px; height:41px; font-size:12px; font-weight:600; line-height:41px }

#headerAside .todayViewArea { padding:18px 11px 25px; border-top:5px solid #f5f5f5 }
#headerAside .todayViewArea h3 { padding-left:4px }
#headerAside .todayViewArea h3 a { font-size: 14px; }
#headerAside .todayViewArea .todayViewPrd { padding-top:8px }
#headerAside .todayViewArea .todayViewPrd ul { font-size:0 }
#headerAside .todayViewArea .todayViewPrd li { display:inline-block; width:25% }
#headerAside .todayViewArea .todayViewPrd li a { display:block; margin:0 4px }
#headerAside .todayViewArea .todayViewPrd li img { width:100% }
#headerAside .todayViewArea .todayViewPrd li.noData { padding:10px 0; width:100%; text-align:center }


/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */

/* BASIC css end */