/* BASIC css start */
/* 움직이는 텍스트 */
.animated-title {font-size:15px;color:#fff; font-family:Noto Sans KR; font-weight:500; position: relative; width: 100%;max-width:100%; height: 30px; overflow-x: hidden; overflow-y: hidden;background: #00c5ac; line-height:95px;}
.animated-title .track {position: relative; white-space: nowrap;will-change: transform;animation: marquee 30s linear infinite; }
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (hover: hover) and (min-width: 700px){
.animated-title .content {-webkit-transform: translateY(calc(100% - 8rem)); transform: translateY(calc(100% - 8rem));}
    }
/* 움직이는 텍스트 */

#header {z-index:100;position:relative;width:100%;background: #ffffff; }

#header .headerTop {height:100px;position:fixed; top:0;left:0;right:0;height:100px;background:#fff;}
#header .headerTop .logoArea { text-align:center; z-index:10;padding:10px 0 10px;background:#fff;}
#header .headerTop .logoArea .logo a { font-size:40px; font-weight:bold; color:#2e2e2e;background:#fff; }
#header .headerGnb {position:fixed;top:22px;left:0;right:0;background:#3058d7; min-width:1200px;border-top:0px solid #cdcdcd;border-bottom:0px solid #cdcdcd;margin:100px 0 0;}

/* 로고, 로그인 영역 */
#header .headerTop .topbanArea { position:absolute;top:70px;left:30px;float:left; }


#header .headerTop .loginArea { position:absolute;top:70px;right:30px; }
#header .headerTop .loginArea > li { position:relative; float:left; padding:0 0 0 20px;line-height:22px; }
#header .headerTop .loginArea > li a { font-size:13px;}
#header .headerTop .loginArea > li a:hover { color:#8c8c8c; }
#header .headerTop .loginArea > li .point {position:absolute;top:-24px;left:15px; color:#fff; background:url('/design/gofish1/12923/tem162/bg_point.png') 0 0 no-repeat; width:55px;height:26px;text-align:center; }
#header .headerTop .loginArea > li.cartCount a i { font-size:24px; }
#header .headerTop .loginArea > li a.menuAllBtn i { font-size:24px; }
#header .headerTop li a.searchOpen { font-size:24px;cursor:pointer;vertical-align:top; }
#header .headerTop .searchArea { display:none; position:fixed; top:30px; left:0; right:0; width:100%; height:80px; background-color: #fff; z-index:900;padding:10px 0 0; }
#header .headerTop .search { position:relative; width:45%; margin:0 auto; border-bottom:2px solid #2e2e2e;padding:10px 0 0; }
#header .headerTop .search input { width: 100%; height:44px; margin: 0 95px 0 0; border:none; font-size:20px; }
#header .headerTop .search .btnSch { position:absolute; top:8px; right:4px; color:#2e2e2e; font-size:30px }
#header .headerTop .search .searchClose { position:absolute; top:0; right:-50px; line-height:55px; font-size:24px; background-color:#fff; }

/* 우측 전체메뉴 레이어 */
.allMenu {display:none;position: fixed;right:0;top:0;bottom:0;width: 250px;height:100%;z-index:999!important;background:#404040;}
.allMenu .allMenuWrap { margin:40px 0 0;z-index:999!important;}
.allMenu .allMenuWrap h3 {font-size: 16px;font-weight: bold;padding: 1% 0 0.5% 1%;}
.allMenu .allMenuWrap .allMenuInner { margin: 0 auto;text-align:center; }
.allMenu .allMenuWrap .allMenuList ul {padding: 0 0 3%;}
.allMenu .allMenuWrap .allMenuList ul li span.bar { display: block; width: 1px; height: 10px; background: #777676; margin: 20px auto;}
.allMenu .allMenuWrap .allMenuList ul li a {padding-left:5px;font-size:14px;height:34px;line-height:34px;color: #c5c5c5;}
.allMenu .allMenuWrap .allMenuList ul li a:hover { color: #eee;}
.allMenu .allMenuWrap .closeBtn {display: block;margin: 0 0 40px;font-size: 24px; text-align:center;color:#fff; }

/* 카테고리 */
#header .headerGnb {z-index:-1;}
#header .headerGnb .cateWrap {position: relative; margin:0 auto;text-align:center; max-width:1600px; }
#header .headerGnb .cateWrap:after {content:"";display:block;clear:both;}
#header .headerGnb .cateWrap a { color:#fff; font-weight:600;}
#header .headerGnb .cateWrap a:hover { color:#ffce4b; }
#header .headerGnb .cateWrap .tmenu {position: relative;display: inline-block; padding:0 7px;}
#header .headerGnb .cateWrap .tmenu a { font-size:16px; line-height:53px; letter-spacing:-0.5px;}
#header .headerGnb .cateWrap .tmenu .depth2 { display:none; position: absolute;background: #fff; top:53px;left: 50%;width: 140px;margin-left: -75px;padding: 10px 0; z-index: 97;text-align:center;border:1px solid #cdcdcd;}
#header .headerGnb .cateWrap .tmenu .depth2 li a {color:#071261; font-size: 13px; line-height: 24px; font-weight:100 !important;}
#header .headerGnb .cateWrap .tmenu .depth2 li a:hover { color: #549cee;}


/* 검색창 */
#header .headerGnb .srchArea {display:none; position:fixed; left:0; right: 0;top: 0;bottom: 0;background-color:#fff;opacity:0.9; width: 100%;height: 100%;z-index: 201; }
#header .headerGnb .search { width:75%; margin:0 auto; }
#header .headerGnb .search fieldset { width:64%; margin:15% auto 0; text-align:center; }
#header .headerGnb .search input { width:84%; height:40px; border:none; background:none; font-size:20px; color:#000;border-bottom:2px solid #111; }
#header .headerGnb .search .btn_search { font-size:40px; }
#header .headerGnb .search .searchClose { display: block;margin: 4% 0 3%;font-size: 40px; text-align:center  }

#header .headerGnb .searchOpen{ position:absolute; top:11px; right:40px; width:26px; height:26px; font-size:26px; text-align:center; cursor:pointer; z-index:10 }
#header .headerGnb .basketBtn { position:absolute; top:7px; right:0; width:26px; height:26px; font-size:26px; text-align:center; cursor:pointer; z-index:10 }
#header .headerGnb .basketBtn span {  position:absolute; top:12px; right:10px; color:#fff; font-size:11px; }


/* 위로가기 버튼 */
.topBtn { position:fixed;bottom:40px;right:105px; z-index:200; display:block; background:transparent; text-align:center; }
.topBtn i, 
.downBtn i { vertical-align:top; line-height:34px;color:#c5c5c5; font-size:22px }
.topBtn:hover,
.downBtn:hover {-webkit-transition: all 0.3s ease; transition: all 0.3s ease;color:#fff; }
.downBtn { position:fixed;bottom: 12px;right:105px; z-index:200; display:block; background:transparent; text-align:center; }
/* BASIC css end */