@charset "utf-8";

body, h1, h2, ul{
    margin:0;
    padding:0;
}
li{list-style:none;}

a{
    text-decoration:none;
    color:#767676;
}

.hidden_item{
    position:absolute;
    left:-9999em;
}
.hd{
    background-color:#333;
    height:50px;
    padding-left:10px;
    box-shadow:0px 1px 1px rgba(0,0,0,0.3);
}
h1>a{
    color:#fff;
}
.btn_nav{
    position:absolute;
    top:16px;
    left:30px;
    width:32px;
    height:24px;
    text-indent:-9999em;
    background-image:url(../images/m_menu_button.png);
    background-repeat:no-repeat;
    background-size:100% 100%;
    z-index:9990;
}
.on{
    background-image:url(../images/m_menu_xbutton.jpg);
    position:absolute;
    top:30px;
}
.m_gnb{
    position:fixed;
    top:0;
    left:-92%;
    z-index:9980;
    width:90%;
    height:100%;
    background-color:#fff;
    padding-top:25px;
    /*padding-left:30px;*/
    box-shadow:-1px 0px 1px rgba(0,0,0,0.2);
}
.m_gnb>li:first-child{
    border-top:1px solid #444;
}
.m_gnb>li:last-child{
    border-bottom:1px solid #222;
}
.m_gnb>li>a{
    display:block;
    color:#fff;
    border-bottom:1px solid #444;
    border-top:1px solid #222;
    padding:10px 0 10px 10px;
}
#overay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);
    z-index:9970;
}