/* BASIC css start */
#rightWings { display:none }
.minSizeWrap { position:relative; width:1200px; margin:0 auto; }
#hdWrap {position: relative;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;border-bottom: 1px solid #dfdfdf;}
#hdWrap .hdTop .listWrap {float:left;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#hdWrap .hdTop .listWrap .list {float:left;padding: 6px 0;}
#hdWrap .hdTop .listWrap .link {position: relative;display:block;padding: 0 10px;height: 37px;line-height: 37px;}
#hdWrap .hdTop .listWrap .list:first-child .link { padding-left:0; }
#hdWrap .hdTop .listWrap .link:hover {  }
#hdWrap .hdTop .listWrap .user_basket_quantity {width: 16px;height: 16px;line-height: 16px;text-align: center;font-size:11px;display: inline-block;}

/* 최상단 왼쪽 */
#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: 36px; left: 50%; margin-left: -32px; width: 63px; height: 16px;  line-height: 13px;   padding-top: 4px;
    text-align: center;   font-size: 11px;    -webkit-animation: joinPointAni 3s;    -webkit-animation-iteration-count: infinite;    -webkit-animation-timing-function: ease-in-out;    color: #fff;
    background: #000;    border-radius: 100px;}

#hdWrap .hdTop .ht_left .joinPoint:before {content: "";position:absolute;top: -5px;left:50%;margin-left: -2px;border-style: solid;border-width: 0 5px 6px;border-color: #000 transparent;}

/* 최상단 오른쪽 */
#hdWrap .hdTop .ht_right {float:right; }
#hdWrap .hdTop .ht_right fieldset input{ border: none;  }
#hdWrap .hdTop .ht_right fieldset { position:relative; margin-top: 10px;  border-bottom: 1px solid #9d9d9d;
	border-left: none;
	border-right: none;
	height: 25px;
	line-height: 25px;
	border-top: none; }

@-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 .hdMid {text-align:center;} 
#hdWrap .hdMid:after {content:"";display:block;clear:both;}
#hdWrap .hdMid .minSizeWrap {position: absolute; z-index: 999; } */


#hdWrap .hdMid { padding-top: 75px;  text-align: center;  }
#hdWrap .hdMid .minSizeWrap .hd_logo { position: relative; width: 174px; height: 45px; text-align: center; display: block; clear: both; margin: 0 auto;}
#hdWrap .hdMid .minSizeWrap .hd_logo a{ display: block; width: 174px; height: 45px; } 
#hdWrap .hdMid .minSizeWrap .hd_logo a img{ width: 174px; height: 45px; }

/* 카테고리, 전체메뉴 */
#hdWrap .hdBtm {position:fixed;top: 150px;left:0;right:0;height: 49px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;  border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}

/* 전체보기버튼 */
#hdWrap .hdBtm .menuArea {position:absolute;top:0;left:0;}
#hdWrap .hdBtm .cartArea {position:absolute;top:0;right:0;}
#hdWrap .hdBtm .menuArea a {display:block;width: 50px;height: 50px;line-height:50px;text-align: center;     }
#hdWrap .hdBtm .cartArea a {display:block; width: 50px;height: 50px; line-height:50px; text-align: center;background: #092749; color: #fff;}
#hdWrap .hdBtm .menuArea a:hover { }
#hdWrap .hdBtm .menuArea i { font-size: 26px; vertical-align:middle; }



/* 전체보기 레이어 */
#hdWrap .hdBtm .allMenu {display:none;position:absolute;top: 0px;left:0;}
#hdWrap .hdBtm .allMenu #btn-allMenuClose {position:relative;width: 52px;height: 49px;font-size: 26px;color:#000;text-align:center;line-height: 52px;background: #fff;cursor:pointer;z-index:99;border: 1px solid #000;border-bottom: 1px solid #fff;}
#hdWrap .hdBtm .allMenu .allMenuBx {position:absolute;top: 50px;left:0;right:0;width: 1200px;background: #fff;border: 1px solid #000;z-index: 98;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner {padding: 30px 0 0 95px; overflow:hidden;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList { *zoom:1;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList:after { display:block; clear:both; content:'' }
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .allMenuList dl {padding: 0 50px 40px 0;float:left;width: 160px;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dt {border-bottom: 1px solid #ddd;margin-bottom: 4px;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dt a {padding-left:5px; font-size:15px; height:35px; line-height:35px;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dd a {display: block; font-size: 14px; padding: 5px 0 5px 5px;color: #777;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dd a:hover { font-weight: 500; color: #fbad5c; }
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .boardList {padding-left:5px;height:44px;border-top: 1px solid #ddd;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .boardList a {display:inline-block;margin-right:35px;height:44px;line-height:44px;}

/* 카테고리 */
#hdWrap .hdBtm .cateWrap {text-align:center;margin: 0 0 0 50px;position: relative;}
#hdWrap .hdBtm .cateWrap:after {content:"";display:block;clear:both;}
#hdWrap .hdBtm .cateWrap a { font-size: 15px; font-weight: 400; }
#hdWrap .hdBtm .cateWrap a:hover { }
#hdWrap .hdBtm .cateWrap .tmenu {position: relative; padding: 17px 24px; display: inline-block;  }
#hdWrap .hdBtm .cateWrap .tmenu .depth2 { display:none; position: absolute; background: #fff; top: 49px;left: 50%; width: 100px;margin-left: -50px;padding: 10px 0;z-index: 97; border: 1px solid #dfdfdf;
    border-top: 0;}
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li a { display: block; font-size: 13px; line-height:35px; }
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li a:hover {background:#fbad5c; color:#fff; border-bottom: 0 }
#hdWrap .hdBtm .cateWrap .tmenu:last-child a{ color: #ff0000; font-weight: 500; }


/* 상단고정*/
#hdWrap.headerFix { height: 110px;-webkit-box-shadow: 0 1px 4px 0 rgba(168,168,168,0.2);-moz-box-shadow: 0 1px 4px 0 rgba(168,168,168,0.2);box-shadow: 0 1px 4px 0 rgba(168,168,168,0.2); }
#hdWrap.headerFix .hdBtm {position:fixed;top: 49px;left:0;right:0;z-index: 99;    background: #fff;}
#hdWrap.headerFix .ht_left .listWrap {}
#hdWrap.headerFix .snsArea, #hdWrap.headerFix .searchArea { display:none; }
#hdWrap.headerFix .hdMid .hd_logo {top: 0px;}
#hdWrap.headerFix .hdMid .hd_logo img{    width: 120px;} 
#hdWrap.headerFix .hdTop { background: #fff;}

/* BASIC css end */