/*-------------------------------------------------------------------------------------*
 *  �����޴�                                                                           *
 *-------------------------------------------------------------------------------------*/
.aside {
    height: 100vh;
    position: fixed;
    width: 100%;
    min-width: 0px;
    top: 0;
    left: 0;
    bottom: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    width: 0px;
    overflow: hidden;
    transition: 0.35s width ease, 0.35s min-width ease;
    z-index: 2000;
    overflow-y: scroll;
}

.aside.in {
    width: 100%;
    min-width: 320px;
}

.aside_wrap {
    float: left;
    width: 100%;
}

.aside_top_wrap {
    float: left;
    width: 100%;
    height: 80px;
    background: url(../../images/bg_gnb.jpg) center top no-repeat;
    background-size: cover;
    transition: all 0.5s;
}

.aside_top_left {
    float: left;
    line-height: 80px;
    margin: 0 5px 0 5px;
}

.aside_top_right {
    float: right;
    line-height: 80px;
    margin: 0 5px 0 5px;
}

.nav_list_1 {
    float: left;
    width: 100%;
    padding: 0px 6px 0px 6px;
}

.nav_list_2 {
    float: left;
    width: 100%
}

.nav_list_1 {}

.menu_btn_4 {
    width: 100%;
    height: 52px;
    line-height: 52px;
    font-size: 14px;
    color: #ffffff;
    padding: 0 3% 0 5%;
    text-align: left;
    font-weight: 400;
    background: #2e2e2e;
    border-bottom: 1px solid #313131;
    font-family: 'EsaManru';
    font-weight: 300;
}

.menu_btn_4:hover {
    border-bottom: 1px solid #ffca00;
    color: #ffca00;
}

.menu_acc_c {
    width: 100%;
    height: 52px;
    line-height: 52px;
    display: block;
    text-align: left;
    padding: 0 3% 0 3%;
    border-bottom: 1px solid #313131;
    background: #ffca00;
    font-size: 16px;
    font-family: 'EsaManru';
    font-weight: 300;
}

.menu_acc_c a {
    width: 100%;
    height: 52px;
    line-height: 52px;
    display: inline-block;
    text-align: left;
    color: #000000;
    font-family: 'EsaManru';
    font-weight: 300;
}

.menu_acc_d {
    width: 100%;
    height: 52px;
    line-height: 52px;
    display: block;
    text-align: left;
    padding: 0 3% 0 3%;
    background: #126e51;
    border-bottom: solid 1px rgba(255, 255, 255, 0.1);
    text-align: left;
}

.menu_acc_d a {
    width: 100%;
    height: 52px;
    line-height: 52px;
    display: inline-block;
    text-align: left;
    color: #000000;
    font-size: 16px;
}

.menu_accordion {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #313131;
}

.menu_accordion li .menu_acc_h {
    position: relative;
    background: #ffca00;
    line-height: 52px;
    font-size: 16px;
    font-weight: 500;
}

.menu_accordion span.menu_acc_h {
    width: 100%;
    height: 52px;
    line-height: 52px;
    display: block;
    font-family: 'EsaManru';
    font-weight: 300;
}

.menu_accordion span.menu_acc_h a {
    width: 94%;
    height: 52px;
    line-height: 52px;
    display: inline-block;
    text-align: left;
    margin: 0 3% 0 3%;
    color: #000000;
}

.menu_accordion span.active a {
    font-size: 16px;
}

.menu_accordion li div.menu_acc_b {
    display: none;
}

.menu_acc_b_in li {
    text-align: left;
}

.aside2 {
    background: #1c1c1c;
    position: fixed;
    top: 0;
    right: -100%;
    bottom: 0;
    width: 100%;
    height: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    transition: 0.35s all ease;
    z-index: 10;
    overflow: hidden;
    overflow-y: scroll;
}

.aside2.in {
    right: 0;
}

.aside2_box1_wrap {
    float: left;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
}

.aside2_box1 {
    float: left;
    width: 100%;
}

.aside2_box1 td {
    line-height: 42px;
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 50%;
    color: #ba976a;
}

.aside2_box1 a {
    color: #ba976a;
}

.aside2_box2_wrap {
    float: left;
    width: 100%;
    padding: 10px 0 10px 0
}

.aside2_box2 {
    float: left;
    width: 100%;
    padding: 0px 6px 0px 6px;
    line-height: 30px;
}


.aside_btn1 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: left;
    padding: 0 20px;
    display: inline-block;
    font-family: 'EsaManru';
    font-weight: 300;
    font-size: 18px;
    color: #ffecc7;
    text-shadow: 2px 0 3px rgba(0, 0, 0, 0.38);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.aside_btn2 {
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: left;
    padding: 0 20px;
    display: inline-block;
    font-family: 'EsaManru';
    font-weight: 300;
    font-size: 18px;
    color: #ffc000;
    text-shadow: 2px 0 3px rgba(0, 0, 0, 0.38);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.aside_btn3 {
    background: linear-gradient(to right, #b09063 0%, #5b4322 100%);
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 0px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}