.global-nav {text-align: center; position: fixed; top: 0; left: 0; z-index: 100; width: 100px; height: 100%; background-color: #222222;}
.global-nav .wrap {position: relative; z-index: 1;height: 100%; background-color: #222222; -webkit-box-shadow: 4px 0 14px rgba(0,0,0,0.04); box-shadow: 4px 0 14px rgba(0,0,0,0.04);}
.global-nav a {display: block;}
.global-nav .logo {font: 0/0 a; white-space: nowrap; height: 123px; border-bottom: 1px solid #757575;}
.global-nav .logo a {height: 100%;}
.global-nav .logo a:before {vertical-align: middle;}
.global-nav .logo a:after {content: ''; vertical-align: middle; display: inline-block; height: 100%;}

.global-nav .lnb {display: table; width: 100%;}
.global-nav .lnb li {display: table-row;}
.global-nav .lnb a {color: #808890; font-size: 13px; vertical-align: middle; display: table-cell; width: 100%; height: 86px; -webkit-transition: background-color 0.3s, border-color 0.3s; -o-transition: background-color 0.3s, border-color 0.3s; transition: background-color 0.3s, border-color 0.3s; border-bottom: 1px solid #757575;}
.global-nav .lnb a em {display: block; padding-top: 7px; font-weight: 300; font-family: 'Noto Sans Korean';}
.global-nav .lnb a em:before {content:attr(data-title); display: none; color: #fff; font-size: 13px; }
.global-nav .lnb .icon-menu-all em {padding-top: 15px;}
.global-nav .lnb .active,
.global-nav .lnb a:hover {color: #fff; background-color: #222222; border-color: #757575;}
.global-nav .lnb .active em,
.global-nav .lnb a:hover em {font-size: 0;}
.global-nav .lnb .active em:before,
.global-nav .lnb a:hover em:before {display: block;}

.global-nav .snb {position: absolute; top: 0; bottom: 0; left: 95px; width: 350px; padding-top: 100px; padding-bottom: 60px; background: #fff; overflow-y: auto; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;}
.global-nav .snb.active {color: #222; text-align: left;  padding-left: 0px; font-weight: 500; font-size: 26px; background-color: #fff; left: 95px; opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
.global-nav .snb a {display: block; height: auto; padding: 20px 40px; text-align: left; white-space: nowrap; font-weight: 500; font-size: 20px; color: #222; border: none;}
.global-nav .snb a:hover {color: #f7b400; background-color: initial; }
.global-nav .snb a em,
.global-nav .snb.active em,
.global-nav .snb .active em,
.global-nav .snb a:hover em {display: inline-block; margin-left: 10px; font-size: 18px; color: #bcbcbc; font-weight: 300;}


.global-nav .wts {margin-top: 20px;}
.global-nav .wts a {padding: 10px 0;}
.global-nav .wts a em {display: none;}

.global-nav .emt {margin-top: 10px;}
.global-nav .emt a {padding: 10px 0;}
.global-nav .emt a em {display: none;}

.global-nav .mic {margin-top: 10px;}
.global-nav .mic a {padding: 10px 0;}
.global-nav .mic a em {display: none;}

.global-nav .soundbar {margin-top: 10px;}
.global-nav .soundbar a {padding: 10px 0;}
.global-nav .soundbar a em {display: none;}


.global-nav .btn-snb-close {position: absolute; right: 0; top: 30px; min-width: 0;}