@charset "utf-8";

/********************************************************
■ SideBar : 사이드바(모바일 메뉴)
********************************************************/
#nt_sidebar,
#nt_sidebar_mask
{transition:all .16s cubic-bezier(.7,0,.3,1);transform:all .16s cubic-bezier(.7,0,.3,1);-webkit-transition:all .16s cubic-bezier(.7,0,.3,1);}

/* sidebar Box */
#nt_sidebar.active {left:0;}
#nt_sidebar {position:fixed; background:#ebebeb; z-index:500; top:0; width:280px; box-shadow:0 0 5px 5px rgba(50, 60, 70, 0.15); -webkit-box-shadow:0 0 5px 5px rgba(50, 60, 70, 0.15); -moz-box-shadow:0 0 5px 5px rgba(50, 60, 70, 0.15);}
#nt_sidebar .sidebar-head {}
#nt_sidebar .sidebar-head h3 {height:36px;}
#nt_sidebar .sidebar-head h3 a {font-size:20px;}
#nt_sidebar .sidebar-head h3 a.logo {font-size:14px;}
#nt_sidebar .sidebar-content {height:calc(100vh - 36px); overflow-x:hidden;-webkit-overflow-scrolling:touch;}
#nt_sidebar .sidebar-content .widget {padding:10px; margin:10px; background:#fff; border-radius:10px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);}


@media (min-width:768px) {
	#nt_sidebar {left:-320px;}
}
@media (max-width:767px) {
	#nt_sidebar {left:-320px;}
}

/* Mask */
#nt_sidebar_mask.active {display:block;}
#nt_sidebar_mask {display:none; position:fixed; z-index:499; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.75);}

/********************************************************
■ Go Top & Bottom :상단/하단 이동버튼
********************************************************/
#nt_bottom .go-btn {display:none; position:fixed; z-index:2; right:25px; bottom:20px; width:40px;}
#nt_bottom .go-btn span {display:block; width:42px; height:42px; margin:5px 0; border-radius:50%; background:rgba(0,0,0,0.5); color:#fff; font-size:19px; text-align:center; line-height:42px !important;}
#nt_bottom .go-btn .go-bottom {display:none;}
@media (max-width:767px) {
.responsive #nt_top {display:none !important;}
}