/* BASIC css start */
.-mov {
    -ms-transition:    all 0.4s ease-out;
    -moz-transition:    all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition:      all 0.4s ease-out;
    transition:         all 0.4s ease-out;
}




/* 상단 배너 */
#topBanner { position:relative; overflow:hidden }
#topBanner .thmb { width:100%;  }
#topBanner .thmb img { width:100% }
#btBnnrClose { margin-top:-9px; position:absolute; top:50%; right:7px; width:17px; height:17px; text-indent:-9999em; background:url(/design/goldrush07/wizmobile/btn_bnnr_close.png) 0 0 no-repeat; background-size:17px auto; cursor:pointer; z-index:10 }


/* 상단 */

.top-sp { height:50px;}

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

#header .headerLnb { height:50px; background:rgba(255,255,255,0.7); position:fixed; left:0;  top:0; width:100%; }
#header .headerLnb .sideMenuOpen { position:absolute; top:10px; left:17px; font-size:24px; color:#333; cursor:pointer }
#header .headerLnb .tlogo { margin:0 auto; text-align: center; line-height: 45px;}
#header .headerLnb .tlogo img { height: 50px;}



#header .headerLnb .searchToggle { position:absolute; top:10px; right:21px; font-size:20px; color:#333; cursor:pointer }
#header .searchLy { display:none; position:absolute; top:45px; left:0; width:100%; height:45px; background:#ccc; z-index:100 }
#header .searchLy .search {padding:8px 10px; position:relative; text-align:center; }
#header .searchLy .search .delete_btn { display:none; position:absolute; top:10px; right:40px; width:30px; height:24px; font-size:18px; color:#adadad; line-height:24px; z-index:10 }
#header .searchLy .search input { width:100%; height:29px; border:none; border-radius:15px; outline:none }
#header .searchLy .search .btn_search { position:absolute; top:12px; right:20px; font-size:20px; color:#666; }
#header .searchLy .clearTag { height:200px }

.mask {	display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:990 }


#header .join_benefit{ position:fixed; bottom:130px; right:5px; font-size:7px; color:#333; cursor:pointer; background:#ffe900; border-radius:5px; padding:5px; box-sizing:border-box; text-align:center; }
#header .join_benefit li{line-height:9px;}


/* ============= 스크롤후 위치영역 =============== */


#header .headerLnb.small { height: 35px;  box-shadow: 1px 1px 5px rgba(0,0,0,0.3); background:rgba(255,255,255,0.7);  }
#header .headerLnb.small .tlogo  { height: 35px;  }
#header .headerLnb.small .tlogo  img { height: 35px;  }
#header .headerLnb.small .hd_left li.menu a { color:#000; }

#header .headerLnb.small .sideMenuOpen { position:absolute;  top:6px; left:15px; font-size:22px; color:#000; cursor:pointer }
#header .headerLnb.small .searchToggle { position:absolute;  top:6px;  right:15px;font-size:18px; color:#000; cursor:pointer }
#header .headerLnb.small .searchLy { display:none; position:absolute; top:35px; left:0; width:100%; height:45px; background:#ccc; z-index:100  }



/* ============= 카테고리 영역 =============== */

#wmenu { width:100%; background:#fff; border-bottom:1px solid #ddd; height:70px; }
#wmenu ul { border:0; }
#wmenu li { position:relative;float:left;width:20%; height:35px;  text-align:center; border:0;-webkit-box-shadow:inset 1px 1px #ddd;-moz-box-shadow:inset 1px 1px #ddd;-o-box-shadow:inset 1px 1px #ddd;-ms-box-shadow:inset 1px 1px #ddd;box-shadow:inset 1px 1px #ddd;}
#wmenu li.left {position:relative;float:left;width:20%;height:35px; text-align:center;-webkit-box-shadow:inset 0px 1px #ddd;-moz-box-shadow:inset 0px 1px #ddd;-o-box-shadow:inset 0px 1px #ddd;-ms-box-shadow:inset 0px 1px #ddd;box-shadow:inset 0px 1px #ddd;}
#wmenu li a {width:100%;display:block;overflow:hidden;text-align:center;  color:#646464;  font-family:'돋움', dotum, sans-serif;  font-size:11px; font-weight:none; line-height:35px; height:36px;}

#wmenu1 { width:100%; background:#fff; border-bottom:1px solid #ddd; height:105px; margin-top:1px; }
#wmenu1 ul { border:0; }
#wmenu1 li { position:relative;float:left;width:20%; height:35px;  text-align:center; border:0;-webkit-box-shadow:inset 1px 1px #ddd;-moz-box-shadow:inset 1px 1px #ddd;-o-box-shadow:inset 1px 1px #ddd;-ms-box-shadow:inset 1px 1px #ddd;box-shadow:inset 1px 1px #ddd;}
#wmenu1 li.left {position:relative;float:left;width:20%;height:35px; text-align:center;-webkit-box-shadow:inset 0px 1px #ddd;-moz-box-shadow:inset 0px 1px #ddd;-o-box-shadow:inset 0px 1px #ddd;-ms-box-shadow:inset 0px 1px #ddd;box-shadow:inset 0px 1px #ddd;}
#wmenu1 li a {width:100%;display:block;overflow:hidden;text-align:center;  color:#646464;  font-family:'돋움', dotum, sans-serif;  font-size:11px; font-weight:none; line-height:35px; height:36px;}




