/* BASIC css start */
body{min-width:1200px;}
.minSizeWrap{width:1200px;margin:0 auto;min-width:1200px;}

#hdWrap{background-color:#fff;position:relative;z-index:200;}
#hdWrap .listWrap:after{content:"";display:block;clear:both;}
#hdWrap .list{float:left;}
#hdWrap .link{display:block;color:#000;font-size:11px;padding:0 12px;height:45px;line-height:45px;}
#hdWrap .link:hover{opacity:0.7;}
#hdWrap .list:first-child .link{padding-left:0;}
#hdWrap .hdTop{border-bottom:1px solid #d2d2d2;}
#hdWrap .hdTop .link i{margin-right:7px;font-size:16px;vertical-align:-2px;}

/* 상단 - 유저 메뉴 */
@-webkit-keyframes movingJoinPoint{ 0% {margin-top:0px;} 100% {margin-top:7px;} }
@keyframes movingJoinPoint { 0% {margin-top:0px;} 100% {margin-top:7px;} }
#hdWrap .joinUs .link{padding-right:0px;position:relative;}
#hdWrap .joinPoint{position:absolute;top:80%;left:50%;margin-left:-21px;margin-top:0;text-align:center;display:block;height:25px;line-height:25px;width:62px;border-radius:12px;background-color:#323232;color:#fff;
	-webkit-animation:movingJoinPoint 0.5s ease 2s infinite alternate;animation:movingJoinPoint 0.5s ease 2s infinite alternate;
}
#hdWrap .joinPoint:after{content:"";width:6px;height:6px;display:block;-webkit-transform:scaleX(0.6) rotate(45deg);transform:scaleX(0.6) rotate(45deg);position:absolute;top:-3px;left:50%;margin-left:-5px;z-index:0;border:1px solid transparent;border-top-color:#323232;border-left-color:#323232;background-color:#323232;}
#hdWrap .noticeArea{width:360px;position:absolute;top:0;left:50%;margin-left:-180px;}
#hdWrap .noticeArea .noticeCnt{height:0;overflow:hidden;width:310px;margin:0 auto;}
#hdWrap .noticeArea .link{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;padding:0;text-align:center;}
#hdWrap .noticeArea .bx-controls-direction{text-align:center;}
#hdWrap .noticeArea .bx-prev, #hdWrap .noticeArea .bx-next{position:absolute;top:0;font-size:24px;color:#787878;display:inline-block;width:45px;height:45px;vertical-align:middle;border:1px solid transparent;}
#hdWrap .noticeArea .bx-prev:hover, #hdWrap .noticeArea .bx-next:hover{color:#000;}
#hdWrap .noticeArea .bx-prev{left:-10px;}
#hdWrap .noticeArea .bx-next{right:-10px;}
#hdWrap .noticeArea .bx-controls-direction i{padding-top:10px;}

/* 중단 - 로고 영역 */
#hdWrap .hdMid{text-align:center;padding:32px 0;position:relative;}
#hdWrap .hdMid .minSizeWrap{position:relative;}
#hdWrap .utilMenu{position:absolute;top:-7px;right:0;}
#hdWrap .utilMenu .list{padding:0;}
#hdWrap .hdMid .utilMenu .link{text-align:center;padding:10px 10px;position:relative;line-height:1;height:auto;}
#hdWrap .utilMenu i{color:#1e1e1e;font-size:40px;}
#hdWrap .utilMenu .basketQuan{display:block;position:absolute;top:6px;right:4px;width:25px;height:25px;line-height:25px;border-radius:12px;color:#fff;background-color:#eb3636;font-weight:700;font-size:14px;}

/* 하단 - search 영역 */
#hdWrap .hdSearch{background-color:#e9e9e9;height:59px;position:relative;z-index:1;}
.searchArea{text-align:center;}
.searchArea form{position:relative;}
.searchArea input{margin-left:25px;position:relative;z-index:2;height:28px;width:145px;border:0;border-bottom:1px solid transparent;font-size:14px;padding:0 5px;outline:none;background-color:#e9e9e9;vertical-align:middle;}
.searchArea input:focus{border-color:#000;}
.searchArea .searchBtn{width:49px;height:59px;text-align:center;line-height:1;font-size:24px;color:#323232;display:inline-block;vertical-align:middle;}
.searchArea .searchBtn i{padding-top:18px;}
.searchArea .searchBtn:hover{color:#eb3636;}

/* category */
#hdWrap .categoryArea{background-color:#323232;box-shadow:0 0 5px rgba(0,0,0,0.75);}
#hdWrap .categoryArea .cateWrap{text-align:center;}
#hdWrap .categoryArea .link{display:inline-block;color:#fff;height:59px;line-height:59px;}

/* 헤더 상태값 관리 */
.headerFix #hdWrap{position:fixed;top:-215px;left:0;right:0;}
.headerFix #hdWrap .joinPoint{-webkit-animation:none;animation:none;}
.headerFix #contentWrapper{padding-top:274px;}



/* BASIC css end */