@charset "utf-8";
/* Neople UI Developer 김창환(Kim Chang Hwan) 2021.04.00 */


/* reset */
body{min-width:1550px}
body{font-family:'Noto Sans KR';font-weight:400;letter-spacing:-.7px;}
body,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;}
table{border-spacing:0;border-collapse:collapse}
img, fieldset{border:0;}
img{vertical-align:top}
form, fieldset{margin:0;padding:0;}
em, address{font-style:normal;}
button{margin:0;padding:0;overflow:visible;cursor:pointer;}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none}
ul,ol,li{list-style:none}
hr{display:none}
label{cursor:pointer}
.clear{clear:both;}
.ovh{overflow:hidden;}

/* NEXON BAR (UI Preview 에만 적용 */
.nxbar{position:relative;width:100%;height:63px;background:url(../img/temp/@bar_nx.png) no-repeat 50% 0;}

/* MARGIN 초기화 */
.ml0{margin-left:0 !important}   .ml10{margin-left:10px !important}   .ml20{margin-left:20px !important}   .ml30{margin-left:30px !important}   .ml40{margin-left:40px !important}   .ml50{margin-left:50px !important}
.mr0{margin-right:0 !important}	 .mr10{margin-right:10px !important}  .mr20{margin-right:20px !important}  .mr30{margin-right:30px !important} 	.mr40{margin-right:40px !important}  .mr50{margin-right:50px !important}
.mt0{margin-top:0 !important}	 .mt10{margin-top:10px !important}	  .mt20{margin-top:20px !important}    .mt30{margin-top:30px !important}   	.mt40{margin-top:40px !important}    .mt50{margin-top:50px !important}
.mb0{margin-bottom:0 !important} .mb10{margin-bottom:10px !important} .mb20{margin-bottom:20px !important} .mb30{margin-bottom:30px !important}	.mb40{margin-bottom:40px !important} .mb50{margin-bottom:50px !important}

/********* FONT ************/
/* Noto Font */
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:100;src:url('font/NotoSansKR-Thin.woff2')format('woff2'),   url('font/NotoSansKR-Thin.woff')format('woff'),   url('font/NotoSansKR-Thin.otf')format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:300;src:url('font/NotoSansKR-Light.woff2')format('woff2'),  url('font/NotoSansKR-Light.woff')format('woff'),  url('font/NotoSansKR-Light.otf')format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:400;src:url('font/NotoSansKR-Regular.woff2')format('woff2'),url('font/NotoSansKR-Regular.woff')format('woff'),url('font/NotoSansKR-Regular.otf')format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:500;src:url('font/NotoSansKR-Medium.woff2')format('woff2'), url('font/NotoSansKR-Medium.woff')format('woff'), url('font/NotoSansKR-Medium.otf')format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:700;src:url('font/NotoSansKR-Bold.woff2')format('woff2'),   url('font/NotoSansKR-Bold.woff')format('woff'),   url('font/NotoSansKR-Bold.otf') format('opentype')}
@font-face{font-family:'Noto Sans KR';font-style:normal;font-weight:900;src:url('font/NotoSansKR-Black.woff2')format('woff2'),  url('font/NotoSansKR-Black.woff')format('woff'),  url('font/NotoSansKR-Black.otf') format('opentype')}
@font-face{font-family:'NEXONLv1GothicOTFBold';src: url('font/NEXONLv1GothicOTFBold.eot');src: url('font/NEXONLv1GothicOTFBold.eot?#iefix') format('embedded-opentype'),url('font/NEXONLv1GothicOTFBold.woff') format('woff')}