/* ============= 상하이동버튼 ============= */
.pageTop {  display:none; position:fixed; bottom:50px; right:5px; z-index:100;}
.pageTop .btn_up {width:33px; height:33px; line-height:33px; display: block; border:1px solid rgba(88, 86, 86, 0.59);  background-color:#fff; text-align:center; border-radius:5px; color:#333;margin-bottom:3px; }
.pageTop .btn_down {width:33px; height:33px; line-height:33px; display: block; border:1px solid rgba(88, 86, 86, 0.59);  background-color:#fff; text-align:center; border-radius:5px; color:#333;}

#fix_pagescroll {position:fixed;right:5px;bottom:130px;z-index:9; }
#fix_pagescroll img {  width:33px; }


/* ============= 사이드 메뉴 ============= */
#asideMenu { position:fixed; top:0; left:-82%; width:80%; height:100%; box-shadow:-5px 5px 5px 5px #000; background:#fff; z-index:9999; overflow-y:auto; overflow-x:hidden }


/* 퀵메뉴 상단메뉴 */
.subTop-box {  }
.subTop-box a { float:left; width:25%; padding:10px 0; color:#fff; font-size:10px; text-align:center;  border-right:0; background-color:#333;  
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-sizing:border-box;
-o-sizing:border-box;
box-sizing:border-box;
}


#subTop-box a.icon-add { }
#subTop-box a.icon-order {  }
#subTop-box a.icon-basket { }
#subTop-box a.icon-mypage { }



/* 검색 + 로그인 메뉴 */
.loginBox { clear:both; margin:0px 0 0px; padding:10px 0px 30px; text-align:center; background:#f1f1f1;  border:0px solid #000; }

.loginBox .searchside { clear: both; width:100%; height:45px; padding:0px 0 20px; } 
.loginBox .searchside .search {padding:8px 10px;  text-align:center; position:relative; }
.loginBox .searchside .search .delete_btn { position:absolute; top:10px; right:40px; width:30px; height:24px; font-size:18px; color:#adadad; line-height:24px; z-index:10 }
.loginBox .searchside .search input { width:100%; height:29px; border:none; border-radius:15px; border:1px solid #999; }
.loginBox .searchside .search .btn_search { position:absolute; top:12px; right:20px; font-size:20px; color:#666;  z-index:10 }


.loginBox p { display:inline-block;   font-size: 14px;}
.loginBox p span { text-decoration:underline; font-weight: bold; color: #202020; font-size: 0.875em; }
.loginBox ul { font-size:0; margin-top:15px; }
.loginBox li { clear:both; display:inline-block; width:49%; height:35px; text-align:center; margin:0 0.5%; }
.loginBox li a { display:block; font-size:11px; color:#222; letter-spacing:0.1em; line-height:35px; border:1px solid #303030; border-radius: 3px; box-sizing:border-box; -webkit-box-sizing:border-box;  background:#fff; }
.loginBox li.first a { color:#fff; border:1px solid #303030; background:#303030; }




/* 카테고리메뉴 */

aside .asideTop { text-align:center; font-size: 0.875em;  overflow:hidden; padding: 0px 2px 10px;}
aside .asideTop a:first-child { border-left: 1px solid #585858;}
aside .asideTop a { width:33.33%; height:35px;  position:relative; font-weight:bold; border: 1px solid #585858; border-left: 0px;   background-color:#fff; line-height: 35px; color:#585858; display:inline-block; box-sizing: border-box;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act { background:#585858; color:#fff; }
aside .asideTop a.act em { position:absolute; left:44%; bottom:-6px; border-top:6px solid #585858; border-left:4px solid transparent; border-right:4px solid transparent;}


aside nav li {border-bottom:1px solid #ccc; position:relative;}
aside nav li a {display: block; height: 35px; line-height:35px; padding:0 0 0 20px; font-size:11px;  margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Lato','Montserrat','Noto Sans KR', 'Nanum Gothic', Sans-serif; font-weight:bold; }
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}
aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #6e6e6e;}
aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}

aside .navCommunity {display:none;}
aside .navMypage {display:none;}




#asideClose { position:fixed; top:45px; left:-82%; width:40px; height:40px;  text-align:center; line-height:45px;  background:#fff; cursor:pointer; z-index:9999 }
#asideClose .fa { color:#000 ;  }



/* ============= 퀵 메뉴 ============= */

#quick_fix {position:fixed;bottom:10px;left:5px;z-index:999;width:38px;border-radius:38px;}
#quick_fix .qbtn {width:38px;height:38px;text-align:center;background:rgba(0,0,0,0.7);border-radius:38px;line-height:38px;-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;}
#quick_fix .qbtn i{color:#fff;font-size:20px;line-height:42px;}
#quick_fix .quickwrap{position:relative;}
#quick_fix .content{position:absolute;bottom:35px;left:0;height:auto;overflow:hidden;opacity:0;width:120px;margin:0 0 10px 0;background:#f7f7f7;border:2px solid #222;border-radius:7px;visibility:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#quick_fix .show {height:auto;opacity:1;visibility:visible;}
#quick_fix .show {-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
#quick_fix .qbtnin {-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-ms-transition:all .6s ease;-o-transition:all .6s ease;transition:all .6s ease;transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);-o-transform:rotate(135deg);}
#quick_fix .quickwrap {position:relative;}
#quick_fix .footerBoard{overflow:hidden;padding:0;}
#quick_fix .footerBoard ul{margin:-1px 0 0 -1px;font-size:12px;color:#333;z-index:999;}
#quick_fix .qmenu li{position:relative;padding:10px 0 10px 5px;margin:0 10px;border-bottom:1px solid #ddd;height:19px;line-height:19px;text-align:left;}
#quick_fix .qmenu li a{display:block;}
#quick_fix .footerBoard li span{line-height:19px;}
#quick_fix .qmenu li span i {float:left;width:16px;margin:1px 10px 0 0;}



/* BASIC css end */