@charset "utf-8";
/* Copyright (c) NHN Entertainment. All rights reserved.
AUTHORS HIVELAB NE UI Team 01/26/16 */

@font-face {
    font-family:ng;
    src:url(font/NanumGothic.eot); /* IE9 Compat Modes */
    src:url(font/NanumGothic.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
    url(font/NanumGothic.woff) format('woff'), /* Modern Browsers */
    url(font/NanumGothic.ttf)  format('truetype'); /* Safari, Android, iOS */
}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
fieldset,img{border:0 none;vertical-align:top}
dl,ul,ol,menu,li{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
input,select,textarea{vertical-align:middle;-webkit-appearance:none;border:none;border-radius:0;background:none}
input::-ms-clear{display:none}
input[type=password]::-ms-reveal{display:none}
input{border:0 none;outline-style:none}
fieldset,img,button{border:0 none;vertical-align:top}
button{overflow:visible;margin:0;padding:0;border:0;background:none;cursor:pointer}
button::-moz-focus-inner{padding:0;border:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
table{table-layout:fixed;width:100%;border-collapse:collapse;border-spacing:0}
body{background:#666}
body,th,td,input,select,textarea,button{font-family:'Apple SD Gothic Neo','나눔고딕',NanumGothic,ng,Helvetica,sans-serif;font-size:16px;line-height:1.27;color:#373941}
a{color:#767676;text-decoration:none}
a:focus,a:active,a:hover,a:focus{text-decoration:underline}
::-webkit-input-placeholder{color:#999 !important}
:-moz-placeholder{color:#999 !important}
::-moz-placeholder{color:#999 !important}
:-ms-input-placeholder{color:#999 !important}
iframe{vertical-align:top}


/* common */
.blind,caption span,legend{overflow:hidden;position:absolute;top:0;left:0;width:0;height:1px;font-size:0;line-height:0;white-space:nowrap;*text-indent:-999em}
.dimmed,.dimmed_inner{position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;width:100%;height:100%;background:#000;opacity:.75;filter:alpha(opacity=75);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)'}

html{height:100%}
html.guide_main{height:auto}
body{height:100%}
#wrap{overflow:hidden;position:relative;width:100%;height:100%;background:#f5f5f5;zoom:1}
#skip{height:0}
#skip a{display:block;position:absolute;left:0;top:-100px;width:100%;height:1px;text-align:center}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:120;height:35px;padding:10px 0 0;background:#ff2233;color:#fff;font-size:1.4em;font-weight:bold}
.header{height:39px;border-bottom:1px solid #ebebeb;background:#fff;text-align:center}
.header h1{height:39px;font-size:0}
.header h1 span{display:inline-block;overflow:hidden;width:63px;height:14px;margin-top:13px;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/logo.png) no-repeat;line-height:999px;vertical-align:top}
.guide .header h1,/*.guide .header .txt,.lst_guide h2 .tit,.lst_guide li h2 .num,*/.inp_area label .txt,.guide_area h3 .logo,.ico_arrow,.app_sms h4,.h_tit,.tbl_area .txt_id,.h_txt,.inp_area .lbl_tit .txt{display:inline-block;overflow:hidden;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/sp_game.png) no-repeat;line-height:999px;vertical-align:top}
.content{position:relative;padding-bottom:32px;background:#f5f5f5}
.cont_wrap{margin:0 auto}
h2.tit{padding-top:26px;font-size:15px;color:#333;line-height:22px;text-align:center}
h2.h_tit{height:15px;line-height:21px;text-align:center}
.cont_in{width:370px;margin:0 auto}
.order h2.h_tit{display:block;margin:30px auto 0;width:196px;font-size:0;background-position:0 -130px;line-height:15px}
.h_txt{display:block;margin:30px auto 0}
.h_txt.tit_id{width:296px;height:15px;background-position:0 -164px}
.txt_desc{margin:15px 0 0;font-size:12px;color:#484848;line-height:20px;text-align:center}
.order .txt_desc{margin-top:16px;color:#333;line-height:16px}
.txt_desc em{color:#fa4040}
.inp_wrap{margin-top:28px}
.inp_area{margin-top:8px}
.inp_area:first-child{margin-top:0}
.inp_area .inpbx{display:block;overflow:hidden;position:relative;height:40px;padding:0;border:1px solid #e0e0e0;background:#fff;zoom:1}
.inp_area .inpbx.on{border-color:#919191}
.inp_area .inpbx.err{border-color:#ff2233}
.inp_area label,.inp_area .lbl_tit{display:inline-block;position:absolute;top:0;left:0;height:40px;cursor:pointer}
.inp_area label .txt,.tbl_area .txt_id,.inp_area .lbl_tit .txt{height:13px;margin:13px 12px 0 20px}
.inp_area label .txt.id,.tbl_area .txt_id{width:63px;background-position:-165px -75px}
.inp_area label .txt.birth,.inp_area .lbl_tit .txt.birth{margin-right:27px;width:48px;background-position:-231px -75px}
.inp_area .inpbx input{display:block;width:239px;height:15px;padding:12px 20px 14px 109px;border:none;background:#fff;font-size:13px;color:#333;line-height:15px;vertical-align:top;*margin-top:-1px}
.inp_area .inpbx .fakelabel{display:none;position:absolute;top:12px;left:109px;font-size:13px;color:#999;line-height:15px}
.inp_area .err_msg{margin:6px 0 0;font-size:12px;color:#ff2233;line-height:15px}
.inp_area .inp_value{display:block;padding:12px 20px 14px 109px;background:#fff;font-size:13px;color:#333;line-height:15px}
.btn_area{margin-top:20px}
.order .btn_area{margin-top:10px}
.order2 .btn_area{margin-top:16px}
.btn{display:block;height:48px;background:#ff2233;font-size:14px;font-weight:normal;text-align:center;line-height:39px;vertical-align:top;color:#fff;line-height:48px}
.btn_gray{background-color:#444}
.btn_area .btn{margin-top:10px}
.btn_area .btn:first-child{margin-top:0}
.guide_area{margin-top:35px;padding:0;zoom:1}
.guide_in{width:370px;margin:0 auto}
.guide_area h3{background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/tit_line.gif) repeat-x 0 50%;font-size:14px;color:#444;line-height:17px;text-align:center}
.guide_area h3 .txt{display:inline-block;padding:0 15px;width:162px;height:14px;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/sp_game.png) no-repeat 15px -148px;background-color:#f5f5f5;vertical-align:top;font-size:0}
.guide_area h3 .logo{width:48px;height:12px;margin:3px 4px 0 0;background-position:-213px -13px}
.guide_area h3 em{font-weight:bold;color:#e53633;text-decoration:underline}
.guide_area .process{width:410px;height:50px;margin-top:23px;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/bg_process.png) no-repeat}
.guide_area .process ul{zoom:1}
.guide_area .process ul:after{display:block;clear:both;content:''}
.guide_area .process ul li{float:left;width:102px;text-align:center}
.guide_area .process ul li:first-child{width:104px}
.guide_area .process ul li .txt{display:inline-block;font-size:13px;color:#333;line-height:15px;text-align:center;vertical-align:middle}
.guide_area .process ul li .vmiddle{display:inline-block;width:0;height:50px;margin-left:-3px;vertical-align:middle}
.guide_area .lst_info{margin-top:22px}
.guide_area .lst_info li{position:relative;margin-top:4px;padding-left:18px;font-size:12px;color:#555;line-height:16px}
.guide_area .lst_info li:first-child{margin-top:0}
.guide_area .lst_info li .num{display:inline-block;position:absolute;top:0;left:0;font-family:Tahoma;line-height:14px}
.guide_area .lst_info li em{color:#e92526}
.guide_area .card_bx{margin-top:16px;font-size:12px;line-height:12px;text-align:left}
.guide_area .lst_card{display:inline-block;*display:inline;zoom:1}
.guide_area .lst_card li{float:left;height:16px;margin-left:25px;text-align:center}
.guide_area .lst_card li:first-child{margin-left:0}
.guide_area .lst_card li span{display:inline-block;overflow:hidden;height:16px;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/sp_card.png) no-repeat;line-height:999px;vertical-align:top}
.guide_area .lst_card li .card_CCLG{width:60px}
.guide_area .lst_card li .card_CCSS{width:79px;background-position:-62px 0}
.guide_area .lst_card li .card_CCLO{width:100px;background-position:-143px 0}
.guide_area .lst_card li .card_CCHN{width:83px;background-position:-245px 0}
.chkbx{position:relative;zoom:1}
.checkbox-applied{position:absolute;top:0;left:0;width:20px;height:20px;}
.checkbox-mark{display:inline-block;position:relative;width:100%;height:100%;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/sp_game.png) no-repeat -391px -13px}
.checkbox-mark.checkbox-checked{background-position:-391px -35px}
.chkbx input{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}
.chkbx label{display:block;position:relative;z-index:10;padding-left:26px;font-size:12px;color:#444;line-height:20px;cursor:pointer}
.down_area{margin-top:21px;zoom:1}
.down_area:after{display:block;clear:both;content:''}
.down_area a{float:left;width:182px;height:38px;margin-left:6px;background:#444;font-size:12px;color:#f6f6f6;line-height:38px;text-align:center}
.down_area a:first-child{margin-left:0}
.tbl_area{margin-top:26px;padding:18px 25px 19px;background:#ebebeb;border:1px solid #e6e6e6}
.tbl_area th,.tbl_area td{padding:5px 0;font-size:13px;line-height:16px;text-align:left;word-wrap:break-word}
.tbl_area th{color:#555;font-weight:normal}
.tbl_area td{font-weight:bold}
.tbl_area .red{color:#ff2233}
.tbl_area .type{font-family:Tahoma}
.tbl_area2{margin-top:28px;padding:9px 25px 10px}
.tbl_area .txt_id{margin:2px 0 0}
.tbl_area2 td{font-size:14px;font-weight:normal}

.link_area{margin-top:15px;text-align:center}
.link_area a{display:inline-block;font-size:13px;color:#e92526;text-decoration:underline}
.inp_info{margin-top:10px;zoom:1}
.inp_info:after{display:block;clear:both;content:''}
.inp_info .chkbx{float:left;width:150px}
.inp_info .txt_noti{float:right;font-size:12px;color:#444;line-height:20px}
.inp_info .txt_noti a{margin-left:10px;color:#2d2d2d;text-decoration:underline}

/* 사용자 가이드 */
#wrap.guide{width:630px;height:100%}
.guide .header{position:relative;height:auto;border:none}
.guide .content{background-color:#fff}
.guide .lst_guide li{position:relative}
.guide .btn_go{position:absolute;top:42px;left:342px;width:100px;height:18px;background:rgba(0,0,0,0)}
.guide .sms_bx{position:absolute;top:251px;left:40px;background:rgba(0,0,0,0)}
.guide .sms_bx:after{display:block;clear:both;content:''}
.guide .sms_bx .inp_bx{display:block;float:left}
.guide .sms_bx .inp_bx input{display:block;width:88px;height:42px;border:1px solid #e6e6e6;font-size:14px;line-height:42px;color:#222;text-align:center}
.guide .sms_bx .inp_bx input:focus{border-color:#4e4e4e}
.guide .sms_bx .bar{display:inline-block;float:left;width:8px;height:2px;margin:21px 7px 0 7px;background:#b2b2b2;line-height:44px;vertical-align:top}
.guide .sms_bx .btn_submit{display:block;position:relative;width:90px;height:44px;margin-left:10px;background-color:#666;line-height:44px;text-align:center;text-decoration:none}
.guide .sms_bx .btn_submit:hover,.guide .sms_bx .btn_submit:focus{background-color:#525252}
.guide .chk_bx{position:absolute;top:315px;left:40px}
.guide .chk_bx label{display:inline-block;width:490px;height:20px;padding-left:30px;cursor:pointer}
.guide .chk_bx label:before{position:absolute;top:0;left:0;width:20px;height:20px;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/sp_game.png) no-repeat -370px -68px;content:''}
.guide .chk_bx input[type='checkbox']{position:absolute;top:0;left:0}
.guide .chk_bx input[type='checkbox']:checked + label:before{background-position:-392px -68px}
.guide .btn_area{margin-top:50px;text-align:center}
.guide .btn_area .btn{display:inline-block;width:200px;height:46px;padding-top:0;background-color:#666;font-size:16px;text-decoration:none}
.guide .btn_area .btn:hover,.guide .btn_area .btn:focus{background-color:#525252}


/* 레이어팝업 */
.dimmed{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;width:100%;height:100%;background:#000;opacity:.3;filter:alpha(opacity=30);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=30)'}
.ly_popwrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;width:100%;height:100%;text-align:center;vertical-align:middle}
.ly_pop{display:inline-block;position:relative;z-index:10;width:370px;margin:0 auto;padding:43px 0 47px;background:#fff;vertical-align:middle;*display:inline;zoom:1}
.ly_pop .bg_top{overflow:hidden;position:absolute;top:-3px;left:0;width:100%;height:3px;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/ly_370.png) no-repeat}
.ly_pop .bg_btm{overflow:hidden;position:absolute;bottom:-3px;left:0;width:100%;height:3px;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/ly_370.png) 0 -5px no-repeat}
.ly_pop.app{width:410px}
.ly_pop.app .bg_top,.ly_pop.app .bg_btm{background-image:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/ly_410.png)}
.ly_popwrap .vmiddle{display:inline-block;width:0;height:650px;margin-left:-4px;vertical-align:middle}
.ly_pop .tx_desc{padding:0 20px;font-size:14px;color:#333;line-height:18px;}
.ly_pop .btn_area{margin-top:28px}
.ly_pop .btn_area a{display:inline-block;width:170px;height:40px;background:#ff0814;font-size:14px;color:#fff;line-height:40px}
.ly_pop .ly_close{display:inline-block;overflow:hidden;position:absolute;top:-3px;right:0;width:52px;height:52px;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/ly_close.png) no-repeat;line-height:999px}
.ly_pop.app .tx_desc{font-weight:bold;font-size:15px;line-height:22px}
.ly_pop.app .tx_desc em{font-weight:bold;color:#e92526}
.ly_pop.app .tx_sub{margin-top:6px;font-size:11px;color:#999}
.ly_pop.app .tx_sub+.img_online{margin-top:31px}
.ly_pop.app .img_online{display:block;margin-top:23px;text-align:center}
.ly_pop.app .img_online span{display:inline-block;overflow:hidden;width:250px;height:269px;margin:0 auto;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/ly_img4.png) no-repeat;line-height:999px;text-align:center;vertical-align:top}
.ly_pop.app .btn_area{margin-top:8px}
.ly_pop.app .img_online+.btn_area{margin-bottom:-3px}

.ly_loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;background:#fff url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/loading.gif) no-repeat 50% 50%}
#footer{position:absolute;right:0;bottom:0;left:0;z-index:10;height:31px;padding:0 15px;border-top:1px solid #e6e6e6;background:#fff;zoom:1}
#footer:after{display:block;clear:both;content:''}
#footer .copyright{float:right;margin-top:9px; font-size:11px;color:#666}

.card_lst{zoom:1}
.card_lst dt{float:left;font-size:12px;color:#555;line-height:20px}
.card_lst dd{overflow:hidden;padding-left:8px;color:#727272;line-height:20px}
.lst_txt li{padding-left:12px;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/ico_arr.png) no-repeat 0 6px;font-size:12px;color:#727272;line-height:20px}
.card_lst:after{display:block;clear:both;content:''}

/* 게임사 결제 팝업 사이즈 조정 */
.type_a .order h2.h_tit,.type_c .order h2.h_tit{margin-top:25px}
.type_a h2.tit,.type_b h2.tit,.type_c h2.tit{padding-top:22px;line-height:19px}
.type_a .tbl_area,.type_b .tbl_area,.type_c .tbl_area{margin-top:18px}
.type_a .order h2.tit,.type_c .order h2.tit{padding-top:20px}
.type_a .txt_desc{margin-top:15px}
.type_a .order .txt_desc,.type_b .order .txt_desc,.type_c .order .txt_desc{display:block;margin-top:8px;color:#7e7e7e;letter-spacing:-0.03em}
.type_a .inp_area .err_msg,.type_b .inp_area .err_msg,.type_c .inp_area .err_msg{margin:5px 0 0}
.type_a .btn,.type_b .btn,.type_c .btn{height:45px;line-height:45px}
.type_a .btn_area,.type_b .btn_area,.type_c .btn_area{margin-top:10px}
.type_a .inp_wrap,.type_c .inp_wrap{margin-top:18px}
.type_a .inp_area,.type_b .inp_area,.type_c .inp_area{margin-top:6px}
.type_a .inp_area .inpbx,.type_b .inp_area .inpbx,.type_c .inp_area .inpbx{height:38px}
.type_a .inp_area label,.type_b .inp_area label,.type_c .inp_area label{height:38px}
.type_a .inp_area label .txt,.type_b .inp_area label .txt,.type_c .inp_area label .txt{margin-top:12px}
.type_a .inp_area .inpbx input,.type_b .inp_area .inpbx input,.type_c .inp_area .inpbx input{padding:12px 20px 11px 109px}
.type_a .lst_info,.type_a .guide_in h3,.type_b .lst_info,.type_b .guide_in h3,.type_c .lst_info,.type_c .guide_in h3{display:none}
.type_a .guide_area,.type_c .guide_area{margin-top:15px}
.type_a .guide_area .card_bx,.type_b .guide_area .card_bx,.type_c .guide_area .card_bx{margin-top:0}
.type_a .br,.type_b .br,.type_c .br{display:none}
.type_a .down_area{margin-top:18px}
.type_a .down_area a{height:35px;line-height:35px}
.type_a .link_area{margin-top:10px}
.type_b .order h2.h_tit{margin-top:35px}
.type_b .guide_area{margin-top:25px}

.app_sms{display:block;margin-top:12px;zoom:1}
.app_sms h4{display:block;width:139px;height:12px;background-position:0 -114px}
.app_sms .inp_area{margin-top:12px}
.app_sms .inp_area:after{display:block;clear:both;content:''}
.app_sms .inp_area .inpbx{float:left;height:30px;}
.app_sms .inp_area .fakelabel{top:8px;left:14px}
.app_sms .inp_area input.inp{width:250px;height:13px;padding:9px 20px 9px 14px}
.btn_submit{float:left;margin-left:4px;width:80px;height:32px;font-size:13px;line-height:32px;background:#444;color:#fff}
.agree_area{margin-top:8px;zoom:1}
.agree_area .checkbox-applied{top:-1px}
.agree_area label{font-size:11px;color:#646464}
.type_c .agree_area label{letter-spacing:-0.03em}

/* 게임사 결제 팝업 사이즈 조정 (레이어팝업) */
.type_a .ly_pop,.type_b .ly_pop,.type_c .ly_pop{padding:34px 0 37px}
.type_a .ly_pop .btn_area,.type_b .ly_pop .btn_area,.type_c .ly_pop .btn_area{margin-top:16px}
.type_a .ly_pop .btn_area,.type_b .ly_pop .btn_area,.type_c .ly_pop .btn_area{margin-top:16px}
.type_a .ly_pop.app,.type_b .ly_pop.app,.type_c .ly_pop.app{padding:38px 0 37px}
.type_a .ly_pop.app .img_online,.type_b .ly_pop.app .img_online,.type_c .ly_pop.app .img_online{margin-top:21px}
.type_a .ly_pop.app .img_online span,.type_b .ly_pop.app .img_online span,.type_c .ly_pop.app .img_online span{width:168px;height:184px;background:url(https://static-fin-gslb.nhnent.com/payco/bill/v4/img/game_simple/ly_img2.png) no-repeat}
.type_a .ly_pop.app .btn_area,.type_b .ly_pop.app .btn_area,.type_c .ly_pop.app .btn_area{margin-top:18px}