@charset "utf-8";
/*******************************************************************************************/
/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*
 * Created by :http://www.uplusweb.com
 *
 * uplusweb CSS v1.17.0705 = info@uplusweb.com
 *
 * Copyright (c) 2017 www.uplusweb.com
 *
 *
 */
/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*******************************************************************************************/
.accordion {width:100%; max-width:360px; margin:0 auto 0 auto; background-color:#fff;}
.accordion .link {position:relative; display:block; padding:15px 15px 15px 20px;
    font-family:"Muli", "Trebuchet MS", "nanumw", dotum, sans-serif; font-weight:500; font-size:1.063em; color:#353535; border-bottom:1px solid #dfdfdf; -webkit-transition:all .35s ease; -o-transition:all .35s ease; transition:all .35s ease; cursor:pointer;}
.accordion li.ui_box_margin {width:100%; height:30px; padding:0; margin:0; background-color:#dfdfdf;}
.accordion li:last-child .link {border-bottom:0;}
.accordion li i {position:absolute; top:17px; left:12px; margin-top:0; font-size:17px; color:#595959; -webkit-transition:all .35s ease; -o-transition:all .35s ease; transition:all .35s ease;}
.accordion li i.fa-chevron-down {left:auto; right:12px; font-size:16px;}
.accordion li.open .link {font-weight:bold; color:#575257;}
.accordion li.open i {color:#b6609b;}
.accordion li.open i.fa-chevron-down {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.accordion li.default .submenu {display:block;}

.submenu {display:none; background-color:#3e3d3f; font-size:1.063em;}
.submenu li {border-bottom:1px solid #454545;}
.submenu a {display:block; padding:12px; padding-left:30px; text-decoration:none; color:#d9d9d9; -webkit-transition:all .25s ease; -o-transition:all .25s ease; transition:all .25s ease;}
.submenu a:hover {background-color:#58406f; font-family:"Muli", "Trebuchet MS", "nanumwB", dotum, sans-serif; color:#fff;}
.submenu li.active a, .submenu a:active {background-color:#4d3b5e; font-family:"Trebuchet MS", "nanumwB", dotum; color:#fff;}
.submenu li.active a:hover {color:#fff;}

#toggle-sidebar {cursor:pointer;}
#main-navbar {width:auto; height:auto; margin:0; padding:0;}

#Hamburger_box_green {width:30px; height:26px; margin:0; padding:0; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#3f7e4b; *background-color:#3f7e4b; background-image:-moz-linear-gradient(top, #61B36E, #368343); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#61B36E), to(#368343)); background-image:-webkit-linear-gradient(top, #61B36E, #368343); background-image:-o-linear-gradient(top, #61B36E, #368343); background-image:linear-gradient(to bottom, #61B36E, #368343); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff61B36E', endColorstr='#ff368343', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); border-radius:2px; border-color:#368343 #368343 #387038; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}

#Hamburger_box_pup {width:30px; height:26px; margin:0; padding:0; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#58406f; *background-color:#58406f; background-image:-moz-linear-gradient(top, #7B5E98, #58406F); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#7B5E98), to(#58406F)); background-image:-webkit-linear-gradient(top, #7B5E98, #58406F); background-image:-o-linear-gradient(top, #7B5E98, #58406F); background-image:linear-gradient(to bottom, #7B5E98, #58406F); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7B5E98', endColorstr='#58406F', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); border-radius:2px; border-color:#7b5e98 #7B5E98 #58406f; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}

#Hamburger_box {width:30px; height:26px; margin:0; padding:0; background-color:#79799d; *background-color:#79799d; border-radius:2px; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);}
#Hamburger_box:hover {text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#58406f; *background-color:#58406f; background-image:-moz-linear-gradient(top, #7B5E98, #58406F); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#7B5E98), to(#58406F)); background-image:-webkit-linear-gradient(top, #7B5E98, #58406F); background-image:-o-linear-gradient(top, #7B5E98, #58406F); background-image:linear-gradient(to bottom, #7B5E98, #58406F); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7B5E98', endColorstr='#58406F', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); border-radius:2px; border-color:#7b5e98 #7B5E98 #58406f; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
#Hamburger_Menu {display:inline-block; right:0; width:22px; height:20px; margin:3px 4px; font-family:"Trebuchet MS", "nanumw", dotum; font-size:.938em; color:#fff; background-image:url("../../../images/nav-icon.png"); background-size:22px 20px; background-repeat:no-repeat; border-radius:2px;}
#Hamburger_Menu_txt {font-family:"Trebuchet MS", "nanumw", dotum; font-size:.938em; color:#fff;}

.left {float:left;}
.right {float:right;}
.main-sidebar-right {right:0;}
.main-sidebar-left {left:0;}
#main-sidebar {position:fixed; top:0; right:0; bottom:0; background-color:#e5e5e5; font-family:"Trebuchet MS", "nanumw", dotum;}
#main-sidebar .close-sb {cursor:pointer;}
#main-sidebar .upw_sidebar_header {padding:5px 0 5px 20px; line-height:3em; font-family:"nanumw", dotum; font-weight:bold; font-size:1.25em; color:#fff; background-color:#3f304e; border-bottom:1px solid #595959; background-image:url("../../../images/logo_gray.png"); background-size:145px auto; background-position:75px center; background-repeat:no-repeat;}
#main-sidebar .upw_sidebar_header button {line-height:1.5em; font-family:"Trebuchet MS", "nanumw", dotum; font-size:.875em;}
#main-sidebar .upw_sidebar_header .btn_main_admin {margin-left:0; font-size:.75em!important;}
#main-sidebar nav {width:auto; height:auto; padding:0; margin:0; background-color:#595959; border-top:1px solid #777; border-bottom:1px solid #777;}
#main-sidebar nav .ui_sidebar_btn_box {display:inline-block; padding:16px 0 16px 20px; margin:0; line-height:normal; text-align:left; font-size:1em;}
#main-sidebar nav .ui_sidebar_btn_box span {font-family:"Trebuchet MS", "nanumwB", dotum; font-size:.938em;}
#main-sidebar nav .ui_sidebar_btn_box span.side_logbox_btn {padding:4px 8px!important; margin-right:2px;}
#main-sidebar nav div.ui_nav_box {display:block; padding:0 0 0 20px; line-height:3em; font-size:1.125em; color:#595959; background-color:#e5e5e5; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
#main-sidebar nav ul li {display:block; padding:0 0 0 30px; line-height:3em; font-size:1em; color:#595959; background-color:#f7f7f7; border-top:1px solid #f3f3f3; border-bottom:1px solid #dedee0;}
#main-sidebar nav ul li:hover {color:#ffffff!important; background-color:#595959; border-top:1px solid #3f3f3f; border-bottom:1px solid #3f3f3f;}
#main-sidebar {right:-250px;}

@media all and (max-width:767px) {
    #Hamburger_box {width:30px; height:26px; margin:0; padding:0; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color:#58406f; *background-color:#58406f; background-image:-moz-linear-gradient(top, #7B5E98, #58406F); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#7B5E98), to(#58406F)); background-image:-webkit-linear-gradient(top, #7B5E98, #58406F); background-image:-o-linear-gradient(top, #7B5E98, #58406F); background-image:linear-gradient(to bottom, #7B5E98, #58406F); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7B5E98', endColorstr='#58406F', GradientType=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled=false); border-radius:2px; border-color:#7b5e98 #7B5E98 #58406f; border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);}
}