/* BASIC css start */
#header { position:fixed; height:80px; width: 1650px; min-width: 1240px;     z-index: 200;  background: #fff;}
/*#header .headerWrap.fix { position:fixed; top:0; left:0; right:0; border-bottom:1px solid #ebebeb; height:67px; z-index:200; background-color:#fff; }*/
#header .headerArea { width:100%; margin: 0 auto; position: relative;}
#header .logo { position:absolute; top:20px; left:50%;    margin-left: -34px; }
#header .logo a { font-size:32px; font-weight:bold;}
#header .gnb { padding-top:30px; float:left; *zoom:1 }
#header .gnb:after { display:block; clear:both; content:'' }
#header .gnb ul { float:left }
#header .gnb ul li { padding:0 20px 0 0px; position:relative; float:left }
#header .gnb ul li:after { content:'/'; position: absolute;  right: 6px;  bottom: 0;}
#header .gnb ul li:last-child:after { content:none }
#header .gnb ul li a { display:block; font-size:11px; color:#000; z-index:10 }
#header .gnb ul li a.btn_searchOpen { font-size:20px; margin-top:-5px;}
#header .gnb ul li .bubble { position:absolute; top:8px; left:-4px; text-align:center }
#header .gnb ul li .bubble i { line-height:6px; color:#bbb; vertical-align:bottom }
#header .gnb ul li .bubble .inner { padding:2px 5px; color:#fff; border-radius:5px; background:#bbb }
#header .gnb ul li .cartNum{background: #e3e3e3;    width: 20px; height: 20px; text-align: center; border-radius: 100px; padding: 0 8px;margin-left: 3px;}
#header .gnb .joinPoint {color:#000;
    display:inline-block;position: absolute;top:20px;left:50%; margin-left:-38px; width: 54px;height: 26px;line-height: 26px;padding-top: 4px;text-align: center;font-size: 11px;background:url("/design/ibook0430/12890/tem160/join_point.png") no-repeat 0 0;
     -webkit-animation:joinPointAni 3s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; }


@-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); }
}


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

#header .boardArea {padding-top:30px; float:right}
#header .boardArea {}
#header .boardArea li{float:left; padding:0 0px 0 20px;position:relative;}
#header .boardArea li:after { content:'/'; position: absolute;  right: -10px;  bottom: 0;}
#header .boardArea li:last-child:after { content:none }



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

#fxedMenu .rightMenu .pageTop{}
#fxedMenu .rightMenu .pageBottom{}

#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; */}




.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 */