/********* 버튼 ************/
/**************************/
.btnarea{margin-top:20px;text-align:right;font-size:0;}
.btnarea a{margin-left:10px;}
.btn{position:relative;display:inline-block;min-width:78px;padding:0 20px;height:48px;font-size:16px;font-weight:400;line-height:46px;text-align:center;letter-spacing:-.2px;}
.btn_s{position:relative;display:inline-block;min-width:38px;padding:0 20px;height:38px;font-size:16px;font-weight:400;line-height:35px;text-align:center;letter-spacing:-.2px;}
.btn_ss{position:relative;display:inline-block;min-width:38px;padding:0 20px;height:34px;font-size:14px;font-weight:400;line-height:31px;text-align:center;letter-spacing:-.2px;}
.btn_def{background:#f7f9fa;border:1px solid #979eaa;color:#555}
.btn_blk{background:#333333;border:1px solid #333333;color:#fff}
.btn_red{background:#eb4242;border:1px solid #ca3838;color:#fff}


/* Input Text */
input[type="text"],
input[type="password"]{display:inline-block;padding:0;margin:0;height:48px;border:1px solid #ccc;text-indent:15px;font-size:16px;color:#555;font-family:'Noto Sans KR';font-weight:400}
input[type="text"]:disabled{background:#f5f5f5;color:#333;}
input::placeholder{color:#bcbcbc}
input:-ms-input-placeholder{color:#bcbcbc !important}

/* Input Radio */
input[type="radio"]{display:none}
input[type="radio"] + label {color:#777;font-size:15px;font-weight:300;}
input[type="radio"] + label span{display:inline-block;width:18px;height:18px;margin:-1px 9px 0 0;vertical-align:middle;background:url(../img/ico/ico_radio.png) no-repeat;cursor:pointer}
input[type="radio"]:checked + label span{background-position:0 -100px}

/* Select */
.selectbox{display:inline-block;position:relative;min-width:100px;text-align:left}
.selectbox p{position:relative;margin:0;text-indent:14px;border:1px solid #ccc;background:#fff;z-index:10}
.selectbox p span{display:block;font-size:16px;color:#555;font-family:'Noto Sans KR';font-weight:400;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.selectbox p label{position:absolute;top:0;right:0;bottom:0;width:30px;}
.selectbox p label i{display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:11px;height:7px;background:url(../img/ico/ico_sltbox.png) no-repeat 0 0}
.selectbox .hidden{display:none;}
.selectbox.open .optWrapper{display:block;}
.selectbox.open p label i{background-position:0 -100px}
.selectbox .optWrapper{display:none;z-index:100;top:40px;width:100%;position:absolute;left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ddd;overflow:hidden;}
.selectbox .optWrapper ul{list-style:none;display:block;padding:0;margin:0;overflow:auto;}
.selectbox .optWrapper .options{position:relative;max-height:250px;}
.selectbox .optWrapper .options li.opt{position:relative;padding:0;height:36px;line-height:34px;text-indent:14px;}
.selectbox .optWrapper .options li.opt:hover{background:#f2f2f2;}
.selectbox .optWrapper .options li label{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;cursor:pointer;font-size:16px;color:#777;font-family:'Noto Sans KR';font-weight:400;}
.selectbox .optWrapper .options li.opt.disabled{background-color:inherit;pointer-events:none;}
.selectbox .optWrapper .options li.opt.disabled *{-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.slt_hidden{position:absolute;top:0;left:0;right:0;height:100%;width:100%;border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-opacity:0;-khtml-opacity:0;opacity:0;}

.sltbox_ty0{position:relative;display:inline-block;padding:0;margin:0;font-size:0;float:left;}
.sltbox_ty0 p span{display:block;width:326px;height:80px;line-height:78px}
.sltbox_ty0 .optWrapper{top:81px;}
.sltbox_ty0 .optWrapper .options li.opt{width:326px !important}

.sltbox_ty1{position:relative;display:inline-block;padding:0;margin:0;font-size:0;}
.sltbox_ty1 p span{display:block;width:148px;height:48px;line-height:46px}
.sltbox_ty1 .optWrapper{top:49px;}
.sltbox_ty2{position:relative;display:inline-block;padding:0;margin:0;font-size:0;}
.sltbox_ty2 p span{display:block;width:148px;height:38px;line-height:36px}
.sltbox_ty2 .optWrapper{top:39px;}

.sltbox_ty3{position:relative;display:inline-block;padding:0;margin:0;font-size:0;}
.sltbox_ty3 p span{display:block;width:118px;height:34px;line-height:32px;font-size:14px;letter-spacing:0;}
.sltbox_ty3 .optWrapper{top:35px;}
.sltbox_ty3 .optWrapper .options li.opt{width:100%;}
.sltbox_ty3 .optWrapper .options li label{width:100%;font-size:14px;letter-spacing:0;}


/* 상단 */
header{position:absolute;left:0;top:0;width:100%;height:80px;background:#222;z-index:300}
header .header_wrap{position:relative;width:100%;height:80px;background:#222;}
header .logo{position:absolute;left:30px;top:26px;width:137px;height:32px;z-index:900}
header .logo a{display:block;width:137px;height:32px;}
header .logo img{width:100%;}
header nav{position:absolute;left:0;top:0;width:100%;height:auto;z-index:10}
header nav ul{display:block;position:relative;margin-left:195px;width:780px}
header nav ul li{float:left;width:130px;height:80px;line-height:80px;text-align:center;}
header nav ul li a{display:block;width:130px;font-size:20px;color:#c0c7d3;font-weight:400;}
header nav ul li div{display:none;position:relative;margin-top:0;padding-top:21px;}
header nav ul li div span{display:none;margin:27px 0 7px 0;width:186px;font-size:20px;line-height:32px;color:#c0c7d3;font-weight:400}
header nav ul li div a{display:block;font-size:16px;color:#777;line-height:32px}
header nav ul li div a:hover{color:#eb4242}
header nav.bgon{background:url(../img/comm/bg_nav2th.png) repeat-x 0 80px;height:400px}
header nav.open{display:block;}
header nav.bgon div{display:block;}
header .game_start{position:absolute;right:0;top:0;z-index:200}
header .game_start a{display:block;;width:230px;height:80px;background:url(../img/comm/game_start.png) no-repeat;text-indent:-9999px;}
header .game_start a:hover{background-position:0 -80px;}
header .nav_drp{display:none;position:absolute;left:154px;top:20px;width:40px;height:40px;background:url(../img/btn/btn_nav.png) no-repeat;z-index:20;cursor:pointer;}
header.fixed{position:fixed !important;top:0 !important;left:0 !important}

.log_info{position:absolute;right:260px;top:0;z-index:200}
.log_info a{display:block;float:right;font-size:16px;color:#979eaa;font-weight:300;}
.log_info a span{display:block;float:left;margin-top:27px;padding-left:8px;}
.log_info a span i{display:inline-block;margin:0 0 0 8px;width:12px;height:10px;background:url(../img/ico/ico_gnb.png) no-repeat -150px 0}
.log_info a span i.arrow_red{background-position:-200px 0;}
.log_info a span i.arrow_blue{background-position:-250px 0;}
.log_info a span i.on{background-position:-150px -50px}
.log_info a span.red{color:#c07a8a;}
.log_info a span.blue{color:#798bff;}
.log_info a span.mr38{margin-right:38px}
.log_info a em{display:block;float:left;margin-top:31px;width:18px;height:18px;background:url(../img/ico/ico_gnb.png) no-repeat}
.log_info a em.sanction{width:20px;height:20px;background-position:-50px 1px;}
.log_info a em.agree{margin:30px 0 0 0;width:20px;height:20px;background-position:-100px 0;}
.log_info a img{display:block;float:left;margin:29px 0 0 0;}

.ly_log_info{display:none;position:absolute;right:230px;top:80px;padding:1px;width:366px;height:248px;background:#111;overflow:hidden;z-index:100}
.ly_log_info.active{display:block;}
.ly_log_info .info_t{width:366px;height:189px;background:#222;}
.ly_log_info .info_t ul{position:relative;padding-top:33px;margin:0 auto;width:288px;overflow:hidden;}
.ly_log_info .info_t ul li{float:left;width:186px;text-align:left;}
.ly_log_info .info_t ul li.thum{position:relative;padding:0;margin:5px 21px 0 0;width:81px;text-align:right;}
.ly_log_info .info_t ul li.thum span{display:block;position:absolute;top:0;right:0;width:64px;height:64px;background:url(../img/ico/ico_sanction.png) no-repeat}
.ly_log_info .info_t ul li p.nvc{padding-left:22px;background:url(../img/ico/ico_naver.png) no-repeat 1px 6px}
.ly_log_info .info_t ul li p{font-size:16px;line-height:24px;color:#999;font-weight:300;letter-spacing:0;text-align:left;}
.ly_log_info .info_t ul li p strong{margin-left:-4px;font-size:16px;color:#f7f7f7;font-weight:300}
.ly_log_info .info_t ul li p a{display:inline-block;margin-left:3px;color:#999;font-size:14px;font-weight:300;vertical-align:top;}
.ly_log_info .info_t ul li p a.charge{color:#ebb200}
.ly_log_info .info_m{position:relative;margin:24px auto 0 auto;padding:11px 0 10px 0;width:288px;border-top:1px solid #333;color:#777;clear:both;font-size:14px;text-align:center;letter-spacing:-.5px;}
.ly_log_info .info_m.nxp{padding:9px;}
.ly_log_info .info_b{text-align:center;font-size:0;}
.ly_log_info .info_b a{display:inline-block;padding:18px 20px;font-size:14px;color:#999;font-weight:300;background:url(../img/ico/ico_divi_log.png) no-repeat 100% 22px;}
.ly_log_info .info_b a.end{background:none;}

.ly_log_info .info_t2{padding:30px 0 18px 0;width:366px;background:#222;text-align:center;}
.ly_log_info .info_t2 p{font-size:14px;color:#999;font-weight:300;letter-spacing:0;}
.ly_log_info .info_t2 p span{color:#ebaa00}
.ly_log_info .info_t2 p strong{display:block;margin-bottom:5px;font-size:22px;color:#f7f7f7;font-weight:400;letter-spacing:-.7px}
.ly_log_info .info_t2 .info_m{margin-top:21px;}
.ly_log_info .info_t2.pd_tb1{padding:43px 0 48px 0}
.ly_log_info .info_t2.pd_tb2{padding:53px 0 58px 0}

@media(max-width:1550px){
    body{min-width:1280px}
    header .header_wrap{margin:0 auto;width:1280px;}
    header .logo{position:absolute;left:0;top:27px;width:123px;height:29px;z-index:20}
    header nav{top:81px;width:1126px;left:initial;right:0;}
    header nav ul{display:none;position:relative;margin-left:0;width:1126px;height:380px;}
    header nav ul li{float:left;margin-right:1px;width:187px;height:380px;text-align:center;background:#222;vertical-align:top;}
    header nav ul li:last-child{margin-right:0;width:186px;}
    header nav ul li a{display:none;width:100%;}
    header nav ul li div{padding-top:0;height:380px}
    header nav ul li div,
    header nav ul li div span,
    header nav ul li div a{display:block}
    header .game_start a{width:155px;height:80px;background:url(../img/comm/game_start_s.png) no-repeat}
    header .game_start a:hover{background-position:0 0;}
    header .nav_drp{display:block;}
    .log_info{right:185px;}
    .ly_log_info{right:155px}
}
@media(min-width:1550px){
    header nav ul{display:block !important}
}

/* FOOTER */
footer{position:relative;padding-bottom:70px;margin-top:200px;width:100%;border-top:1px solid #888;text-align:left;font-family:'Noto Sans KR';clear:both;}
footer .link{position:relative;width:100%;border-bottom:1px solid #e3e3e3;text-align:left;}
footer .link div{margin:0 auto;width:1272px;font-size:0;}
footer .link a{display:inline-block;padding:20px 0 20px 0;font-size:13px;color:#777;letter-spacing:-.2px;font-family:'Noto Sans KR';font-weight:400;}
footer .link span{display:inline-block;margin:0 14px;}
footer .link strong{color:#333;font-weight:400;}
footer .address{position:relative;padding:22px 0 17px 0;margin:0 auto;width:1272px;text-align:left;}
footer .address address,
footer .address p{font-size:12px;color:#777;line-height:20px;letter-spacing:-.2px;font-family:'Noto Sans KR';font-weight:400;}
footer .address p{margin-top:12px;letter-spacing:-.4px}
footer .f_logo{position:relative;margin:0 auto;width:1272px}
footer .f_logo a{display:inline-block;margin-right:31px;}
footer .f_sns{position:absolute;top:78px;left:50%;margin-left:488px;width:200px;font-size:0;}
footer .f_sns a{display:inline-block;margin-right:10px;width:44px;height:44px;background-image:url(../img/comm/footer_sns.png);font-size:0;text-indent:-9999px;}
footer .f_sns a.sns_yt{background-position:0 0}
footer .f_sns a.sns_tw{background-position:-44px 0}
footer .f_sns a.sns_fb{background-position:-88px 0}

/* 비밀번호 변경 캠페인 */
.pw_campaign{position:fixed;left:0;top:0;width:100%;height:100%;z-index:900}
.pw_campaign .mw{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.6;}
.pw_campaign .pw_cpin{position:absolute;left:50%;top:50%;margin:-128px 0 0 -236px;width:472px;height:255px;border:1px solid #444444;background:#fff;text-align:center;}
.pw_campaign .pw_cpin h1{margin-top:42px;color:#333;font-size:30px;font-weight:500;line-height:42px;letter-spacing:-1.5px;}
.pw_campaign .pw_cpin h2{color:#555;font-size:16px;font-weight:400;line-height:22px}
.pw_campaign .pw_cpin .btnarea{padding:0;margin:27px 0 0 0;text-align:center;}
.pw_campaign .pw_cpin .btnarea a{width:179px;padding:0;margin:0 5px;}

/* 오류페이지 */
.error{position:relative;width:100%;height:1150px;background:#121214 url(../img/comm/error.jpg) no-repeat 50% 0;} /* 개발 수정 */
.error h1,.error h2,.error p{display:none;}
.error a{display:block;position:absolute;top:865px;left:50%;margin-left:-140px;width:280px;height:50px;text-indent:-9999px;}