@charset "utf-8";

.offcanvas-stop-scrolling {height: 100%;overflow: hidden; }
.navbar-default .navbar-offcanvas {background-color:#323443;}/*모바일메뉴 배경색*/
.navbar-inverse .navbar-offcanvas {background-color:#222;}
.navbar-offcanvas h3{background:#22242F;color:#fff;}/*모바일메뉴 타이틀*/
.navbar-offcanvas {position: fixed;width: 100%;max-width: 250px;left: -250px;top: 0;padding-left: 0;padding-right:0;z-index: 999;overflow: scroll;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.15s ease-in;transition: all 0.15s ease-in; }
.navbar-offcanvas.in {box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }
.navbar-offcanvas.navbar-offcanvas-fade {opacity: 0; }
.navbar-offcanvas.navbar-offcanvas-fade.in {opacity: 1; }
.navbar-offcanvas.offcanvas-transform.in {-webkit-transform: translateX(250px);-ms-transform: translateX(250px);transform: translateX(250px); }
.navbar-offcanvas.offcanvas-position.in {left: 0; }
.navbar-offcanvas.navbar-offcanvas-right {left: auto;right: -250px; }
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {-webkit-transform: ranslateX(-250px);-ms-transform: translateX(-250px);transform: translateX(-250px); }
.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {left: auto;right: 0; }
.navbar-offcanvas.dropdown.active .caret {border-top: 0;border-bottom: 4px solid; }
.navbar-offcanvas.dropdown-menu {position: relative;width: 100%;border: inherit;box-shadow: none;-webkit-transition: height 0.15s ease-in;transition: height 0.15s ease-in;border-radius:0; }
.navbar-offcanvas.dropdown-menu.shown {display: block;margin-bottom: 10px; }
.navbar-offcanvas h3{font-size:1.2em;font-weight:500;padding:20px 15px;margin:0;}
.offcanvas-toggle {display:block;}


.navbar-form {float: none !important;padding: 10px 15px;margin: 8px -15px;border-top: 1px solid transparent;border-bottom: 1px solid transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); }
.navbar-form .form-group {width: 100%;margin-bottom: 5px;}
.navbar-form .form-group input {width: 100%; }
.navbar-nav {margin:0 -15px;float: none !important; }
.navbar-nav > li {float: none;border-bottom: 1px solid #111;}
	
.navbar-nav > li > a {font-weight:500;padding:14px 20px;color:#fff;font-size:1.15em;}
.navbar{margin-bottom:0;}
.navbar-default{background:#820110;border:0;}
.navbar-default .navbar-nav > li > a{color:#eaeaea !important;}
.navbar-default .navbar-nav > li > a:hover{color:#fff;}
	
.navbar-nav li.dropdown.open .dropdown-menu {position: static;float: none;width: auto;margin-top: 0;border: 0;border-radius: 0;-webkit-box-shadow: none;box-shadow: none;border-radius:0; } 
.navbar-nav li.dropdown.open .dropdown-menu > li >a{color:#eaeaea;}	
.navbar-nav li.dropdown.open .dropdown-menu > li >a:hover{color:#fff;}	

.navbar-nav .open .dropdown-menu{background-color:#000;border-radius:0}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#eaeaea;line-height:30px;}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:#222;color:#fff;}


.navbar-default .navbar-toggle{position:absolute;right:20px;border:0;margin-top:23px;margin-right:5px;padding:0;border-radius:0;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:transparent;}	
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background:#000;color:#fff !important;}
.offcanvas-toggle {background-color:transparent;}	
.offcanvas-toggle .icon-bar{background: #fff !important;-webkit-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}
.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
-webkit-transform: rotate(45deg) translate(5px, 4px);  
-ms-transform: rotate(45deg) translate(5px, 4px);
transform: rotate(45deg) translate(5px, 4px); }
.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
opacity: 0; }
.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
-webkit-transform: rotate(-45deg) translate(7px, -6px);
-ms-transform: rotate(-45deg) translate(7px, -6px);
transform: rotate(-45deg) translate(7px, -6px); }
	
.loginbox{margin:20px 0;padding:0}
.loginbox a{color:#777;text-decoration:none;font-size:1.3em;font-weight:500;}
.loginbox li a{padding:6px 15px !important;}