/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* 상단배너 영역 */
.adWrap { position:relative; height: 40px; line-height: 36px; text-align: center; transition: all 0.3s; overflow:hidden; z-index: 105; }
.adWrap.active { height: 0; }
.adWrap .slick-list { padding: 0 !important }
.adWrap .slick-list .slick-slide { border: 0 }
.adWrap .adBox a { display:block; font-size: 15px; color: #fff; line-height:40px }
.adWrap .adBox a img { vertical-align: top; margin-left: 20px;}
.adWrap .adBox .adWrapBtn { margin-right:-690px; position:absolute; top:0; right:50%; z-index:50 }
.adWrap .adBox .adWrapBtn i { line-height: 40px; font-size: 30px; color: #fff; cursor: pointer; }

/* 상단 */
#hdWrap { position: relative; width: 100%; height:60px; z-index: 100; border-bottom: 1px solid #2c2a29;}
#hdWrap .hdArea { position: relative; height:auto; letter-spacing:1px; font-size:11px; background:#fff;  z-index:105 }
#hdWrap .hdArea.fix { position: fixed; width: 100%; top:0; border-bottom: 1px solid #2c2a29;}
#hdWrap .hdTop { *zoom:1 }
#hdWrap .hdTop:after { display:block; clear:both; content:'' }
/*
#hdWrap .hdTop .ht_left { position: absolute; left: 30px; }
#hdWrap .hdTop .ht_left .hd_logo { display:block; margin:20px 0 0 0 }
*/
#hdWrap .hdTop .ht_right { position: absolute; right: 80px; margin:16px 0 0 0; z-index: 1 }
#hdWrap .hdCate .listWrap {float:left;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position: absolute;right: 80px;top: 16px;}
#hdWrap .hdCate .listWrap .list {float:left; margin-left: 25px; position: relative }
#hdWrap .hdCate .listWrap .link {position: relative;display:block; line-height: 27px; font-size: 14px; color:#999 }
#hdWrap .hdCate .listWrap .list:first-child .link { padding-left:0; }
/*#hdWrap .hdCate .listWrap .list.goSearchWrap { margin-left: 25px }
#hdWrap .hdCate .listWrap .list .goSearch { display: block; width: 30px; height: 30px; font-size:0; background: url('/design/hippink0/phps/img/hdIcons.png') no-repeat center; background-position: 0 0; }
#hdWrap .hdCate .listWrap .list .goSearch.active { background: url('/design/hippink0/phps/img/hdIcons.png') no-repeat center; background-position: -30px 0; }*/
/*#hdWrap .hdCate .listWrap .list.goBasket a { position: relative; display: block; width: 30px; height: 30px; font-size:0; background: url('/design/hippink0/phps/img/hdIcons.png') no-repeat center; background-position: 0 -30px; }*/
#hdWrap .hdCate .listWrap .list.goBasket { margin-left: 25px; margin-right: 5px; }
#hdWrap .hdCate .listWrap .list.goBasket a .cnt { position: absolute; top: -1px; right: -12px; display: block; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; background: #000; color: #fff; font-size: 12px; text-align: center; }
#hdWrap .hdCateArea { position:relative; min-width:1400px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease }
#hdWrap .hdArea.fix .hdCateArea { height: 60px; visibility: visible; opacity: 1; overflow:visible }
#hdWrap .hdCateArea .hdCate {margin: 0 auto;padding: 0px 80px;width: 100%;position:relative;/* overflow: hidden; */font-size:0;text-align:left;box-sizing: border-box;}
#hdWrap .hdCateArea .hdCate .hd_logo { position: absolute; left:150px; float: left; margin: 19px 40px 0 0; }


.joinPoint {z-index:1999;position:absolute;top: 32px;left: -16%;width: 80px;height: 22px;line-height: 22px;margin-left: -30px;background: #FFE400;border: 1px solid #FFE400;border-radius: 100px;font-size: 11px;text-align:center;color:#000;}
.joinPoint:before {content: "";position:absolute;top: -4px;left: 50%;margin-left: -2px;border-style: solid;border-width: 0 3px 3px;border-color: #FFE400 transparent;}


#hdWrap .leftMenuSub { position: absolute; top:60px; left: 0; width: 100%; background: #fff; /*z-index:97;*/ }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox { display: none; border-bottom: 1px solid #2c2a29; }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 { width: 1400px; margin: 0 auto; padding-bottom: 50px; text-align: center; font-size: 0; }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .left { display: inline-block; vertical-align: top; width: 373px; text-align: left; padding: 40px 0 0 40px;  }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .left dt { margin-bottom: 17px;  }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .left dt a{font-size: 28px; font-weight: 600;}
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .left dd { margin-bottom: 10px; font-size: 20px; }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .left dd a {font-size: 16px;font-weight: 300 !important;display: inline-block;}
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .left dd a:after {content:'';display: block;height: 1px;background: #fff;}
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .left dd a:hover { color:#999; font-weight :300; }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .left dd a:hover::after{content:'';display: block;height: 1px;background: #a2a2a2;}
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .right { display: inline-block; margin-top: 40px; vertical-align: top; width: 986px; font-size: 0 }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .right li { display: inline-block; width: 490px; }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .right li:first-child { margin-right: 5px; }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .right li img { width: 100% }

#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .imgBox { display: inline-block; margin-top: 40px }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .imgBox li { padding-right: 9px; float: left; width: 250px; height: auto; }
#hdWrap .leftMenuSub .subMenuWrap .subMenuBox .depth2 .imgBox li img { width: 250px; height: 217px; }


/* 검색 팝업창 */
#hdWrap .searchArea {display:none;position:absolute; top: 40px; right: -200%; width: 300px; height: 200px; padding: 35px 40px 80px; background: #fff; border:1px solid #ddd; z-index: 101;box-shadow: 0px 0px 3px #ddd;}
#hdWrap .searchArea .searhBtn{position:absolute;top: 0;right:0;bottom:0;display:block;width: 30px; height: 30px; font-size:0; background: url('/design/hippink0/phps/img/hdIcons.png') no-repeat center; background-position: 0 0; text-align:center;font-size: 0;line-height: 30px;}
#hdWrap .searchArea .search { position:relative }
#hdWrap .searchArea .search .searchBox { width: 100%; height: 35px; line-height: 35px; border: 0 none; border-bottom: 2px solid #000 }
#hdWrap .searchArea .search .searchBox input { width: calc( 100% - 35px); height: 30px; line-height: 30px; border: 0 none; font-size: 14px; margin-top: -6px }
#hdWrap .searchArea .search .searchBox input::focus { background: #fff }

#hdWrap .searchArea dl { font-size:0 }
#hdWrap .searchArea dl::after { content:''; display: block; clear: both; }
#hdWrap .searchArea dl dt { margin: 25px 0 5px; font-size: 18px; font-weight: 500; color: #000 }
#hdWrap .searchArea dl dd { display: block; float: left; width: 50%; font-size: 16px; line-height: 28px; color: #666;    font-weight: 300; }
#hdWrap .searchArea dl dd a { font-size: inherit; color: inherit }

/* 전체보기버튼 장바구니버튼 */
#hdWrap .hdCate .menuArea { display:inline-block; float: left; width: 35px; margin-top:21px; position:absolute; left: 0 vertical-align:top;}
#hdWrap .hdCate .menuArea a {display:block;width: 23px;height: 23px; text-align: center;}
#hdWrap .hdCate .menuArea a .menu { display: block; width: 23px; height: 2px; background: #000; position: absolute; left: 0; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s;}
#hdWrap .hdCate .menuArea a .menu.line01 { top: 3px }
#hdWrap .hdCate .menuArea a .menu.line02 { top: 8px }
#hdWrap .hdCate .menuArea a .menu.line03 { top: 13px }
#hdWrap .hdCate .menuArea:hover a .menu.line01 { width: 20px }
#hdWrap .hdCate .menuArea:hover a .menu.line02 { width: 15px }
#hdWrap .hdCate .menuArea a .txt { position:absolute; left: 30px; font-size: 14px;}
#hdWrap .hdCate .menuArea.open .menu.line01 { width: 16px !important; top: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#hdWrap .hdCate .menuArea.open .menu.line02 { display: none } 
#hdWrap .hdCate .menuArea.open .menu.line03 { width: 16px!important; top: 8px; transform: rotate(135deg); -webkit-transform: rotate(135deg); } 

#hdWrap .hdCate .fixLogo, #hdWrap .hdCate .mypage { display: none }

/* 카테고리 */
#hdWrap .hdCate .cateWrap { display:table; position:relative; font-size: 0; margin: 0 auto; }
#hdWrap .hdCate .cateWrap a { display: inline-block; font-size:13px; position: relative; height:60px; line-height:58px; vertical-align:top; position: relative; margin: 0 20px; -webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
#hdWrap .hdCate .cateWrap a:after { content:''; display: block; width: 100%; height: 2px; background: #000; position: absolute; bottom: 0; left:0; -moz-transform: scaleX(0); -ms-transform: scaleX(0);-webkit-transform: scaleX(0); transform: scaleX(0); -moz-transition: 0.3s;-o-transition: 0.3s; -webkit-transition: 0.3s;transition: 0.3s; }
#hdWrap .hdCate .cateWrap a:hover::after { display: block; -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
/*#hdWrap .hdCate .cateWrap a:last-child { margin-right: 0 }*/
#hdWrap .hdCate .cateWrap a.before:before{content: ''; position: absolute; top:20px; right: -9px; width: 6px; height: 6px; background-color: #ff6d44; border-radius: 100%;}

#hdWrap .topRight {position: absolute;right: 0;top: 22px;}
#hdWrap .topRight li {position: relative;padding: 0 14px;display: inline-block;height: 24px;line-height: 24px;}
#hdWrap .topRight li a {font-size: 22px;}
#hdWrap .topRight li.cartArea {border-left: 1px solid #ddd;padding-right: 7px;}
#hdWrap .topRight li.cartArea .bsCount {position: absolute;left: 50%;top: -1px;width: 14px;height: 14px;line-height: 14px;border-radius: 14px;background-color: #e8e8e8;text-align: center;font-size:11px;margin-left: 7px;}

/* 전체보기 레이어 */
.allMenu {display:none;position:absolute;top:60px;left: 0; width: 100%;/* z-index: 100;*/  border-bottom: 1px solid #2c2a29;}
.allMenu #btn-allMenuClose {width: 40px;height: 40px;font-size: 20px;text-align:center;line-height: 40px;background: #fff;cursor:pointer;margin-left: -10px;}
.allMenu .allMenuBx { width:100%; min-width:1280px; background: #fff; z-index: 98; /*padding-bottom: 50px;*/}
.allMenu .allMenuBx .allMenuInner { /*padding: 15px 253px 65px 426px;*/ width: 1200px; margin: 0 auto; padding-left: 75px; box-sizing: border-box;overflow:hidden;}
.allMenu .allMenuBx .allMenuInner .allMenuList { float: left; width:16% }
.allMenu .allMenuBx .allMenuInner a { font-size: 16px; font-weight: 600 }
.allMenu .allMenuBx .allMenuInner ul li { margin: 22px 0 }
.allMenu .allMenuBx .allMenuInner ul li:first-child { margin-top: 0 }  
.allMenu .allMenuBx .allMenuInner dl { height: 320px }
.allMenu .allMenuBx .allMenuInner dl dt { margin-bottom: 10px ;font-size: 15px; font-weight: 600}
.allMenu .allMenuBx .allMenuInner dl dt a {position: relative; font-size: 15px; font-weight: 600; }
.allMenu .allMenuBx .allMenuInner dl dt a:hover { text-decoration: underline; }
.allMenu .allMenuBx .allMenuInner dl dd { line-height: 27px; margin: 5px 0 ;display: block;}
.allMenu .allMenuBx .allMenuInner dl dd a {font-size:13px;font-weight: 400;display: inline-block;}
.allMenu .allMenuBx .allMenuInner dl dd a:after {content:'';display: block;height: 1px;background: #fff;}
.allMenu .allMenuBx .allMenuInner dl dd a:hover { text-decoration: underline; }
.allMenu .allMenuBx .allMenuInner dl dt a.before:before{content: ''; position: absolute; top:0px; right: -10px; width: 6px; height: 6px; background-color: #ff6d44; border-radius: 100%;}
/*
.allMenu .allMenuBx .allMenuInner dl dd a:hover{color:#000;font-weight :400; }
.allMenu .allMenuBx .allMenuInner dl dd a:hover::after {content:'';display: block;height: 1px;background: #000;}
*/
.allMenu .allMenuBx .allMenuInner .allMenuList .bottomMenu { padding-top:80px }


/* 다찾다 검색 파인더 */
#allfinder-layer {z-index: 0; position: fixed; top: -100%; right: 0px; min-width: 1400px; height: 100%; zoom: 1; overflow: hidden; transition:0.2s;}
#allfinder-layer.on{top: 0px;}
#allfinder-layer .finder-body { z-index:0; position: relative; width: 100%; height: 80%; padding:140px 150px 5px; overflow-x: hidden; overflow-y: auto; box-sizing: border-box; background: #fff; border-bottom:1px solid #000; }
#allfinder-layer .finder-body .finder-close {margin: 0 0 0 15px; color: #fff; background-color:#999; border: 1px solid #fff;}
#allfinder-ctr { z-index: 10000; position: fixed; top: 50px; right: 0; width: 100px; height:100px; }
#allfinder-ctr a { display:block; width:100%; height:100%; background:url('/images/common/allfinder_ctrl_pc.png') no-repeat right top; border:none; outline:none; font-size:0; }

.all-finder-layer .finder-body .finder-tbl table { border:1px solid #ccc; background-color: #fff; }
.all-finder-layer .finder-body .finder-tbl th, 
.all-finder-layer .finder-body .finder-tbl td { height: 40px; border-top: 1px solid #e5e5e5; font-size: 13px; color: #000; }
.all-finder-layer .finder-body .finder-tbl tr:first-child th,
.all-finder-layer .finder-body .finder-tbl tr:first-child td { border-top:none; }
.all-finder-layer .finder-body .finder-tbl th { padding: 5px 0; background: #f4f4f4; text-align: left; vertical-align:top; }
.all-finder-layer .finder-body .finder-tbl th .txt-l { position:relative; height:34px; line-height:34px; padding: 0 20px; margin:3px 0; }
.all-finder-layer .finder-body .finder-tbl th .txt-l .fa { position:absolute; top:50%; right:15px; margin-top:-6px; }
.all-finder-layer .finder-body .finder-tbl td { padding: 5px 10px; }
.all-finder-layer .finder-body .txt-input { height: 21px; line-height: 21px; padding: 0 5px; font-size: 13px; }
.all-finder-layer .finder-body .finder-category { height:40px; overflow:hidden; }
.all-finder-layer .finder-body .finder-category.open { height:100%; overflow:visible; }
.all-finder-layer .finder-body .finder-color { padding-left:10px; }
.all-finder-layer .finder-body .finder-price .finder-price-input { display: inline-block; padding-top:5px}
.all-finder-layer .finder-body .finder-price .finder-price-input label { display: inline-block; width: 110px; padding: 0 10px; border: 1px solid #ccc; border-radius:3px; color: #666; }
.all-finder-layer .finder-body .finder-price .finder-price-input label .txt-input { display: inline-block; width: 90px; height: 29px; line-height: 29px; padding: 0; border: none; background: none; color: #333; text-align: right; }
.all-finder-layer .finder-body .finder-search { position:relative; padding-left:5px; }
.all-finder-layer .finder-body .finder-search label { display: inline-block; width: 320px; padding: 0 10px; border: 1px solid #ccc; border-radius:3px; }
.all-finder-layer .finder-body .finder-search label .txt-input { display: block; width:100%; height: 29px; line-height: 29px; padding: 0; border: none; background: none; color: #333; text-align: left; }
.all-finder-layer .finder-body .finder-btn-c { padding: 30px 0; text-align: center; }
.all-finder-layer .finder-body .finder-btn-c a.reset { display: inline-block; width: 140px; height: 60px; line-height: 57px; border:1px solid #2c2a29; border-radius:3px; background: #fff; color: #2c2a29; font-size: 18px; font-weight: bold; letter-spacing: 1px;  margin-right:15px; }
.all-finder-layer .finder-body .finder-btn-c button { display: inline-block; width: 140px; height: 60px; line-height: 57px; border:1px solid #2c2a29; border-radius:3px; background: #2c2a29; color: #fff; font-size: 18px; font-weight: bold; letter-spacing: 1px;  cursor:pointer; }

.all-finder-layer .finder-body .finder-options { display:inline-block; margin:3px 5px 3px 0; padding: 5px 10px; cursor:pointer; line-height:22px; border: 1px solid #fff; vertical-align:top; word-break:break-all; }
.all-finder-layer .finder-body .finder-options.on { font-weight: bold; border: 1px solid #000; border-radius: 20px; box-shadow:2px 2px 3px #d2d2d2; }
.all-finder-layer .finder-body .finder-option-color em { display: inline-block; width: 22px; height: 22px; border-radius:20px; font-size:0; vertical-align:top; }
.all-finder-layer .finder-body .finder-option-color.color-picker { width:22px; height:22px; padding: 0; border: none; } 
.all-finder-layer .finder-body .finder-option-color.color-picker.on { border: none; }
.all-finder-layer .finder-body .finder-option-color.color-picker .fa-check { display:none; width:22px; height:22px; margin-top:-17px; color:#fff; text-align:center; }
.all-finder-layer .finder-body .finder-option-color.color-picker.on .fa-check { display:block; }
.all-finder-layer .finder-body .finder-option-color.color-picker.on.finder-option-color-white .fa-check { color:#000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-black em { background-color: #000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-white em { background-color: #FFF; width: 20px; height: 20px; border: 1px solid #e5e5e5; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gray em { background-color: #808080; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-beige em { background-color: #e5d0b2; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-brown em { background-color: #aa6810; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-navy em { background-color: #425583; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-blue em { background-color: #0000ff; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-blue em { background-color: #62acff; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-red em { background-color: #ff0000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-orange em { background-color: #ffa500; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-yellow em { background-color: #ffff00; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-pink em { background-color: #ffc0cb; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-purple em { background-color: #800080; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-jaju em { background-color: #a63f7f; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-khaki em { background-color: #2f5e2f; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-green em { background-color: #008000; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-light-green em { background-color: #72dd95; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-silver em { background-color: #dfdfdf; }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-gold em { background-color: #cfbc4e;  }
.all-finder-layer .finder-body .finder-option-color.finder-option-color-apricot em { background-color: #fbceb1;  }

.all-finder-layer .finder-body .search-auto-complete-list { display:none; z-index:1; position:absolute; top:30px; left:5px; border:1px solid #ddd; line-height:14px; background:#fff; }
.all-finder-layer .finder-body .search-auto-complete-list ul { width:340px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.all-finder-layer .finder-body .search-auto-complete-list ul li { text-align:left; }
.all-finder-layer .finder-body .search-auto-complete-list ul li.on { background:#f3f3f3; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a{ display:block; padding:8px 14px 7px; color:#000; background:none;  font-size:12px; letter-spacing:-1px; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a strong { color:#ab3e41; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.all-finder-layer .finder-body .search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.all-finder-layer .finder-body .search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }

.all-finder-layer .finder-body .finder-search-data .finder-options { border: 1px solid #e5e5e5; box-shadow:none; }
.all-finder-layer .finder-body .finder-search-data .finder-options .fa-close { margin-left:10px; color: #999; }


/* 퀵메뉴 */
#quickWrap { position: fixed; top: 0; right: 30px; z-index: 110; height: 100%; min-height: 360px; transition: right .3s ease-in-out; display: none }
#quickWrap.active { right: 0 }

#quickWrap .btnBox { position: absolute; bottom: 30px; left: -57px; z-index: 100; padding: 10px 0; background: #; width: 51px; text-align: center; border: 0px solid #2c2a29; border-radius: 50px; }
#quickWrap .btnBox li { position: relative; height: 50px; margin-top: -1px; }
#quickWrap .btnBox li:hover i { opacity: 0.8 }
#quickWrap .btnBox li .detail { position: absolute;left: -90px;width: 92px;height: 28px;background: #fff;line-height: 28px; color: #2c2a29; border-radius: 20px;top: 50%;transform: translateY(-50%); border: 1px solid #2c2a29; display: none;box-shadow: 0px 0px 3px #ddd; }
#quickWrap .btnBox li .detail::before { content: ''; display: block; border: 5px solid transparent; position: absolute; right: -10px; top: 9px; border-left: 5px solid #2c2a29; }
#quickWrap .btnBox li:hover .detail { display: block; }
#quickWrap .btnBox li a { display: block; width: 100%; height: 100%; padding-top: 9px; box-sizing: border-box; }
#quickWrap .btnBox li a .ico { display: block; margin: 0 auto; width: 40px; height: 40px; background: url('/design/hippink0/phps/img/quickIcons.png') no-repeat center; background-size: cover;  }
#quickWrap .btnBox li a .ico.ico01 { background-position: 0 0 }
#quickWrap .btnBox li a .ico.ico02 { background-position: 0 -40px }
#quickWrap .btnBox li a .ico.ico03 { background-position: 0 -80px }
#quickWrap .btnBox li a .ico.ico04 { background-position: 0 -120px; }
#quickWrap .btnBox li a .ico.ico05 { background-position: 0 -160px; }


/*
@media (max-width:1920px){
    #hdWrap .hdCate .cateWrap .tmenu { margin:0 23px }
    .allMenu .allMenuBx .allMenuInner { padding:25px 0 25px 222px }
    #hdWrap .hdCateArea .tLogoS { left:10px }
}
@media (max-width:1880px){
    #hdWrap .hdCate .cateWrap .tmenu { margin:0 21px }
    .allMenu .allMenuBx .allMenuInner { padding:25px 0 25px 220px }
}
@media (max-width:1830px){
    #hdWrap .hdCate .cateWrap .tmenu { margin:0 18px }
    .allMenu .allMenuBx .allMenuInner { padding:25px 0 25px 220px }
}
@media (max-width: 1750px){
    #hdWrap .hdCate .cateWrap .tmenu { margin:0 13px }
    .allMenu .allMenuBx .allMenuInner { padding:25px 0 25px 217px }
}
@media (max-width:1607px){
    #hdWrap .hdTop .ht_left .hd_logo { margin-left:140px }
    #hdWrap .hdTop .ht_right { margin-right:140px }
    #hdWrap .hdCateArea .hdCate { margin: 0 140px }
    .allMenu .allMenuBx .allMenuInner { padding:25px 0 25px 174px }
}
@media (max-width: 1540px){
    #hdWrap .hdTop .ht_left .hd_logo { margin-left:90px }
    #hdWrap .hdTop .ht_right { margin-right:90px }
    #hdWrap .hdCateArea .hdCate { margin: 0 90px }
    #hdWrap .hdCate .cateWrap .tmenu { margin:0 10px }
    .allMenu .allMenuBx .allMenuInner { padding:25px 0 25px 82px }
}
@media (max-width: 1490px){
    #hdWrap .hdTop .ht_left .hd_logo { margin-left:50px }
    #hdWrap .hdTop .ht_right { margin-right:50px }
    #hdWrap .hdCateArea .hdCate { margin: 0 40px 0 50px }
    #hdWrap .hdArea.fix .hdCateArea .hdCate { margin: 0 40px 0 85px }
    .allMenu .allMenuBx .allMenuInner { padding:25px 0 25px 82px }
}
@media all and (max-width:1300px) {
    #hdWrap .hdTop .ht_left .hd_logo { margin-left:10px }
    #hdWrap .hdTop .ht_right { margin-right:10px }
    #hdWrap .hdCateArea .hdCate { margin: 0 40px 0 10px }
    #hdWrap .hdArea.fix .hdCateArea .hdCate { margin: 0 40px 0 85px }
    .allMenu .allMenuBx .allMenuInner { padding:25px 0 25px 44px }
}
*/

/* BASIC css end */


/* BASIC css end */


/* BASIC css end */