@charset "utf-8";

/* 메뉴 커스텀 시작 */
#nt_sidebar { width: 100%; max-width: 400px; position: fixed; z-index:500; box-shadow: 0 0 3px 3px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0 0 3px 3px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0 0 3px 3px rgba(50, 60, 70, 0.15); background-color: #061635 !important;right: -400px;}
#nt_sidebar .menu_wel{width: 100%; margin: 0 auto 20px; cursor: pointer; background: linear-gradient(to left, #0B1F52, #275193); border-radius: 10px; padding: 0 50px;box-shadow: inset 0px 2px 3px 1px #ffffff59;}
#nt_sidebar .menu_wel:hover,
#nt_sidebar .menu_wel:active{box-shadow: inset 0px 2px 3px 1px #00000096;}
#nt_sidebar_menu.cst_menu_wrap{padding: 20px 15px;}
#nt_sidebar_menu.cst_menu_wrap .user_data{}
#nt_sidebar_menu.cst_menu_wrap .user_data ul{}
#nt_sidebar_menu.cst_menu_wrap .user_data ul li{display: flex; align-items: center; height: 50px; column-gap: 10px;cursor: pointer;}
#nt_sidebar_menu.cst_menu_wrap .user_data ul li img{height: var(--font-size40); min-height: 30px;}
#nt_sidebar_menu.cst_menu_wrap .user_data ul li p{color: #fff;font-size: var(--font-size20);}
#nt_sidebar_menu.cst_menu_wrap .user_data ul li.token_hold{display: block; height: fit-content; margin-top: 17px; padding-top: 17px; border-top: 2px solid #0093ff26;}
#nt_sidebar_menu.cst_menu_wrap .user_data ul li.token_hold span{color: #fff; font-size: var(--font-size20);}
#nt_sidebar_menu.cst_menu_wrap .user_data ul li.token_hold span b{color: var(--main-color);}
#nt_sidebar_menu.cst_menu_wrap .user_data ul li.token_hold p b{color: var(--main-color);}
#nt_sidebar_menu.cst_menu_wrap .user_data ul li.token_hold>b{width: 100%; font-weight: var(--font-size20); margin-top: 10px;}
#nt_sidebar_menu.cst_menu_wrap .cst_menu{margin: 17px 0;padding: 25px 0;border-top: 2px solid #0093ff26;border-bottom: 2px solid #0093ff26;}
#nt_sidebar_menu.cst_menu_wrap .cst_menu ul{display: flex; justify-content: space-around; align-items: center; flex-flow: row wrap;column-gap: 20px; row-gap: 20px;}
#nt_sidebar_menu.cst_menu_wrap .cst_menu ul li{}
#nt_sidebar_menu.cst_menu_wrap .cst_menu ul li a{padding: 10px;color: #fff;font-size: var(--font-size20); text-align: center; display: block;transition: 0.3s;}
#nt_sidebar_menu.cst_menu_wrap .cst_menu ul li a i{font-size: var(--font-size40) !important; display: block; margin: 0 auto 5px;transition: 0.3s;}
#nt_sidebar_menu.cst_menu_wrap .cst_menu ul li.active a,
#nt_sidebar_menu.cst_menu_wrap .cst_menu ul li.active a i{color: var(--main-color);}
#nt_sidebar_menu.cst_menu_wrap .cst_menu ul li:hover a,
#nt_sidebar_menu.cst_menu_wrap .cst_menu ul li:hover a i{color: var(--main-color);}

#nt_sidebar_menu.cst_menu_wrap .menu_con{margin-bottom: 50px;}
#nt_sidebar_menu.cst_menu_wrap .menu_con.news{}
#nt_sidebar_menu.cst_menu_wrap .menu_con .con_title{display: flex; align-items: center; height: 50px;justify-content: space-between;cursor: pointer;}
#nt_sidebar_menu.cst_menu_wrap .menu_con .con_title div.text{display: flex; align-items: center; height: 100%; column-gap: 10px;}
#nt_sidebar_menu.cst_menu_wrap .menu_con .con_title img{height: var(--font-size50);}
#nt_sidebar_menu.cst_menu_wrap .menu_con .con_title p{color: #fff;font-size: var(--font-size30);}
#nt_sidebar_menu.cst_menu_wrap .menu_con .con_wrap{margin-top: var(--font-size20);}
#nt_sidebar_menu.cst_menu_wrap .menu_con .con_wrap ul{}
#nt_sidebar_menu.cst_menu_wrap .menu_con .con_wrap ul li{display: flex;align-items: center; column-gap: 10px; margin-bottom: var(--font-size20);cursor: pointer;}
#nt_sidebar_menu.cst_menu_wrap .menu_con .con_wrap ul li:last-child{margin-bottom: 0;}
#nt_sidebar_menu.cst_menu_wrap .menu_con .con_wrap ul li span{color: #fff; font-size: calc(var(--font-size20) - 2px); background: #1b235b; display: block; width: fit-content; padding: 0px 5px; border-radius: 5px;}
#nt_sidebar_menu.cst_menu_wrap .menu_con .con_wrap ul li p{width: calc(100% - 50px); color: #fff;font-size: var(--font-size20); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#nt_sidebar_menu.cst_menu_wrap .user_btn{margin-bottom: 50px;}
#nt_sidebar_menu.cst_menu_wrap .user_btn p{width: 100%; margin: 0; font-size: var(--font-size20); padding: 0; height: 50px; line-height: 48px; font-weight: 500; margin-bottom: 10px;}
#nt_sidebar_menu.cst_menu_wrap .user_btn p:last-child{margin-bottom: 0;}

