/*@import url('https://fonts.googleapis.com/css?family=Open+Sans'); */
div#global-navi form,
div#global-navi p,
div#global-navi dl,
div#global-navi dt,
div#global-navi dd,
div#global-navi ul,
div#global-navi ol,
div#global-navi li,
div#global-navi a,
div#global-navi span,
div#global-navi em { margin:0; padding:0; font-family:'Open Sans'; }

div#global-navi {margin:0 auto; width:1000px; zoom:1; z-index:10;}
div#global-navi:after   {content:"."; clear:both; display:block; height:0; visibility:hidden;}
div#global-navi ul  {list-style:none;}
dl#g-navi a   {display:inline-block; color:#888; font-size:11px; line-height:32px; text-decoration:none;}
dl#g-navi a > img   {border:none;}

dl#g-navi {position:relative; display:block; height:36px; font-family:'open sans'; font-size:0; letter-spacing:-0.02em; text-align:right;}
    dl#g-navi dt    {display:inline-block; width:110px; height:34px; background:#1d1d1d; border-top:2px solid #a41409; overflow:hidden;}
        dl#g-navi dt > a    {height:34px; border-right:1px solid black;}
        dl#g-navi dt > a > img:hover    {position:relative; top:-34px;}
		dl#g-navi > dt#logo_ntt > a { width: 110px; background:url('//image.nttgame.com/portal/assets/images/common/gnbsite2/logo_nttgame.png') no-repeat top; }
		dl#g-navi > dt#logo_ntt > a:hover {	background-position: 0 -34px; }
    dl#g-navi dd    {display:inline-block; border-top:2px solid #df2d22; background:#333; height:34px; overflow:hidden; vertical-align:top;}
    dl#g-navi dd#language   {width:45px;}
    dl#g-navi dd#others     {width:25px; border-top:2px solid white; background:#1d1d1d;}
        dl#g-navi dd > a    {padding:0 5px; height:34px; font-weight:600; border-right:1px solid black;}
        dl#g-navi dd a:hover{background:black; color:#df2d22; cursor:pointer;}
    dd#member ul    {min-width:100px; height:34px; border-right:1px solid black; zoom:1;}
    dd#member ul:after  {content:"."; clear:both; display:block; height:0; visibility:hidden;}
        dd#member li    {display:inline-block; height:34px; color:white; font-size:13px; line-height:32px; overflow:hidden; vertical-align:top;}
        dd#member li > a    {padding:0 5px; height:34px; color:white;}
        dd#member li.login_social > a   {padding:0 2px;}
        dd#member li.login_social > a > img:hover   {position:relative; top:-34px;}
        dd#member li.member_id  {float:left; padding:0 10px 0 25px; color:#df2d22; font-weight:600;}
        dd#member li.ics_yellow {background:url('//image.nttgame.com/portal/assets/images/common/gnbsite2/ics_yellow.png') no-repeat 3px center;}
        dd#member li.ics_red    {background:url('//image.nttgame.com/portal/assets/images/common/gnbsite2/ics_red.png') no-repeat 3px center;}
        dd#member li.ics_green  {background:url('//image.nttgame.com/portal/assets/images/common/gnbsite2/ics_green.png') no-repeat 3px center;}
        dd#member li.ics_blue   {background:url('//image.nttgame.com/portal/assets/images/common/gnbsite2/ics_blue.png') no-repeat 3px center;}
        dd#member li.ics_gray   {background:url('//image.nttgame.com/portal/assets/images/common/gnbsite2/ics_gray.png') no-repeat 3px center;}
        dd#member li.logout     {float:right;}


ul#language_list    {display:none; position:absolute; background:#333; width:45px; color:#888; font-size:11px;}
    ul#language_list li {text-align:left;}
    ul#language_list li a   {display:block; padding:0 5px; border-top:1px solid black;}
div#etc_list    {display:none; position:absolute; margin:5px 0 0 -285px; padding:5px; background:#1d1d1d; width:300px; height:auto;
                color:#888; font-size:11px; text-align:left; vertical-align:top; z-index: 2001;}
    .speech-bubble  {position:relative; background:#1d1d1d; border-radius:5px;}
    .speech-bubble:after    {content:''; position:absolute; top:0; right:3px; margin-left:-4px; margin-top:-4px; width:0; height:0;
	                       border:10px solid transparent; border-bottom-color:#1d1d1d; border-top:0;}
ul#other_menu   {display:inline-block; padding:3px 5px; min-width:100px;}
    ul#other_menu li    {}
    ul#other_menu li a  {display:block; padding:0 10px 0 5px; font-size:13px; font-weight:600; letter-spacing:-0.05em;}
    ul#other_menu li.support    {display:none;}
ul#ntt_games    {float:right; display:inline-block; padding:3px 5px; min-width:100px; zoom:1;}
ul#ntt_games:after  {content:"."; clear:both; display:block; height:0; visibility:hidden;}
    ul#ntt_games li {height:32px; padding:0 10px 0 30px;}
    ul#ntt_games li.window  {background:url('//image.nttgame.com/portal/assets/images/common/gnbsite2/windows_icon.png') no-repeat center left;}
    ul#ntt_games li.mobile  {background:url('//image.nttgame.com/portal/assets/images/common/gnbsite2/mobile_icon.png') no-repeat center left;}
    ul#ntt_games li > img   {max-height:30px;}
div#etc_list ul > li    {border-bottom:1px solid #333; overflow:hidden;}
div#etc_list ul > li:nth-of-type(1)  {border-top:1px solid #333;}
div#etc_list ul > li:hover    {background-color:black;}


@media screen and (max-width:1000px) {
    div#global-navi {width:100%;}
}

@media screen and (max-width:500px) {
    dl#g-navi {width:100%; text-align:left;}
        dl#g-navi dt    {width:32px;}
            dl#g-navi dt > a > img:hover    {top:-34px; left:-28px;}
        dl#g-navi dd#member {-moz-calc(100% - 102px); width:-webkit-calc(100% - 102px); width:-o-calc(100% - 102px); width:calc(100% - 102px);}
        dl#g-navi dd#support    {display:none;}
    dd#member li.member_id  {font-size:11px; letter-spacing:-0.05em;}
    dd#member li.logout a   {font-size:9px; letter-spacing:-0.05em;}
    
div#etc_list    {margin:5px 0 0 -265px; width:280px;}
    ul#other_menu li a  {font-size:11px;}
    ul#other_menu li.support    {display:block;}
}

@media screen and (max-width:300px) {
    dl#g-navi {width:300px;}
}