/* Noto Sans*/
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

li{list-style:none}
.mr20{margin-right:20px;}
body .login_bar{font-family:'Noto Sans KR', sans-serif !important;}

.login_bar{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;;width:100%;height:50px;background:#3f4554;border-bottom:1px solid #1d2127;z-index:800}
.login_bar .left_item,
.login_bar .right_item{display:flex;align-items:center;justify-content:center;position:relative;z-index:10;height:49px;font-size:0;}
.login_bar .right_item{margin-left:auto;}
.login_bar a{display:inline-block;text-indent:-9999px;font-weight:500;text-decoration:none;}
.login_bar a.lb_logo{margin:0;width:140px;height:49px;background:url('../img/login/lognbar_logo.png') no-repeat 0 0;opacity:1}
.login_bar a.lb_btn{width:110px;height:34px;border-radius:2px;color:#fff;font-size:12px;line-height:34px;text-align:center;text-indent:0;}
.login_bar a.lb_btn.nx{background:#565b68;border-radius:2px 0 0 2px;}
.login_bar a.lb_btn.df{background:#3392ff;border-radius:0 2px 2px 0;}
.login_bar a.lb_btn.nv{background:#484f5d;}
.login_bar a.lb_btn.logout{background:#565b68;}
.login_bar a.lb_btn:hover{color:#fff;}
.login_bar a.lb_btn_nav{width:55px;height:49px;background:#383f4d url('../img/login/btn_open_nav.png') no-repeat 0 0;cursor:pointer;}
.login_bar a.lb_btn_gs{width:240px;height:49px;background:url('../img/login/lognbar_gamestart.png') no-repeat;}
.login_bar a.charname{margin-right:20px;color:#fff;font-size:13px;text-indent:0;font-weight:500;}
.login_bar a.nochar{margin-right:20px;color:#bec5cc;font-size:13px;text-indent:0;font-weight:500;}
.login_bar a img{display:block;}


.ly_barmenu{display:none;position:fixed;top:50px;right:240px;width:1120px;background:#f2f4f6;z-index:800;font-family:'Noto Sans KR', sans-serif;min-width:1120px;}
.ly_barmenu a.lyclse{position:absolute;right:0;top:-50px;width:55px;height:50px;background:url('../img/login/btn_open_nav.png') no-repeat 0 -100px;cursor:pointer;z-index:900}
.ly_barmenu .ttmenu{position:relative;display:flex;padding-top:30px;;border-left:1px solid #818692;border-right:1px solid #818692;}
.ly_barmenu .ttmenu ul{display:flex;flex-direction:column;width:140px;border-right:1px solid #dcdee8}
.ly_barmenu .ttmenu ul:last-child{border-right:none;}
.ly_barmenu .ttmenu ul li{text-align:center;color:#151518;font-size:16px;line-height:20px;font-weight:500;}
.ly_barmenu .ttmenu ul li a{display:block;text-align:center;color:#a2a5ac;font-size:13px;line-height:24px;font-weight:400;}
.ly_barmenu .ttmenu ul li a.external::after{content:'';display:inline-block;margin:-4px 0 0 0;width:20px;height:20px;background:url('../img/ico/ico_external.png') no-repeat;vertical-align:middle;}
.ly_barmenu .ttmenu ul li a:hover,
.ly_barmenu .ttmenu ul li a.active{color:#3392ff}
.ly_barmenu .ttmenu ul li a.external:hover::after{background-position:-60px 0;}
.ly_barmenu .ttmenu ul li:first-child{margin-bottom:10px;}

.ly_barmenu .qmenu{position:relative;padding:28px 50px 0 0;height:80px;border:1px solid #818692;border-top:none;text-align:right;font-size:0;}
.ly_barmenu .qmenu a{display:inline-block;padding-left:39px;margin-left:30px;background:url('../img/login/ico_open_nav.png') no-repeat;line-height:31px;color:#6a6e76;font-size:14px;font-weight:500;}
.ly_barmenu .qmenu a:nth-child(2){background-position-y:-50px;padding-left:43px}
.ly_barmenu .qmenu a:nth-child(3){background-position-y:-100px;}