#nt_sidebar_menu.cst_menu_wrap .arrow_right{height: var(--font-size30); width: var(--font-size20); position: relative; top: 0; left: 0;}
#nt_sidebar_menu.cst_menu_wrap .arrow_right span{position: absolute; left: 50%; width: 2px; height: 50%; border-radius: 20px; background: #fff;}
#nt_sidebar_menu.cst_menu_wrap .arrow_right span:nth-child(1){top: 2px; transform: rotate(-45deg) translateX(-50%);}
#nt_sidebar_menu.cst_menu_wrap .arrow_right span:nth-child(2){bottom: 2px; transform: rotate(45deg) translateX(-50%);}
@media all and (max-width:1600px) {
    #nt_sidebar_menu.cst_menu_wrap .arrow_right span:nth-child(1){top: 1px;}
    #nt_sidebar_menu.cst_menu_wrap .arrow_right span:nth-child(2){bottom: 1px;}
}
@media all and (max-width:300px) {
    #nt_sidebar_menu.cst_menu_wrap .cst_menu ul{justify-content: space-around;column-gap: 10px; row-gap: 10px;}
}
/* 메뉴 커스텀 끝 */































/********************************************************
■ SideBar : 사이드바(모바일 메뉴)
********************************************************/

/* sidebar Box */
/* #nt_sidebar { width: 280px; position: fixed; z-index:500; box-shadow: 0 0 3px 3px rgba(50, 60, 70, 0.15); -webkit-box-shadow: 0 0 3px 3px rgba(50, 60, 70, 0.15); -moz-box-shadow: 0 0 3px 3px rgba(50, 60, 70, 0.15); background-color: #061635 !important;} */
#nt_sidebar .sidebar-content { height: 100%; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; padding-bottom: 0 !important;}
#nt_sidebar .sidebar-content #sidebar-menu{}
#nt_sidebar_menu>.user_btn{}
#nt_sidebar_menu>.user_btn p{width: 100%;height: 50px;line-height: 50px;font-size: 15px;cursor: pointer;color: #fff;}
#nt_sidebar_menu>.user_btn p i{width: 50px;}
/* Icon */
.sidebar-icon i { font-size:22px; line-height:22px; }

/* Menu */
.sidebar-list h5 { padding:0.55rem 1.0rem; margin:0; font-weight:bold !important; border-top:1px solid #dee2e6; margin-top:-1px; }
.sidebar-list ul.off { display:none; }
.sidebar-list li { position:relative; width: 100%;border-bottom: 1px solid #ffffff1a;}
.sidebar-list li a {padding: 0 !important; width: 100%; height: 50px; font-size: 15px; overflow: hidden; text-align: right; display: flex; align-items: center; justify-content: space-between; padding-right: 15px !important;color: #fff;}
/* .sidebar-list li a:hover{color: unset;} */
/* .sidebar-list li a:active{background:#f2f2f2;color: #48b813 !important;} */
/* .sidebar-list li a:focus{color: unset;} */
.sidebar-list li a img{width: 20px;height: 20px;}
.sidebar-list li a i{font-size: 16px !important; width: 50px;}
.sidebar-list li .me-a { padding-right:2.5rem; }
.sidebar-list .toggle_icon {position: absolute; z-index: 1; top: 0rem; right: 0; text-align: center; cursor: pointer; color: #aaa; height: 50px; width: 50px; line-height: 50px; padding: 0; margin: 0; transform: rotate(90deg);}

.sidebar-list .me-ul { background:#061635 !important; display: flex;justify-content: space-between;align-items: center;flex-flow: row wrap;border-radius: 5px;overflow: hidden;}
.sidebar-list .me-ul1 { background:#fafafa; }
.sidebar-list .me-ul2 { }
.sidebar-list .me-li1 .me-a1,
.sidebar-list .me-li2 .me-a2 {display: block;padding: 0 10px;line-height: 50px;opacity: 0.5;}
.sidebar-list .me-li.active .me-a,
.sidebar-list .me-li1.active .me-a1,
.sidebar-list .me-li2.active .me-a2 { font-weight:bold; }
.sidebar-list .me-line1 .me-a1 { background:#eee; font-weight:bold; }
.sidebar-list .me-line2 .me-a2 { background:#eee; font-weight:bold; }
/* #nt_sidebar { right: -300px; } */
/* Mask */
#nt_sidebar_mask { display:none; position:fixed; z-index:499; background:rgba(0,0,0,0.75); left:0; top:0; width:100%; height:100%; }

/* Noti Tack */
#nt_sidebar_noti { position: fixed; z-index: 100; }
#nt_sidebar_noti { top:40%; right: 0; border-top-left-radius: 50rem !important; border-bottom-left-radius: 50rem !important; }

/* Go to Top */
#nt_sidebar_move { display:none; position: fixed; width: 40px; bottom: 90px; right: 15px; z-index: 1032;}
#nt_sidebar_move span { display: block; color:#fff; background: rgba(0,0,0,0.5); margin:0; text-align: center; border-radius: 50%; width: 42px; height: 42px; line-height: 34px !important; font-size: 19px; }
#nt_sidebar_move .sidebar-move-bottom { display:none; }