/* #gnb_wrap {
    display:block;
    position:absolute;
    left:calc(50% - 90px);
    top:0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
} */
/* ul.sf-menu {text-align:center;font-size:0;z-index:1;}
ul.sf-menu:after {display:block;visibility:hidden;clear:both;content:""}
ul.sf-menu li {display:inline-block;position:relative;zoom:1;}
ul.sf-menu li:last-child {background:none}
ul.sf-menu li a {display:block;position:relative;height:100px;padding:0 8px;color:#222;font-size:16px;line-height:100px;font-weight:500;text-align:center;white-space:nowrap;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
ul.sf-menu li a:hover {color:#ff7700;}
ul.sf-menu li ul {
    display:none;
    position:absolute;
    left:50%;
    top:70px;
    width:160px;
    margin:0 0 0 -80px;
    background:#fff;
    border:solid 1px #ddd;
    border-bottom:none;
    z-index:99;
    padding:0;
}
ul.sf-menu li ul li {display:block;float:none;position:relative;}
ul.sf-menu li ul li a {display:block;height:40px;padding:0 10px;color:#666;font-size:13px;line-height:40px;font-weight:300;background:#fff;border-bottom:solid 1px #ddd;
text-shadow:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.sf-menu li ul li a:hover {color:#ff7700;background:#eee;}
ul.sf-menu li ul li ul {display:block;position:absolute;left:100%;top:-1px;width:160px;margin:0;background:#fff;border:solid 1px #ccc;z-index:999;}
ul.sf-menu li ul li ul li {display:block;float:none;position:relative;}
ul.sf-menu li ul li ul li a {display:block;height:40px;padding:0 10px;color:#666;font-size:13px;line-height:40px;font-weight:300;background:#f6f6f6;border:none;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
ul.sf-menu li ul li ul li a:hover {color:#ff7700;background:#eee;} */


/*

@media screen and (max-width:1024px) {
    #gnb_wrap {
        position:relative;
        left:0;
        top:0;
        border-top:solid 1px #ddd;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    ul.sf-menu li a {
        height:50px;
        padding:0 8px;
        font-size:14px;
        line-height:50px;
    }
    ul.sf-menu li ul {
        top:50px;
    }
}

@media screen and (max-width:768px) {
    #gnb_wrap {
        display:none;
    }
}
*/