#gnb_mobile .nav {
    right: 0;
    position: fixed;
    top: 60px;
    width: 249px;
    height: 100%;
    background: #f7f7f7;
    border-right: 1px solid #e9e9e9;
    z-index: 9999;
	display:none;
}

#gnb_mobile .nav .gnb li {
    background:white;
}

#gnb_mobile .nav .gnb li a {
    display:block;
    font-size:15px;
    padding:7px 0 7px 17px;
    text-decoration:none;
    line-height:30px;
    font-weight:bold;
}

#gnb_mobile .nav .gnb li a.depth1 {
    position:relative;
}

#gnb_mobile .nav .gnb li a.depth1:after {
    content:url(../images/menu_op.png);
    transform:rotate(90deg);
    position:absolute;
    right:18px;
    top:50%;
    margin-top:-4px;
    transition:0.3s;
} 

#gnb_mobile .nav .gnb li.on a.depth1:after {
    transform:rotate(0deg);
    top:50%;
    margin-top:-2px;
} 

#gnb_mobile .nav .gnb li.on ul li {
    height:42px;
}

#gnb_mobile .nav .gnb li ul li {
    background:#f7f7f7;
    overflow: hidden;
    height:0;
    transition:0.3s;
}

#gnb_mobile .nav .gnb li ul li a {
    font-size:12px;
    color:#777777;
    font-weight:inherit;
    padding-left:30px;
}

#gnb_mobile .nav .gnb li a.blue_line {
    border-left:3px solid #208ec8;
    color:#208ec8;
}

#gnb_mobile .nav .gnb li a.orange_line {
    border-left:3px solid #ec8f1a;
    color:#ec8f1a;
}

#gnb_mobile .nav .gnb li a.pink_line {
    border-left:3px solid #d70453;
    color:#d70453;
}

#gnb_mobile .nav .gnb li a.green_line {
    border-left:3px solid #7cbd43;
    color:#7cbd43;
}

#gnb_mobile .nav .gnb li:first-child ul li a.on,
#gnb_mobile .nav .gnb li:first-child ul li a:hover {
    color:#208ec8;
}

#gnb_mobile .nav .gnb li:nth-child(2) ul li a.on,
#gnb_mobile .nav .gnb li:nth-child(2) ul li a:hover {
    color:#ec8f1a;
}

#gnb_mobile .nav .gnb li:nth-child(3) ul li a.on,
#gnb_mobile .nav .gnb li:nth-child(3) ul li a:hover {
    color:#d70453;
}

#gnb_mobile .nav .gnb li:last-child ul li a.on,
#gnb_mobile .nav .gnb li:last-child ul li a:hover {
    color:#7cbd43;
}