/* 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;}
body,html{min-width:1300px}

.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{display:flex;align-items:center;justify-content:center;position:relative;z-index:10;height:49px;}
.login_bar .right_item{display:flex;align-items:center;justify-content:center;position:relative;margin-left:auto;z-index:10;height:49px;font-size:0;}
.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:260px;height:49px;}
.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;}
.login_bar .left_item a.qbtn{display:flex;align-items:center;position:relative;margin-top:-3px;padding:0 10px;height:34px;text-indent:0;color:#bec5cc;font-size:12px;font-weight:300}
.login_bar .left_item a.qbtn::after{content:'';display:block;position:absolute;right:0;top:13px;margin:0px;width:1px;height:11px;background:#6a6e76;}
.login_bar .left_item a.marleft{margin-left:23px;}
.login_bar .left_item a.go_main::after{display:none;}


.ly_barmenu{display:none;position:fixed;top:50px;right:260px;width:1260px;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;}

/* 로그인바 GNB  */
.lbgnb_wrap{position:fixed;width:100%;min-width:1400px;z-index:800;font-family:'Noto Sans KR';}
.lbgnb_wrap *{font-family:'Noto Sans KR' !important;}
.loginbar_gnb{position:relative;}
.loginbar_gnb h1{position:relative;float:left;margin-left:21px;width:140px;z-index:100}
.loginbar_gnb .lb_nav{position:relative;background:url('../img/login/bg_barline.png') repeat-x}
.loginbar_gnb .lb_nav ul{position:relative;overflow:hidden;}
.loginbar_gnb .lb_nav ul li{float:left;}
.loginbar_gnb .lb_nav ul li a{display:block;padding:0 30px 2px 30px;height:50px;color:#898c92;font-size:15px;font-weight:400;line-height:49px;text-align:center;}
.loginbar_gnb .lb_nav ul li a.fcng{color:#898c92}
.loginbar_gnb .lb_nav ul li a:hover{color:#f1f2f6}
.loginbar_gnb .lb_nav ul li div{display:none;position:relative;margin-top:22px;padding:0 0 30px 0;text-align:center}
.loginbar_gnb .lb_nav ul li div a{display:block;position:relative;;padding:0;height:inherit;;color:#898c92;font-size:14px;font-weight:400;line-height:32px;}
.loginbar_gnb .lb_nav ul li div a.external::after{content:'';display:inline-block;margin:-4px 0 0 4px;width:20px;height:20px;background:url('../img/ico/ico_external.png') no-repeat;vertical-align:middle;}
.loginbar_gnb .lb_nav ul li div a:hover{color:#f1f2f6}
.loginbar_gnb .lb_nav ul li div a:hover::after{background-position:-20px 0;}
.loginbar_gnb .lb_nav ul li div a.new::before{content:'NEW';position:absolute;left:50%;margin-left:-53px;top:1px;color:#00d4ff;font-size:9px;font-weight:700;}
.loginbar_gnb .lb_nav ul li div a.new2::before{content:'NEW';position:absolute;left:50%;margin-left:-40px;top:1px;color:#00d4ff;font-size:9px;font-weight:700;}

@media(max-width:1450px){.loginbar_gnb .lb_nav ul li a{padding:0 25px}}
.loginbar_gnb .gamestart{position:absolute;top:0;right:0;width:260px;height:49px;z-index:900}
.loginbar_gnb .gamestart a{width:260px;height:49px;}
.loginbar_gnb .login{position:absolute;top:0;right:260px;}
.loginbar_gnb .login a.go_login{display:block;padding:0;width:110px;background:#303544;color:#ebedf0;font-size:14px;line-height:49px;font-weight:300;;text-align:center;}
.loginbar_gnb .login a.new::after{content:'';display:block;position:absolute;right:33px;top:15px;width:6px;height:6px;background:#e00;border-radius:3px;}
.loginbar_gnb .login_before{display:none;position:absolute;left:50%;top:0;margin-left:-55px;width:370px;height:240px;z-index:30;box-sizing: border-box;}
.loginbar_gnb .login_before *{box-sizing: border-box;}
.loginbar_gnb .login_before a.login_clse{display:block;width:110px;height:50px;background:#f2f4f6 url('../img/login/btn_login_x.png') no-repeat 45px 15px;cursor:pointer;text-indent:-9999px;}
.loginbar_gnb .login_before ul{padding:30px 30px 0 30px;height:230px;background:#f2f4f6;border-bottom:1px solid #d9dde0}
.loginbar_gnb .login_before ul.naverid{height:140px}
.loginbar_gnb .login_before ul li{font-size:0;text-align:center;}

.loginbar_gnb .login_before ul li.btn_before a{display:block;margin-bottom:6px;width:310px;height:51px;background:#484e5f;color:#fff;font-size:12px;font-weight:500;line-height:52px;text-align:center;}
.loginbar_gnb .login_before ul li.btn_before a.blue{background:#3392ff;}
.loginbar_gnb .login_before ul li.btn_before a.naverid{width:310px}
.loginbar_gnb .login_before ul li.txt_before{position:relative;margin-top:17px;}
.loginbar_gnb .login_before ul li.txt_before p{display:flex;align-items:center;justify-content:center;position:relative;}
.loginbar_gnb .login_before ul li.txt_before a{display:block;position:relative;color:#36393f;font-size:13px;font-weight:500;line-height:24px;}
.loginbar_gnb .login_before ul li.txt_before a.idnone{color:#898c92;font-size:14px;}
.loginbar_gnb .login_before ul li.txt_before p.jointxt a:last-child{margin-left:22px;}
.loginbar_gnb .login_before ul li.txt_before p.jointxt a:last-child::before{content:'';position:absolute;left:-11px;top:6px;width:1px;height:12px;background:#a2a5ac;z-index:10;}

.loginbar_gnb .login_after{display:none;position:absolute;left:50%;top:0;margin-left:-55px;width:370px;z-index:30}
.loginbar_gnb .login_after a.login_clse{display:block;width:110px;height:50px;background:#f2f4f6 url('../img/login/btn_login_x.png') no-repeat 45px 15px;cursor:pointer;text-indent:-9999px;}
.loginbar_gnb .login_after_wrap{padding:0 0 30px 30px;width:370px;background:#f2f4f6;border-bottom:1px solid #d9dde0}
.loginbar_gnb .login_tabm{position:relative;width:310px;height:73px;}
.loginbar_gnb .login_tabm a{display:block;float:left;width:155px;height:73px;border-bottom:3px solid #c0cad4;color:#a0aab4;font-size:15px;line-height:94px;text-align:center;font-weight:500;cursor:pointer;}
.loginbar_gnb .login_tabm a.slt{border-bottom-color:#3392ff;color:#3392ff;}
.loginbar_gnb .login_tabc{position:relative;width:310px;}
.loginbar_gnb .login_tabc .myaccount,
.loginbar_gnb .login_tabc .mynews{display:none;}
.loginbar_gnb .login_tabc .show{display:block;}
.loginbar_gnb .myaccount ul.name{position:relative;padding:33px 0 31px 0;text-align:center;}
.loginbar_gnb .myaccount ul.name li{color:#151518;font-size:20px;line-height:20px}
.loginbar_gnb .myaccount ul.name li.lv{margin-top:6px;color:#3392ff;font-size:12px;font-weight:500}
.loginbar_gnb .myaccount ul.charset{position:relative;padding:30px 0;text-align:center;}
.loginbar_gnb .myaccount ul.charset li{color:#151518;font-size:16px;line-height:20px;font-weight:500;}
.loginbar_gnb .myaccount ul.charset li:last-child{margin-top:7px;color:#898c92;font-size:14px;line-height:22px;font-weight:400;}
.loginbar_gnb .myaccount ul.charset li:last-child a{color:#36393f;font-weight:500;}
.loginbar_gnb .myaccount ul.premium{position:relative;padding:16px 0;border-top:1px solid #dbe0ea;}
.loginbar_gnb .myaccount ul.premium a{display:block;padding:4px 0;}
.loginbar_gnb .myaccount ul.premium a img{display:block;padding:0;margin:0;}
.loginbar_gnb .myaccount ul.myinfo{position:relative;padding:19px 0 16px 0;border-top:1px solid #dbe0ea;}
.loginbar_gnb .myaccount ul.myinfo li{margin-bottom:3px;color:#898c92;font-size:13px;font-weight:500;line-height:24px;}
.loginbar_gnb .myaccount ul.myinfo li b{margin:0 10px 0 9px;color:#36393f}
.loginbar_gnb .myaccount ul.myinfo li a{display:inline-block;width:48px;height:25px;background:#3392ff;color:#fff;font-size:12px;line-height:24px;text-align:center;}
.loginbar_gnb .myaccount ul.myinfo li a.cng{width:64px;}
.loginbar_gnb .myaccount ul.btns li{font-size:0;}
.loginbar_gnb .myaccount ul.btns li a{display:inline-block;height:51px;color:#fff;font-size:12px;font-weight:500;line-height:52px;text-align:center;}
.loginbar_gnb .myaccount ul.btns li a.btns1{width:155px;background:#303544;}
.loginbar_gnb .myaccount ul.btns li a.btns2{width:155px;background:#484e5f;}
.loginbar_gnb .myaccount ul.btns li a.btns3{width:310px;background:#3392ff}
.loginbar_gnb .myaccount ul.btns li a.btns3:hover{background:#9daab9}
.loginbar_gnb .myaccount ul.agree{position:relative;padding:25px 0 16px 0;text-align:center;}
.loginbar_gnb .myaccount ul.agree li{color:#898c92;font-size:14px;line-height:22px;font-weight:400;}
.loginbar_gnb .myaccount ul.agree li b{color:#36393f;font-weight:500;}
.loginbar_gnb .myaccount ul.agree li.state{margin-top:16px;height:100px;background:#5c6377;color:#fff;font-size:14px;font-weight:500;line-height:99px;}
.loginbar_gnb .myaccount ul.agree li.btns{margin:30px 0 0 0;padding-top:30px;;border-top:1px solid #dbe0ea;}
.loginbar_gnb .myaccount ul.agree li.btns a{display:inline-block;height:51px;width:310px;background:#3392ff;color:#fff;font-size:12px;font-weight:500;line-height:52px;text-align:center;}
.loginbar_gnb .myaccount ul.agree li.btns a:hover{background:#9daab9}
.loginbar_gnb .mynews{position:relative;}
.loginbar_gnb .mynews .alim_tabm{position:relative;margin-top:20px;overflow:hidden;}
.loginbar_gnb .mynews .alim_tabm a{position:relative;display:block;float:left;width:155px;height:40px;background:#e2e7ee;;color:#8c949b;font-size:13px;line-height:40px;text-align:center;font-weight:500;cursor:pointer;}
.loginbar_gnb .mynews .alim_tabm a.slt{background:#484e5f;color:#fff;}
.loginbar_gnb .mynews .alim_tabm a span{display:block;position:absolute;right:55px;top:10px;width:5px;height:5px;background:#fe1d00;border-radius:2.5px;}
.loginbar_gnb .mynews .alim_tabc{position:relative;}
.loginbar_gnb .mynews .c_alim,
.loginbar_gnb .mynews .c_msg{position:relative;display:none;}
.loginbar_gnb .mynews  ul{position:relative;padding:20px 0 20px 0;border-bottom:1px solid #dbe0ea;cursor:pointer;}
.loginbar_gnb .mynews  ul:nth-child(3){border-bottom:none;}
.loginbar_gnb .mynews  ul li{color:#898c92;font-size:13px;font-weight:400;line-height:22px;}
.loginbar_gnb .mynews  ul li b{color:#36393f;font-size:14px;font-weight:500;}
.loginbar_gnb .mynews  ul:hover li.hover{color:#3392ff}
.loginbar_gnb .mynews  ul li.author{margin-top:4px;color:#a2a5ac;font-size:12px;font-weight:500;}
.loginbar_gnb .mynews  ul li.author b{color:#6a6e76;font-size:12px;}
.loginbar_gnb .mynews  ul li.author span{display:inline-block;margin:0 2px 0 4px;color:#6a6e76;}
.loginbar_gnb .mynews  ul li.author span em{display:inline-block;color:#3392ff;}
.loginbar_gnb .mynews  ul li.author span::after{content:'\00a0';display:inline-block;margin:-2px 5px 0 9px;width:1px;height:11px;background:#c0cad4;vertical-align:middle;}
.loginbar_gnb .mynews .more{position:relative;height:42px;}
.loginbar_gnb .mynews .more a{display:block;float:left;}
.loginbar_gnb .mynews .more a.ref{width:46px;height:42px;background:#f3f5f8 url(../img/ico/ico_ref.png) no-repeat 50%;border:1px solid #c4cfd8;text-indent:-9999px;}
.loginbar_gnb .mynews .more a.alim_total{width:264px;height:42px;line-height:40px;background:#fff;border:1px solid #c4cfd8;border-left:none;color:#898c92;font-size:13px;font-weight:500;text-align:center;}
.loginbar_gnb .mynews .more a.alim_total:hover{border-color:#abb3bb;color:#36393f;}
.loginbar_gnb .mynews .c_msg ul{padding-top:21px;}
.loginbar_gnb .mynews .none_news{position:relative;padding-top:218px;height:335px;background:url(../img/common/nonews.png) no-repeat 50% 68px;line-height:22px;text-align:center;}
.loginbar_gnb .mynews .none_news b{display:block;color:#151518;font-size:16px;font-weight:500;}
.loginbar_gnb .mynews .none_news span{display:block;margin-top:5px;color:#898c92;font-size:14px;font-weight:400;}
.loginbar_gnb .mynews .show{display:block;}

.ly_login_info{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:999;}
.ly_login_info .ly_logbox{position:absolute;left:50%;top:50%;margin:-155px 0 0 -300px;padding:40px;width:600px;height:350px;background:#fff;}
.ly_login_info .ly_logbox a.ly_clse{position:absolute;right:14px;top:15px;width:18px;height:18px;background:url(../img/login/ly_clse.png) no-repeat;text-indent:-9999px;cursor:pointer;}
.ly_login_info .txtarea{display:table;width:520px;height:140px;border:1px solid rgba(225, 230, 238, 0.5);background:#f8f9fb;color:#36393f;font-size:16px;line-height:26px;text-align:center;letter-spacing:-1px;}
.ly_login_info .txtarea span{display:table-cell;vertical-align:middle;}
.ly_login_info .btnarea{padding:0;margin:30px 0 0 0;}
.ly_login_info .btnarea a{padding:0;margin:0;width:165px;height:50px;line-height:50px;font-size:14px;}
.ly_login_info .btnarea a.btn_b{background:#3392ff;color:#fff}
.ly_login_info .btnarea a.btn_n{background:#303544;color:#fff}
.ly_login_info .find{margin-top:26px;font-size:0;text-align:center;}
.ly_login_info .find a{display:inline-block;color:#6a6e76;font-size:13px;}
.ly_login_info .find a::after{content:'';display:inline-block;margin:-2px 11px 0 12px;width:1px;height:12px;background:#a2a5ac;vertical-align:middle;}
.ly_login_info .find a:last-child::after{display:none;}

/* 다이렉트 9 대응 */
.dx9{display:none;position:absolute;right:0;top:50px;padding:10px 0 0 20px;width:260px;height:54px;background:#303544;color:#83868E;font-size:12px;font-weight:400;line-height:18px;;z-index:100;cursor:pointer;}
.dx9 strong{display:block;color:#a2a5ac;font-size:13px;font-weight:500;}

/* 다이렉트 9 대응
.dx9{display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50px;width:260px;height:28px;background:url('../img/common/bg_dx9.png') no-repeat;z-index:100;cursor:pointer;}
.dx9 input[type="checkbox"] + label{color:#dbe0e6;font-size:13px;font-weight:500;font-family:'SUIT' !important;}
.dx9 input[type="checkbox"] + label span{padding:0;margin:-4px 6px 0 0;width:14px;height:14px;background:url('../img/form/chkbox_c_b.png')}
.dx9 input[type="checkbox"]:checked + label span{background:url('../img/form/chkbox_c_b.png') no-repeat 0 -100px}
.dx9 input[type=checkbox][disabled] + label span{background:url('../img/form/chkbox_c_b.png') no-repeat 0 -200px;cursor:default;}
*/