/* BASIC css start */
#rightWings { display:none }
.minSizeWrap { position:relative; width:1200px; margin:0 auto; }
#hdWrap {position: fixed;top: 0;left: 0;right: 0;z-index:100;height: 200px;background: #fff;}

/* 최상단 영역  */
#hdWrap .hdTop {position:fixed;top:0;left:0;right:0;z-index: 101;}
#hdWrap .hdTop .listWrap {float:left;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#hdWrap .hdTop .listWrap .list {float:left;padding: 0px 4px;height: 37px;line-height: 37px;}
#hdWrap .hdTop .listWrap .link {position: relative;display:block;padding: 0 10px;height: 37px;line-height: 37px;}
#hdWrap .hdTop .listWrap .link a{text-decoration: none;}
#hdWrap .hdTop .listWrap .list:first-child .link { padding-left:0; }
#hdWrap .hdTop .listWrap .link:hover { text-decoration: underline; }
#hdWrap .hdTop .listWrap .user_basket_quantity {width: 16px;height: 16px;line-height: 16px;border-radius: 16px;background-color: #000;text-align: center;font-size:11px;display: inline-block; color:#fff}

#hdWrap .hdTop ul li a.btn_searchOpen { font-size:20px; margin-top:-5px;}
#hdWrap .hdTop ul li .search { display:none; position:absolute; top:43px; right:0;background-color:#2e2e2e;  width:210px; height:44px; z-index:10 }
#hdWrap .hdTop ul li .search input { width:170px; height:44px; border:none; background:none; padding-left:10px; font-size:13px; color:#fff; }
#hdWrap .hdTop ul li .search .btn_search { position:absolute; top:8px; left:182px; font-size:20px; color:#fff; }
#hdWrap .hdTop ul li .search .btn_searchClose { position:absolute; top:-35px; right:0px; width:31px; font-size:20px; background-color:#fff; }
#hdWrap .hdTop ul li :hover .search .btn_searchClose { color:#000 }


/* community */
#hdWrap .hdTop .listWrap .list {position: relative;}
#hdWrap .hdTop .listWrap .list .subbox { display: none; position: absolute; padding: 10px 25px; background-color: #fff; top:38px; right: -20px; border: 1px solid #e8e8e8; z-index: 99; width:80px; }
#hdWrap .hdTop .listWrap .list .subbox a { display:block; color:#6e6e6e; font-size:11px; line-height:27px; padding:0; font-weight:normal; text-align:center;}
#hdWrap .hdTop .listWrap .list .subbox a:hover { }
#hdWrap .hdTop .listWrap .list .subbox dd { line-height: 26px; }



/* 상단고정 */
#hdWrap.fix { margin-top:-152px; position:fixed; top:0; left:0; right:0; z-index:200 }
#hdWrap.fix .hdTop, #hdWrap.fix .hdMid{ display:none;}
#hdWrap.fix .hdBtm{top: -12px; box-shadow: 0px 0px 3px #cac9c9;}
#hdWrap.fix .hdBtm .cateWrap {text-align: left; margin:0px ;   width: 1000px; }
#hdWrap.fix .hdBtm .cateWrap .tmenu {padding:17px 30px 17px 0px}
#hdWrap.fix .hdBtm .cateWrap .tmenu .depth2{text-align: center;margin-left: -80px;}
#hdWrap.fix .hdBtm .boradArea{display:block  ; position: absolute;  right: 0;  top: 0px;  }
#hdWrap.fix .hdBtm .boradArea .tmenu {position: relative;padding: 17px 20px;display: inline-block;}
#hdWrap.fix .hdBtm .boradArea .tmenu .boardTit{ padding-left: 23px;   border-left: 1px solid #d2d2d2;  }
#hdWrap.fix .hdBtm .boradArea .tmenu .depth2 { display:none; position: absolute;background: #fff;top: 50px;left: 50%;width: 118px;margin-left: -60px;padding: 10px 0;border: 1px solid #ddd;z-index: 97;}
#hdWrap.fix .hdBtm .boradArea .tmenu .depth2 dd a { display: block; font-size: 12px; line-height: 24px; text-align:center}
#hdWrap.fix .hdBtm .boradArea .tmenu .depth2 dd a:hover {background:#eaeaea; color:#111; border-bottom: 0 }


/* 최상단 왼쪽 */
#hdWrap .hdTop .ht_left {float:left;}
#hdWrap .hdTop .ht_left .ht_home {display:none; position:absolute; left:0; top:0; } 
#hdWrap .hdTop .ht_left .ht_home a {display:block;width: 50px;height:50px;line-height:50px;font-size:22px;text-align:center;}
#hdWrap .hdTop .ht_left .joinPoint {
    display:inline-block;position: absolute;top:30px;left:50%; margin-left:-25px; width: 50px;height: 16px;line-height: 16px;padding-top: 4px;text-align: center;font-size: 11px;background:url("//skin.makeshop.co.kr/skin/tem148/join_point.png") no-repeat 0 0;
     -webkit-animation:joinPointAni 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; color:#fff
}


/* 최상단 오른쪽 */
#hdWrap .hdTop .ht_right {float:right; }

@-webkit-keyframes joinPointAni {
  0%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  5%  { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg); }
  10% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  15% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(-2px) skewX(0deg) skewY(0deg); }
  20% { -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
  100%{ -webkit-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); }
}

/* 중앙 로고 영역  */
#hdWrap .hdTop {text-align:center;}
#hdWrap .hdMid:after {content:"";display:block;clear:both;}
#hdWrap .hdMid .hd_logo {position: fixed;width: 200px;text-align: center;top: 68px;left: 50%;margin-left: -100px;z-index: 102;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;font-size: 42px;}


/* 카테고리, 전체메뉴 */
#hdWrap .hdBtm {position:fixed;top: 140px;left:0;right:0;height: 50px;padding-top: 10px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}




/* 카테고리 */
#hdWrap .hdBtm .cateWrap {text-align:center;margin: 0;position: relative;}
#hdWrap .hdBtm .cateWrap:after {content:"";display:block;clear:both;}
#hdWrap .hdBtm .cateWrap a:hover { }
#hdWrap .hdBtm .cateWrap .tmenu {position: relative;padding: 17px 20px;display: inline-block;}
#hdWrap .hdBtm .cateWrap .tmenu .depth2 { display:none; position: absolute;background: #fff;top: 50px;left: 50%;width: 118px;margin-left: -60px;padding: 10px 0;border: 1px solid #ddd;z-index: 97;}
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li a { display: block; font-size: 12px; line-height: 24px; }
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li a:hover {background:#eaeaea; color:#111; border-bottom: 0 }

#hdWrap .hdBtm .boradArea{display:none}


/* 우측 메뉴 */
#fxedMenu { margin-top:-110px; position:fixed; top:50%; right:10px; z-index:100 }
#fxedMenu .rightMenu { width:44px }
#fxedMenu .rightMenu li { position:relative }
#fxedMenu .rightMenu li a { display:block; margin-top:-1px; width:40px; height:40px; font-size:22px; color:#383838; text-align:center; line-height:40px;  }
#fxedMenu .rightMenu li .tx { display:none; position:absolute; top:12px; right:43px; width:90px; text-align:right }
#fxedMenu .rightMenu li:hover .tx { display:block }


.pageScroll { position:fixed; bottom:20px; right:10px; width:44px }
.pageScroll a { display:block; font-size:14px; text-align:center; font-weight:bold; }
.pageScroll a i.xi-arrow-top { font-size:28px; }

/* BASIC css end */