/* nav_bottom */
#nav_wrap {position:fixed; width:100%; height:65px; left:0px; bottom:0px; box-sizing:border-box; background:rgba(19,19,19,.92); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); padding-left:5px; padding-right:5px; z-index:10000;}
.nav_menu_wrap {position:relative; width:100%; height:65px; box-sizing:border-box; padding-top:6px;}
.nav_menu_wrap ul li {position:relative; float:left; width:calc(20% - 6px); box-sizing:border-box; margin-right:6px;}
.nav_menu_wrap ul li:first-child {margin-left:3px;}
.nav_menu_wrap ul li:last-child {margin-right:0px;}
.nav_menu_wrap ul li a {display:block; width:100%; box-sizing:border-box; color:rgba(255,255,255,.5); font-size:10.5px; font-weight:400; letter-spacing:-0.6px; line-height:110%; text-align:center; padding-top:31px;}
.nav_menu_wrap ul li.nav_pic_1 a {background:url("../img/svg/pic_1.svg") no-repeat 50% 0px; background-size:28px;}
.nav_menu_wrap ul li.nav_pic_2 a {background:url("../img/svg/pic_2.svg") no-repeat 50% 0px; background-size:28px;}
.nav_menu_wrap ul li.nav_pic_3 a {background:url("../img/svg/pic_3.svg") no-repeat 50% 0px; background-size:28px;}
.nav_menu_wrap ul li.nav_pic_4 a {background:url("../img/svg/pic_4.svg") no-repeat 50% 0px; background-size:28px;}
.nav_menu_wrap ul li.nav_pic_5 a {background:url("../img/svg/pic_5.svg") no-repeat 50% 0px; background-size:28px;}
.nav_on_0 {background:url("../img/svg/pic_1_on.svg") no-repeat 50% 0px !important; background-size:26px !important; color:rgba(255,255,255,1) !important;}
.nav_on_1 {background:url("../img/svg/pic_2_on.svg") no-repeat 50% 0px !important; background-size:26px !important; color:rgba(255,255,255,1) !important;}
.nav_on_2 {background:url("../img/svg/pic_3_on.svg") no-repeat 50% 0px !important; background-size:26px !important; color:rgba(255,255,255,1) !important;}
.nav_on_3 {background:url("../img/svg/pic_4_on.svg") no-repeat 50% 0px !important; background-size:26px !important; color:rgba(255,255,255,1) !important;}
.nav_on_4 {background:url("../img/svg/pic_5_on.svg") no-repeat 50% 0px !important; background-size:26px !important; color:rgba(255,255,255,1) !important;}

/* nav_top */
.nav_top {position:fixed; width:100%; height:55px; left:0px; box-sizing:border-box; padding:15px 20px 0px 20px; transition:all 0.3s ease 0s; z-index:9000;}
.nav_top.nav_hide {transform:translateY(-100%); background-color:transparent;}
.nav_bg {background:rgba(19,19,19,.98);}
.nav_arr {position:relative; float:left; width:30px; height:30px; box-sizing:border-box; background:url("../img/svg/nav_arr.svg") no-repeat 0px 50%; background-size:26px; cursor:pointer;}
.nav_search {position:relative; float:right; width:30px; height:30px; box-sizing:border-box; background:url("../img/svg/nav_search.svg") no-repeat 100% 50%; background-size:26px; cursor:pointer;}
.nav_tit {position:absolute; width:calc(100% - 100px); height:30px; left:50px; top:15px; box-sizing:border-box; text-align:center; color:rgba(255,255,255,.95); font-size:15px; font-weight:800; letter-spacing:-0.1px; padding-top:6px;}
.nav_e_bt {position:relative; float:right; width:25px; height:30px; box-sizing:border-box; background:url("../img/info/nav_bt.svg") no-repeat 100% 50%; background-size:18px; cursor:pointer; margin-left:8px;}

.s_menu_wrap {position:absolute; width:100%; height:100vh; left:0px; top:0px; box-sizing:border-box; overflow-y:auto; background:rgba(0,0,0,.98); padding:15px 20px 0px 20px;}
.s_menu_search {position:relative; float:right; width:30px; height:30px; box-sizing:border-box; background:url("../img/svg/nav_search.svg") no-repeat 100% 50%; background-size:26px; cursor:pointer;}
.s_menu_bt {position:relative; float:right; width:25px; height:30px; box-sizing:border-box; background:url("../img/info/close_2.svg") no-repeat 100% 50%; background-size:18px; cursor:pointer; margin-left:8px;}
.s_menu_login {position:relative; float:left; height:30px; box-sizing:border-box; font-size:12px; letter-spacing:-0.1px; color:rgba(255,255,255,.85); font-weight:400; border:solid 1px rgba(255,255,25,.2); border-radius:15px; padding:4px 12px 0px 12px;}
.s_menu_list {position:relative; width:100%; box-sizing:border-box; padding-top:70px; padding-left:5px;}
.s_menu_list ul li {position:relative; width:100%; box-sizing:border-box; margin-bottom:14px;}
.s_menu_list ul li a {display:inline-block; box-sizing:border-box; font-size:15px; font-weight:400; letter-spacing:-0.1px; color:rgba(255,255,255,.85); padding-right:20px;}

/* nav_sub */
.subnav_wrap {position:fixed; width:100%; height:105px; left:0px; top:0px; box-sizing:border-box; padding:55px 20px 0px 20px; transition:all 0.3s ease 0.0s; z-index:8000; border-bottom:solid 1px rgba(255,255,255,.08); overflow-x:auto; overflow-y:hidden; white-space:nowrap; font-size:0; -ms-overflow-style:none; -webkit-overflow-scrolling:touch; background:rgba(19,19,19,.98);}
.subnav_wrap::-webkit-scrollbar {display:none !important;}
.subnav_hide {top:-55px;}
.subnav_wrap ul li {position:relative; display:inline-block; height:49px; box-sizing:border-box; font-size:15px; color:rgba(255,255,255,.95); font-weight:400; letter-spacing:-0.2px; padding-top:19px; margin-right:23px;}
.subnav_wrap ul li:last-child {margin-right:20px;}
.subnav_bar {position:absolute; width:0px; height:3px; left:0px; bottom:0px; box-sizing:border-box; background:#fff;}
.snav_on {width:100%;}

/* top_bt */
.l_top_bt {position:fixed; width:50px; height:50px; right:20px; bottom:25px; box-sizing:border-box; border-radius:6px; border:solid 1px rgba(255,255,255,.08); background:rgba(0,0,0,.7) url("../img/svg/l_top.svg") no-repeat 50% 50%; background-size:16px; z-index:6000;}


/* view_pop */
.l_laypop_wrap {position:fixed; width:150px; height:140px; left:calc(50% - 75px); top:calc(50% - 70px); box-sizing:border-box; background:rgba(0,0,0,.9); border-radius:18px; border:solid 1px rgba(255,255,255,.07); box-shadow:0px 0px 15px  rgba(0,0,0,.3); padding:66px 10px 10px 10px; text-align:center; color:rgba(255,255,255,.9); font-size:14px; font-weight:300; letter-spacing:normal; line-height:130%; word-break:keep-all;}
.l_laypop_1 {background:rgba(0,0,0,.9) url("../img/svg/view_ic_1.svg") no-repeat 50% 37px; background-size:24px;}
.l_laypop_2 {background:rgba(0,0,0,.9) url("../img/svg/view_ic_2.svg") no-repeat 50% 37px; background-size:24px;}