/* 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:12px;display: inline-block;}

/* 최상단 왼쪽 */
#hdWrap .hdTop .ht_left {float:right;}
#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: 12px;    -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; }


@-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:left;}
#hdWrap .hdMid:after {content:"";display:block;clear:both;}
#hdWrap .hdMid .hd_logo {position: relative;width: 200px;text-align: center;top: 72px;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;font-size: 42px;font-weight: 700;}
 */

/* 상단 영역  */
#hdWrap .hdMid {position:relative;  top:0;left:0;right:0;z-index: 101;text-align:left;  }
#hdWrap .hdMid .hd_logo {  top:40px; position:absolute; text-align:center; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}

#hdWrap .hdMid .listWrap {float:right;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#hdWrap .hdMid .listWrap .list {float:right;padding: 6px 0;}
#hdWrap .hdMid .listWrap .link {position: relative;display:block;padding: 0 10px;height: 37px;line-height: 37px;}
#hdWrap .hdMid .listWrap .list:first-child .link { padding-left:0; }
#hdWrap .hdMid .listWrap .link:hover {  }
#hdWrap .hdMid .listWrap .user_basket_quantity {width: 16px;height: 16px;line-height: 16px;text-align: center;font-size:12px;display: inline-block;}


/*상단 검색폼*/
#hdWrap .hdMid .searchArea {margin-left:450px; position:relative;  top:50px; right:0; width:250px; height:30px; border:1px solid #3366cc;border-radius: 100px; overflow: hidden; }
#hdWrap .hdMid .searchArea .search {float:left; position:relative; width:250px; height:30px }
#hdWrap .hdMid .searchArea .search input { padding-left:15px; width:200px; height:29px; line-height:29px; border:none; background:#fff }
#hdWrap .hdMid .searchArea .search a { display:block; position:absolute; top:0; right:0;     width: 33px;  height: 30px;  background: #3366cc;  line-height: 30px;   }
#hdWrap .hdMid .searchArea .search a i{font-size:16px; vertical-align:middle; color:#fff;    padding: 5px 5px; 8px 0;}


/*인기검색어*/
#hdWrap .hdMid .s_keyword {margin-left:400px; position:relative;  top:60px; right:0; width 300px; min-height:15px; color:#353535;}
#hdWrap .hdMid .s_listWrap {float:left;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
#hdWrap .hdMid .s_listWrap .list {float:left; }
#hdWrap .hdMid .s_listWrap .link {position: relative;display:block; padding-left:15px; font-weight:bold;}




/* 상단오른쪽 로그인/개인정보/...*/
#hdWrap .hdMid .hm_right {float:right;}
#hdWrap .hdMid .hm_right .ht_home {display:none; position:absolute; left:0; top:0; } 
#hdWrap .hdMid .hm_right .ht_home a {display:block;width: 50px;height:50px;line-height:50px;font-size:22px;text-align:center;}
#hdWrap .hdMid .hm_right .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: 12px;    -webkit-animation: joinPointAni 3s;    -webkit-animation-iteration-count: infinite;    -webkit-animation-timing-function: ease-in-out;    color: #fff;
    background: #000;    border-radius: 100px;}

#hdWrap .hdMid .hm_right .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 .hdBtm {background-color:#3366cc; 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:0px; width:150px; background-color:#143a87;cursor:pointer;z-index:100;}
#hdWrap .hdBtm .cartArea {position:relative;top:0px;right:0; }
#hdWrap .hdBtm .menuArea a { color:#fff; display:block;width: 150px;height: 49px;line-height:49px;text-align: center; font-size:15px;}
#hdWrap .hdBtm .cartArea a {display:block; width: 150px;height: 49px; line-height:49px; text-align: center; }
#hdWrap .hdBtm .menuArea a:hover { }
#hdWrap .hdBtm .menuArea i {}


/* 전체보기 레이어 */
#hdWrap .hdBtm .allMenu { display:none;position:absolute;top: 0px;left:0; }
/*전체카테고리 엑스버튼*/
#hdWrap .hdBtm .allMenu #btn-allMenuClose {position:relative; width:150px;height:49px;line-height: 49px; cursor:pointer;z-index:101;
  text-align:center; background-color:#fff; color:#3366cc; font-size:15px; border:2px solid #3366cc; border-bottom:2px solid #fff;
}


#hdWrap .hdBtm .allMenu .allMenuBx {box-shadow: 0px 2px 3px 0px gray; position:absolute;top: 50px;left:0;right:0;width: 1200px;background: #fff;border: 2px solid #3366cc;z-index: 98;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner {padding: 0px 0 0 34px;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 33px 30px 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; height:40px;line-height:40px;  font-size:14px;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dd a {display: block;padding: 5px 0 3px 5px;color: #777;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner dl dd a:hover {background:#eaeaea; color:#111;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .boardList {padding-left:5px;height:44px;border-top: 2px solid #3366cc;}
#hdWrap .hdBtm .allMenu .allMenuBx .allMenuInner .boardList a {display:inline-block;margin-right:35px;height:44px;line-height:44px;}

/* 카테고리 */
#hdWrap .hdBtm .cateWrap { background-color:#3366cc; text-align:center;margin: 0 30px 0 30px;position: relative; }
#hdWrap .hdBtm .cateWrap:after {content:"";display:block;clear:both;}
#hdWrap .hdBtm .cateWrap a {color:#f9f9f9; font-size:15px;}
#hdWrap .hdBtm .cateWrap a:hover { }
#hdWrap .hdBtm .cateWrap .tmenu { position: relative;padding: 0px 32px; line-height: 49px;display: inline-block; }
#hdWrap .hdBtm .cateWrap .tmenu:hover { color:#FBF984;}
#hdWrap .hdBtm .cateWrap .tmenu:hover .depth1 {color:#FBF984;}
#hdWrap .hdBtm .cateWrap .tmenu .depth2 { width: 160px; top: 49px;left: 35%;margin-left: -55px; padding: 10px 0;
display:none; position: absolute;background: #fff;z-index: 97;border: 1px solid #dfdfdf; border-top: 0; box-shadow: 0px 2px 3px 0px gray;}

#hdWrap .hdBtm .cateWrap .tmenu .depth2 li a {color:#333;  display: block; font-size: 14px; line-height: 30px; }
#hdWrap .hdBtm .cateWrap .tmenu .depth2 li a:hover {background:#eaeaea; }


/* 상단고정*/
#hdWrap.headerFix { height: 49px;-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: 0px;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;}


/* 우측 메뉴 */
#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 }
#fxedMenu .search { display:none;     position: absolute;  top: 0px;  right: 0px;  background-color: #e3e3e3;  width: 210px;  height: 44px;  z-index: 10;  border-radius: 100px; }
#fxedMenu .search input { width:140px; height:44px; border:none; background:none; padding-left:10px; font-size:13px; color:#000; }
#fxedMenu .search .btn_search {     position: absolute;  top: -9px;  left: 135px;  font-size: 20px;  color: #000; }
#fxedMenu .search .btn_searchClose { position:absolute; top:-9px; right:4px;  font-size:20px;/* background-color:#fff; */}

/* BASIC css end */