@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/pub/webfont/NanumGothic-Regular.eot)
  src: url(/pub/webfont/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/pub/webfont/NanumGothic-Regular.woff2) format('woff2'),
       url(/pub/webfont/NanumGothic-Regular.woff) format('woff'),
       url(/pub/webfont/NanumGothic-Regular.ttf) format('truetype');
}

body { margin:0; padding:0;}
hr {display:none;}    
	
img,fieldset {border:none ;}      
dl,ul,ol,li {list-style: none;}      
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0;padding:0;}
table {border-collapse:collapse;}
a {text-decoration:none;}
/*a:link:hover, a:active {text-decoration:underline;}*/
input,select,textarea {font-size:100%;}
.input_check, .input_radio { height: 13px;width: 13px; vertical-align: middle; border:0;margin:0; padding:0;}

body,th,td {font-size:12px;font-family:"굴림",gulim,sans-serif;color:#333;}
legend { display:none}
ul, ol, li {list-style-image:none;list-style-position:outside;list-style-type:none;margin:0; padding:0;}
dl, dd,dt { margin:0; padding:0;}

a,img,input{selector-dummy:expression(this.hideFocus=true);}/*링크 테두리 제거 IE*/
a,img,input{outline: none;selector-dummy:expression(this.hideFocus=true); }/* 링크 테두리 제거 파이어폭스*/


.cursor_pointer { cursor: pointer; }

.border_none { border:none;}

/* 메시지함 - 메시지 보기 레이어 */
.message_box{ width:480px; height:340px; background:#FFF; border:1px solid #95ccf6; padding:10px; position:relative; text-align:left;  z-index:1500;}
.message_box .messg_ti { width:470px; height:80px;  line-height:26px; position:relative;}
.message_box .messg_ti .closex { position:absolute; top:-5px; left:460px;}
.message_box .messg_ti strong { color:#666;}
.message_box .messg_ti .line {border-bottom:1px solid #CCC;}
.message_box .messg_ti .time { font-size:11px; font-family:Arial; color:#666; float:right; position:relative;} 
.message_box .mesge_cont { width:446px; height:180px; border:1px solid #ccc; padding:10px; line-height:18px; overflow:auto; font-family:dotum;  }
.message_box .btn {width:480px; text-align:center; margin-top:10px; clear:both;}
.message_box .btn .del { position:absolute; top:298px; *top:232px; left:10px; left:0px; font-weight:normal}

/*토큰충전*/
.token_chwarp { width:530px; height:580px; background:#FFF; position:relative}
.token_chwarp .top_cont { width:508px; height:88px; background:#353b4b; position:relative; margin-bottom:10px; text-align:left; padding:13px 0 0 22px}
.token_chwarp .top_cont .sel_poto { width:480px;  float:left}
.token_chwarp .top_cont .my_own {position:absolute;font-family:dotum; float:right; top:32px; right: 30px; color:#FFF; }
.token_chwarp .top_cont .my_own .tit { float:right; width:74px;  color:#0FF; line-height:20px; }
.token_chwarp .top_cont .my_own .count { float:right;  line-height:20px; text-align:right; font-family:Arial }
.token_chwarp .top_cont .sel_poto .ni { color:#ccc; line-height: 18px; text-indent:5px; font-size: 12px; letter-spacing: -0.2px; font-family:Nanum Gothic; top:-8px; position: relative; z-index: 999 }
.token_chwarp .top_cont .sel_poto .ni span { color:#fff9bc}

/*.token_chwarp .top_cont .my_own { position:relative;font-family:dotum; text-align:right; width:210px; float:right; top:40px; color:#FFF; margin-right:10px; margin-top:0}
.token_chwarp .top_cont .my_own ul { width:auto} 
.token_chwarp .top_cont .my_own li { float:right; display:block; line-height:20px}
.token_chwarp .top_cont .my_own li .tit01 {width:75px; text-align:left; float:left; color:#0FF}
.token_chwarp .top_cont .my_own li .tit02 {width:75px; text-align:left; float:right; color:#0FF}
.token_chwarp .top_cont .my_own li .num { text-align:right; float:right; font-family:Arial}*/
.token_chwarp .top_cont .onlyone { position:absolute; left:375px; top:10px;} 


/*.token_chwarp .chg_are {float:left; width:350px; height:368px; margin-left:10px; border:1px solid #f0f0f2; background:url(//image.ongate.com/www/popup/tokencharge/tit_won.jpg) no-repeat 10px 10px ; position:relative; overflow:hidden; margin-right:9px;}*/
.token_chwarp .chg_are {float:left; width:350px; height:368px; margin-left:10px; border:1px solid #f0f0f2; position:relative; overflow:hidden; margin-right:9px;}
.token_chwarp .chg_are_Background  {background:url(//image.ongate.com/www/popup/tokencharge/tit_won.jpg) no-repeat 10px 10px ;}
.token_chwarp .chg_are .won_sel { border:4px solid #f0f0f2; height:86px; margin-bottom:20px}
.token_chwarp .chg_are .won_sel ul{}
.token_chwarp .chg_are .yell_info { width:260px;  margin:0 auto; line-height:30px ; border:1px solid #ccc; background:#FFC; text-align:center }


.token_chwarp .chg_are .won_sel .money_view { height:50px; text-align:left; width:140px; float:left; margin-left:75px}
.token_chwarp .chg_are .won_sel .money_view span { font-size:20px; font-family: 'Nanum Gothic'; line-height:47px; font-weight:bold; color:#F00; letter-spacing:-1px;}
.token_chwarp .chg_are .won_sel .coupon_sel { position:absolute; top:58px; left:80px}
.token_chwarp .chg_are .won_sel .coupon_sel select { width:140px; font-family:dotum, sans-serif; }
.token_chwarp .chg_are .won_sel .money_sel { width:140px; *width:130px; height:70px; overflow:hidden; line-height:18px; position:absolute; top:10px; left:230px}
.token_chwarp .chg_are .won_sel .money_sel li{ font-size:11px; float:left; height:24px; }
.token_chwarp .chg_are .won_sel .money_sel li .cau { margin-left:30px; color:#F60}
.token_chwarp .chg_are .won_sel .money_sel .selb, .chg_are .won_sel .money_sel select, .chg_are .won_sel .money_sel .ownwrit, .chg_are .won_sel .money_sel .cau { float:left; margin-top:5px; font-family:dotum,sans-serif}
.token_chwarp .chg_are .won_sel .money_sel .selb { margin-top:6px; *margin-top:4px; margin-right:5px; float:left }
.token_chwarp .chg_are .won_sel .money_sel select { margin-right:20px; width:80px; height:19px }
.token_chwarp .chg_are .won_sel .money_sel .ownwrit { margin-right:10px; width:76px}

.token_chwarp .chg_are .chg_result { width:315px; height:75px; padding-left:24px; position:relative; background:url(//image.ongate.com/www/popup/tokencharge/dotline.jpg) no-repeat 0px 65px}
.token_chwarp .chg_are .chg_result .chg_sl { float:left; width:130px; /*background:url(//image.ongate.com/www/popup/tokencharge/bg_reslt01.jpg) no-repeat -25px 0;*/  height:80px; position:relative}
.token_chwarp .chg_are .chg_result .chg_sl .ti {position:absolute; left:0; top:0; width:130px; height:20px; text-align:center; line-height:24px; overflow:hidden; font-family: 'Nanum Gothic';}
.token_chwarp .chg_are .chg_result .chg_sl .chg_wn { float:right; width:130px; height:55px;font-family: 'Nanum Gothic', sans-serif; font-size:21px; line-height:70px; font-weight:bold; color:#F00; letter-spacing:-1px}
.token_chwarp .chg_are .chg_result .chg_sl .chg_bonu { font-family:arial; text-align:left; font-size:11px;}
.token_chwarp .chg_are .chg_result .chg_sl .chg_bonu .icon_bu { margin-top:-8px; margin-right:2px}
.token_chwarp .chg_are .chg_result .chg_resl {float:left; width:135px; height:80px; /*background:url(//image.ongate.com/www/popup/tokencharge/bg_reslt02.jpg) no-repeat 15px 0;*/ position:relative}
.token_chwarp .chg_are .chg_result .chg_resl .ti {position:absolute; left:0; top:0; width:130px; height:20px; text-align:center; line-height:24px; overflow:hidden; font-family: 'Nanum Gothic'; }
.token_chwarp .chg_are .chg_result .chg_resl .chg_wn { float:right; width:135px; height:55px; font-family: 'Nanum Gothic'; font-size:21px; line-height:70px; font-weight:bold; color:#3c3c3c;letter-spacing:-2px }
.token_chwarp .chg_are .chg_result .chg_resl .chg_bonu { font-family:arial;  font-size:11px; }
.token_chwarp .chg_are .chg_result img { float:left;}
.token_chwarp .chg_are .ib_infobox { height:20px; background:url(//image.ongate.com/www/popup/tokencharge/bg_ib_info.jpg) no-repeat 5px 0; width:340px; padding-top:43px;}
.token_chwarp .chg_are .ib_infobox ul { width:320px;}
.token_chwarp .chg_are .ib_infobox ul li { display:inline; float:left; }
.token_chwarp .chg_are .ib_infobox ul .ch01 { width:190px; margin-right:15px; }
.token_chwarp .chg_are .ib_infobox input { width:90px;}
.token_chwarp .chg_are .ib_infobox_la { height:40px; width:340px; padding-top:23px; text-align:left; line-height:20px; padding-left:10px; font-family:dotum; letter-spacing:-1px; position:relative}
.token_chwarp .chg_are .ib_infobox_la .mileg_chbtn { position:absolute; top:44px; left:252px}
.token_chwarp .chg_are .ib_infobox_la ul { float:left; margin-left:10px;}
.token_chwarp .chg_are .ib_infobox_la .num { font-family:Arial, Helvetica, sans-serif; letter-spacing:normal}
.token_chwarp .chg_are .ib_infobox_la .nomoney { color:#03C}

.token_chwarp .chg_are .ch_stepinfo { line-height:70px; font-family:dotum; letter-spacing:0px; text-align:left}
.token_chwarp .chg_are .ch_stepinfo2 { line-height:20px; font-family:dotum; letter-spacing:0px}
.token_chwarp .chg_are .ch_stepinfo .clphnum { font-family:dotum; font-size:14px; width:350px; text-align:center; float:left}
.token_chwarp .chg_are .ch_stepinfo .clphnum span { font-family:Arial; font-size:18px}
.token_chwarp .chg_are .ch_stepinfo .clphnum .phnum { width:50px;}

.token_chwarp .chg_are .cauti { position:absolute; width:330px; height:70px; background:#f0f0f2; bottom:0; display:inline; left:0; padding:10px 10px 0px 10px ; text-align:left; font-size:11px; font-family:dotum}
.token_chwarp .chg_are .cauti .detviewbtn {position:absolute; top:5px; left:294px}
.token_chwarp .chg_are .cauti dt { height:18px; font-weight:bold }
.token_chwarp .chg_are .cauti dd ul { line-height:17px; letter-spacing:-1px}
.token_chwarp .chg_are .cauti .whBox { position:absolute; width:348px; height:346px; border:1px solid #ccc; background:#FFF; left:0px; top:-268px; z-index:2500; }
.token_chwarp .chg_are .cauti .whBox .cont_ar { width:320px; height:300px; padding:5px; overflow:hidden; margin:0 auto}
.token_chwarp .chg_are .cauti .whBox .chla_btn { width:335px; height:25px; text-align:right; position:relative; border-bottom:0 }

.token_chwarp .sel_way { width:159px; height:450px; overflow:hidden;}
.token_chwarp .sel_way ul { width:159px; float:right}
.token_chwarp .sel_way ul li { height:50px;   }

.token_chwarp .term_sl { width:320px; height:40px;  clear:both; line-height:40px; text-align:left; padding-left:5px; font-family:dotum; float:left }
.token_chwarp .term_sl .term_ok { width:20px; height:20px; *width:26px; *height:26px; vertical-align:middle; margin-left:10px}
.token_chwarp .term_sl a { color:#333}

.token_chwarp .btn { width:370px; position:absolute; bottom:0; height:50px; text-align:center; left:0 }
.token_chwarp .btn_reslt { width:540px; position:absolute; bottom:0; height:50px; text-align:center; left:0;}

.token_chwarp .comp_warp { width:505px; margin-left:15px; text-align:left }
.token_chwarp .comp_warp .comp_pt { width:470px; border:3px solid #f0f0f2; padding:15px 0 20px 20px; }
.token_chwarp .comp_pt ul { text-align:left; line-height:30px; font-size:14px; font-family:dotum; letter-spacing:-1px}
.token_chwarp .comp_pt ul span { font-family:Arial; font-size:18px; letter-spacing:normal}

.token_chwarp .compCaution { text-align:left; line-height:20px; margin-top:10px; font-size:11px; font-family:dotum}
.token_chwarp .compCaution li { padding-left:16px; background:url(//image.ongate.com/www/popup/tokencharge/icon_dot.jpg) no-repeat 5px 5px}

.token_chwarp .compCaution2 { text-align:left; line-height:20px; margin-top:10px; font-size:11px; font-family:dotum; position:absolute; top:260px; left:0; width:500px; z-index:2000}
.token_chwarp .compCaution2 li { padding-left:16px; background:url(//image.ongate.com/www/popup/tokencharge/icon_dot.jpg) no-repeat 5px 5px}

.token_chwarp .compCaution_cell { text-align:left; line-height:20px; margin-top:10px; font-size:11px; font-family:dotum; position:relative; width:400px; z-index:2000}
.token_chwarp .compCaution2_Cell { padding-left:16px; background:url(//image.ongate.com/www/popup/tokencharge/icon_dot.jpg) no-repeat 5px 5px}

.token_chwarp .bill_seltBox { width:470px; border:1px solid #efefef; padding:10px; }
.token_chwarp .bill_seltBox .cate_sel { width:420px; float:left; margin-bottom:10px }
.token_chwarp .bill_seltBox .cate_sel li { display:inline; float:left; width:140px;}
.token_chwarp .bill_seltBox .num_input { clear:both; font-size:12px; font-family:Arial; margin-bottom:10px}
.token_chwarp .bill_seltBox .num_input input { width:80px; }
.token_chwarp .bill_seltBox .term_chk { font-size:11px; font-family:dotum;}
.token_chwarp .bill_seltBox .term_chk input { width:14px; height:14px; vertical-align:middle; margin-left:-1px;}
.token_chwarp .bill_seltBox .term_chk strong { color:#666;}

.token_chwarp .switch_warp {float:left; width:350px; height:348px; margin-left:10px; position:relative; margin-right:10px;}
.token_chwarp .switch_warp .own_money {border:4px solid #f0f0f2; height:80px; margin-bottom:20px; background:url(//image.ongate.com/www/popup/tokencharge/bg_own.jpg) no-repeat 0 15px; padding-left:110px; 
                                    padding-top:39px; text-align:left; font-family:dotum; line-height:33px; font-size:14px; font-weight:bold; margin-bottom:10px; }
.token_chwarp .switch_warp .own_money span { font-family:Arial; font-size:16px}
.token_chwarp .switch_warp .own_money .pot {color:#F00;}
.token_chwarp .switch_warp .own_money .dv2 { position:absolute; left:290px; top:84px}
.token_chwarp .switch_warp .selgame  {border:4px solid #f0f0f2; height:76px; margin-bottom:20px; background:url(//image.ongate.com/www/popup/tokencharge/bg_selgame.jpg) no-repeat 10px 15px; padding-left:110px; 
                                    padding-top:12px; text-align:left; font-family:dotum; line-height:30px; font-size:13px; font-weight:bold; margin-bottom:10px; }
.token_chwarp .switch_warp .selgame input { width:120px;}
.token_chwarp .switch_warp .selgame select { width:124px;}
.token_chwarp .switch_warp .selgame .point_ip { width:100px;!important; background:#cefdfa; border:1px solid #666}


.token_chwarp .switch_warp .own_point {border:4px solid #f0f0f2; height:40px; margin-bottom:20px; background:url(//image.ongate.com/www/popup/tokencharge/bg_own.jpg) no-repeat 0 15px; padding-left:110px; 
                                    padding-top:39px; text-align:left; font-family:dotum; line-height:33px; font-size:14px; font-weight:bold; margin-bottom:10px; }
.token_chwarp .switch_warp .own_point span { font-family:Arial; font-size:16px}
.token_chwarp .switch_warp .own_point .pot {color:#F00;}
.token_chwarp .switch_warp .seltcupon  {border:4px solid #f0f0f2; height:150px; margin-bottom:20px; padding-top:6px; padding-left:10px; text-align:left; font-family:dotum; font-size:11px;
                                       margin-bottom:10px; line-height:18px; }
.token_chwarp .switch_warp .seltcupon .cpview { float:left; width:200px; overflow:hidden;}
.token_chwarp .switch_warp .seltcupon .cpview span a { margin-left:8px; color:#666; letter-spacing:-1px}
.token_chwarp .switch_warp .seltcupon .pointview { float:right; width:130px; overflow:hidden; text-align:center; margin-top:35px; font-size:13px; line-height:20px; font-weight:bold; font-family:Arial}
.token_chwarp .switch_warp .seltcupon .pointview .need { color:#06C}
.token_chwarp .switch_warp .seltcupon .pointview .pot { color:#06C; font-size:17px; letter-spacing:-1px}
.token_chwarp .switch_warp .seltcupon .pointview .selchk { color:#666; font-size:13px}
.token_chwarp .switch_warp .seltcupon .pointview .chk { width:16px; height:16px; vertical-align:middle; margin-top:-2px}
.token_chwarp .switch_warp .seltcupon .cupon_dtview { position:absolute; top:225px; left:120px; background:#FFF; border:1px solid #000; width:240px; z-index:2500; font-family:dotum; padding-bottom:8px; display:none}
.token_chwarp .switch_warp .seltcupon .cupon_dtview h2 { float:left; height:20px; line-height:20px; font-size:12px; width:205px; padding:5px;}
.token_chwarp .switch_warp .seltcupon .cupon_dtview span { float:left; padding:5px;}
.token_chwarp .switch_warp .seltcupon .cupon_dtview span a { color:#000;}
.token_chwarp .switch_warp .seltcupon .cupon_dtview dd { float:left; line-height:20px; padding-left:10px; width:230px}

.token_chwarp .onlygametok_detview { position:absolute; width:240px; border:1px solid #F00; padding:10px; z-index:2000; background:#FFF; top:110px; left:87px;}
.token_chwarp  .onlygametok_detview table {width:240px; font-size:11px; line-height:20px; text-align:center;}
.token_chwarp  .onlygametok_detview table th { width:120px; border-bottom:1px solid #999;font-size:11px; }
.token_chwarp  .onlygametok_detview table td { font-size:11px;  }


/* 나만의 토큰 충전 레이어*/
.oftenway_warp { width:255px; height:200px; background:#FFF; border:1px solid #000; text-align:left; position:absolute; z-index:2500; left:110px; top:200px;  }
.oftenway_warp .srl { width:170px; height:70px; background:url(//image.ongate.com/www/myon/bg_ofenCate.jpg) no-repeat 10px 5px; padding-left:100px; line-height:35px; font-size:12px}
.oftenway_warp .srl select { width:120px;}
.oftenway_warp .caut { margin-left:15px; font-size:11px; line-height:15px; color:#818181; font-family:dotum}
.oftenway_warp .btn{ text-align:center; width:250px; margin-top:5px} 


/* 아이템베이 등록 휴대폰 인증 받기 */
.cellphcer_warp { width:390px;  border:1px solid #000; background:#FFF; position:relative; padding:10px 0 25px 14px; text-align:left; position:absolute; z-index:2500; left:50px ; top:200px; }
.cellphcer_warp .title { height:40px; overflow:hidden}
.cellphcer_warp .user_input { width:380px; height:70px; background:url(//image.ongate.com/www/popup/tokencharge/bg_ibcellph.jpg) no-repeat 0 5px; padding:0 0 0 110px; line-height:36px; font-size:16px; font-family:Arial }
.cellphcer_warp .user_input img { vertical-align:middle; margin-top:-8px; *margin-top:-4px}
.cellphcer_warp .user_input input { width:217px;}
.cellphcer_warp .compCaution { background:url(//image.ongate.com/www/popup/tokencharge/icon_laycau.jpg) no-repeat 0 50%; padding-left:60px; font-size:11px; font-family:dotum; margin-top:15px; line-height:18px; color:#7e7e7e; position:relative }

.cellphcer_warp .cell_input { position:relative; font-size:13px; font-family:Arial; }
.cellphcer_warp .cell_input .phunm { width:60px;}
.cellphcer_warp .cell_input img { vertical-align:middle; margin-top:-5px;} 
.cellphcer_warp .compCaution2 { font-size:11px; font-family:dotum; margin-top:15px; line-height:18px; color:#7e7e7e }

.cellphcer_warp .btn { position:relative; height:30px; width:370px; margin-top:10px}

#blk_bg { width:100%; height:620px; background:#000; position:absolute; left:0; top:0; z-index:2200;  filter:alpha(opacity=60);-moz-opacity:0.6;opacity:.6}



/* 안내 팝업 */
.cashch_notilayer_warp { width:310px; background:#FFF; position:relative; overflow:hidden}
.cashch_notilayer_warp .print { position:absolute; top:36px; left:235px}


/*꼭 알아두세요 */
.cashch_notilayer_warp { padding-bottom:10px;}
.cashch_notilayer_warp dl { width:100%; position:relative; font-size:11px; font-family:dotum}
.cashch_notilayer_warp dl dt { width:300px; height:24px; text-align:left; padding:10px 0 0 0; letter-spacing:-1px; line-height:20px;}
.cashch_notilayer_warp dl dt .ti { float:left; font-weight:bold; width:292px; color:#353535}
.cashch_notilayer_warp dl dt .close {  font-weight:bold;color:#e0dede;}
.cashch_notilayer_warp dl dt .close a { color:#353535; font-weight:bold;}
.cashch_notilayer_warp dl .chla_info { width:290px;text-align:left; padding:5px 0 0 15px; line-height:18px;}
.cashch_notilayer_warp dl .are_tr {  border:none; overflow:auto; height:200px; padding:8px 8px 0 0; line-height:22px}

.cashch_notilayer_warp dl dd ul { width:290px; letter-spacing:-1px}

.cashch_notilayer_warp .ar_pa { width:350px; overflow:hidden;}


/* 로그인 페이지 레이어 팝업 편환*/
#serch_warp {width:480px; height:340px; background:#FFF; position:relative; display:block; overflow:hidden; margin-bottom:40px; position:relative}
#serch_warp .idpw_srhbox { width:460px; height:250px; background:#FFF; z-index:2000;  padding:10px; position:relative}
#serch_warp .idpw_srhbox .sel_btn  { width:457px; float:left; margin-top:10px;}
#serch_warp .idpw_srhbox .txt { margin-top:5px;}
#serch_warp .idpw_srhbox .closex { position:absolute; top:0; left:445px}
#serch_warp .idpw_srhbox .btn { position:absolute; top:190px; left:10px; width:460px; text-align:center }

#serch_warp .idpw_srhbox .idshresult { width:400px; position:relative; padding-left:20px; line-height:30px}
#serch_warp .idpw_srhbox .idshresult li { display:inline; float:left; width:130px; text-align:center} 
#serch_warp .idpw_srhbox .idshresult li strong { color:#C60;}

#serch_warp .idpw_srhbox .inp_id { width:280px; background:url(//image.ongate.com/www/login/txt_id.jpg) no-repeat 114px 3px; padding-left:160px; text-align:left}
#serch_warp .idpw_srhbox .inp_id input { width:150px; height:22px; border:1px solid #CCC; line-height:20px}
#serch_warp .idpw_srhbox .pwchg_form { width:270px; line-height:31px; text-align:left; background:url(//image.ongate.com/www/login/ti_pwchg.jpg) no-repeat 10px -5px;
                                                                    padding-left:120px; margin-left:60px}
#serch_warp .idpw_srhbox .pwchg_form strong { color:#900;}
#serch_warp .join_box .idpw_srhbox .pwchg_form input { width:180px; height:22px; border:1px solid #999; padding-left:10px}



/*캐쉬충전 팝업 ( 예전것) */
.provision { font:11px; color: #666666 ;overflow-y:scroll; width:394px; height:100; padding:6px; border: 1 solid #CCCCCC; border:1px #CCC solid; float:left; }
.gcashPopup { border:2px #fe9002 solid; background-color:#fecb6a; padding:5px; width:440px; margin:0; height:auto;}
.WhiteBox { background-color:#fff; text-align:left; padding:15px; border:1px solid #feba6a; width:408px;}
.popupTitle {font-size:14px; font-weight:bold; color:#c1410e; border-bottom:1px #e8e8e8 solid; width:410px; height:22px; float:left; margin:0 0 5px 0;}
.cashView { width:auto; height:39px; background-color:#fef1e6; background-image:url(//image.ongate.com/www/mymenu/cashViewBg.jpg);
            background-repeat:repeat-x; border:1px solid #f0eded; float:left; width:408px;}
.cashView p {font-size:12px; font-weight:bold; color:#3b3d3e; padding:14px 0 0 10px; margin:0; }

.WhiteBox table {border:0;border-top:1px solid #d8d8d8;border-spacing:0; clear:both; width:auto; width:407px;}
.WhiteBox table td {border:0;border-bottom:1px solid #ccc}
.WhiteBox table th {border:0;border-bottom:1px solid #ccc; background:#eee;}
 
.chargeCaution {line-height:18px; font-size:11px; color:#c63d13; width:408px;  margin:10px 0 10px 0; float:left;  }
.chargeCaution ul {list-style-position:outside; margin:0 0 0 5px; padding:0; list-style:none; }
.chargeCaution li {background-image:url(//image.ongate.com/www/mymenu/iconBulet.jpg); background-repeat:no-repeat; padding:0 0 0 10px;}
.grayTable_input01 {background-color:#f8f8f8; height:25px;padding-left:10px; width:150px; }

.chargeCautionGreen {line-height:16px; font-size:11px; color:#95a31a; width:408px;  margin:10px 0 10px 0; float:left; }
*:first-child+html .chargeCautionGreen img { margin:-15px 0 0 0; }
.chargeCautionGreen ul {list-style-position:outside; margin:0 0 0 5px; padding:0; list-style:none; }
.chargeCautionGreen li {background-image:url(//image.ongate.com/www/mymenu/iconBuletGreen.jpg); background-repeat:no-repeat; padding:0 0 0 10px;}
.chargeCautionGreen .TokenChargeBtn {float:right;}
.popupNotice {line-height:22px; padding:10px;  float:left;}

.underDiscrpition { width:410px; margin:10px 0 0 0; float:left; font-size:11px; line-height:18px;}
.underDiscrpition img {margin:0 10px 0 0;}
.agreementImg {float:left; width:410px; margin:10px 0 0 0; }
.gcashPopup .btn { text-align:center; margin:10px 0 0 0; clear:both;}


/* 쿠폰 팝업 적용 2015 08 05 */
.cupon_warp { width:467px; height:430px; position:relative; overflow:hidden}
.cupon_warp .cu_ti { height:48px; width:467px; background:#54607a; line-height:70px; *line-height:55px; overflow:hidden; margin-bottom:10px }
.cupon_warp .cubasicinfo { padding:10px 10px 0px 15px; width:447px; height:65px; background:url(//image.ongate.com/www/popup/coupon/dotline.jpg) no-repeat 0 62px; position:relative}
.cupon_warp .cubasicinfo .bainfo01 { background:url(//image.ongate.com/www/popup/coupon/basicti01.jpg) no-repeat 0 0; padding-left:50px; height:20px; line-height:22px}
.cupon_warp .cubasicinfo .bainfo01 span { font-weight:bold;}
.cupon_warp .cubasicinfo .bainfo02 { background:url(//image.ongate.com/www/popup/coupon/basicti02.jpg) no-repeat 0 0; padding-left:80px; height:20px; line-height:22px}
.cupon_warp .cubasicinfo .bainfo02 strong { font-family:Arial; font-size:22px; letter-spacing:-1px; line-height:24px; color:#5e6a82;}
.cupon_warp .cubasicinfo .bainfo02 span { color:#666;}

.cupon_warp .billinfo { padding:10px 10px 15px 15px; width:440px; height:84px; position:relative}
.cupon_warp .billinfo ul { background:url(//image.ongate.com/www/popup/coupon/billinfo_ti.jpg) no-repeat 10px -3px; height:92px; padding-left:65px; width:460px; overflow:hidden;}
.cupon_warp .billinfo ul .info01 { line-height:32px; *line-height:28px; width:460px;}
.cupon_warp .billinfo ul .info01 input { border:none; border-bottom:1px solid #e3e3e3; width:120px; height:18px;float:left; margin-right:10px; }
.cupon_warp .billinfo ul .info01 span { color:#666; float:left; width:225px;}
.cupon_warp .billinfo ul .info01 strong { color:#C00;}

.cupon_warp .billinfo ul .info02 { line-height:32px; *line-height:28px; width:460px;}
.cupon_warp .billinfo ul .info02 img { float:left; margin-right:5px}
.cupon_warp .billinfo ul .info02 input { border:none; border-bottom:1px solid #e3e3e3; width:120px; height:18px;float:left; margin-right:10px; }
.cupon_warp .billinfo ul .info02 span { color:#666; float:left; width:225px;}
.cupon_warp .billinfo ul .info02 strong { color:#C00;}

.cupon_warp .billinfo ul .info03 { line-height:32px; *line-height:28px; width:460px;}
.cupon_warp .billinfo ul .info03 input { border:none; border-bottom:1px solid #e3e3e3; width:120px; height:18px;float:left; margin-right:10px; }
.cupon_warp .billinfo ul .info03 span { color:#666; float:left; width:225px;}
.cupon_warp .billinfo ul .info03 strong { color:#C00;}

.cupon_warp .chk_cash_warp {position:relative}
.cupon_warp .chk_cash_warp .chk_cash { height:90px; background:#fdfcef; border-top:1px solid #f0e5b2; border-bottom:1px solid #f0e5b2; padding:0 0 0 15px}
.cupon_warp .chk_cash_warp .chk_cash .view {line-height:22px; float:left; margin:10px 0 0 5px; width:250px; color:#62691c}
.cupon_warp .chk_cash_warp .chk_cash img { float:left;}
.cupon_warp .chk_cash_warp .chk_cash .cash {line-height:22px; float:left; margin:20px 0 0 5px; width:150px; }
.cupon_warp .chk_cash_warp .chk_cash .cash span { font-family:Arial;  font-size:22px; letter-spacing:-1px; color:#db2a22}

.chk_cash_warp .cauti { width:450px; height:80px; overflow:hidden; position:relative; padding:10px 0 0 15px}
.chk_cash_warp .cauti ul { line-height:22px; float:left; margin-right:20px;}
.chk_cash_warp .cauti ul li { font-size:11px; font-family:dotum;}
.chk_cash_warp .cauti ul li strong { color:#fb7e21}

.cupon_warp  .bkbg { background:#000; width:500px; height:500px; z-index:2000;  filter:alpha(opacity=40);-moz-opacity:0.4;opacity:.4; position:absolute}
.cupon_warp .coupon_selayer { background:#fff; width:410px; height:262px; z-index:2300;  position:absolute; border:1px solid #000; top:100px; left:25px; overflow:hidden}
.cupon_warp .coupon_selayer .ti { height:40px; width:400px; background:#a3a7af; line-height:60px; *line-height:45px; padding-left:10px; margin-bottom:10px}
.cupon_warp .coupon_selayer .cou_sel { padding-left:15px; line-height:20px; height:60px}
.cupon_warp .coupon_selayer .cou_sel select { width:370px; height:25px; font-family:dotum}
.cupon_warp .coupon_selayer .caucul { height:60px; background:#fdfcef; border-top:1px solid #f0e5b2; border-bottom:1px solid #f0e5b2; padding:20px 0 0 17px; position:relative; margin-bottom:10px}
.cupon_warp .coupon_selayer .caucul img { float:left;}
.cupon_warp .coupon_selayer .caucul .price {width:110px; float:left}
.cupon_warp .coupon_selayer .caucul .price li {width:110px; text-align:center}
.cupon_warp .coupon_selayer .caucul .price li span { font-family:Arial; font-size:22px; letter-spacing:-1px }
.cupon_warp .coupon_selayer .caucul .discount {width:120px; float:left}
.cupon_warp .coupon_selayer .caucul .discount li {width:120px; text-align:center}
.cupon_warp .coupon_selayer .caucul .discount li span { font-family:Arial; font-size:24px; letter-spacing:-1px; font-weight:bold; color:#C00 }
.cupon_warp .coupon_selayer .caucul .bill {width:110px; float:left}
.cupon_warp .coupon_selayer .caucul .bill li {width:110px; text-align:center}
.cupon_warp .coupon_selayer .caucul .bill li span { font-family:Arial; font-size:22px; letter-spacing:-1px }
.cupon_warp .coupon_selayer .btn { width:420px; text-align:center}


/* 추가충전 추가 2016 01 27 */
.chg_are .evt_pluschu { position:relative; width:330px; height:90px; float:left; padding-left:10px;}
.chg_are .evt_pluschu ul { text-align:left;}
.chg_are .evt_pluschu ul li { width:270px;}
.chg_are .evt_pluschu ul .ratio { font-size:11px; font-family: 'Nanum Gothic'; width:270px; text-align:center; float:left; line-height:22px;*line-height:13px;}
.chg_are .evt_pluschu ul .ratio strong { color:#F00;  }
.chg_are .evt_pluschu ul .game_v { width:270px; text-align:center; height:25px; *height:30px; overflow:hidden}
.chg_are .evt_pluschu ul .game { font-size:21px; font-family: 'Nanum Gothic'; letter-spacing:-1px; text-align:center;padding-left:5px; font-weight:bold; margin:0 auto;}
.chg_are .evt_pluschu ul .game strong { color:#F00;}
.chg_are .evt_pluschu ul .ti { font-size:11px; font-family: 'Nanum Gothic'; letter-spacing:-1px; text-align:center;line-height:30px; margin-left:5px; height:22px; overflow:hidden;font-weight:bold; clear:both  }

.chg_are .evt_pluschu .btn {position:absolute; top:5px; left:280px; width:58px;} 

/*게임선택 레이어 추가 2016 01 27 */
.token_chwarp .game_ch { width:360px; height:365px; position:absolute; background:#FFF; border:1px solid #CCC; z-index:2300; top:115px; left:5px}
.token_chwarp .game_ch .ti { width:360px; height:45px; float:left}
.token_chwarp .game_ch .game_selet {width:344px; height:270px; overflow-y:scroll; padding-left:10px; position:relative; overflow-x:hidden ;}

.token_chwarp .game_ch .game_selet .rat20 { width:323px; height:auto;}
.token_chwarp .game_ch .game_selet .rat20 .ti { width:74px; bottom:0; background:#4d9cb0; border:1px solid #298198; position:relative; border-radius: 3px 3px 2px 2px; float:left; margin-right:5px; min-height:96px; display:block}
.token_chwarp .game_ch .game_selet .rat20 .ti img { position:absolute; top:30%; left:0}
.token_chwarp .game_ch .game_selet .rat20 .game { width:75px; height:29px; background:#FFF; border:1px solid #CCC;border-radius: 2px 2px 2px 2px; float:left; margin:0 3px 3px 0;  }
.token_chwarp .game_ch .game_selet .rat20 .game a { line-height:30px; font-size:11px; font-family:dotum; color:#a49c87;letter-spacing:-1px}
.token_chwarp .game_ch .game_selet .rat20 .game a:hover { color:#ff9c00}
.token_chwarp .game_ch .game_selet .rat20 .on { background:#353535; border:1px solid #000;}
.token_chwarp .game_ch .game_selet .rat20 .on a { color:#FF3; font-weight:bold; }
.token_chwarp .game_ch .game_selet .rat20 .on a:hover { color:#FF3}

.token_chwarp .game_ch .game_selet .rat15 { width:323px; height:auto;}
.token_chwarp .game_ch .game_selet .rat15 .ti { width:74px; bottom:0; background:#7fb2b7; border:1px solid #669a9f; position:relative; border-radius: 3px 3px 2px 2px; float:left; margin-right:5px; min-height:96px; display:block}
.token_chwarp .game_ch .game_selet .rat15 .ti img { position:absolute; top:30%; left:0}
.token_chwarp .game_ch .game_selet .rat15 .game { width:75px; height:29px; background:#FFF; border:1px solid #CCC;border-radius: 2px 2px 2px 2px; float:left; margin:0 3px 3px 0;  }
.token_chwarp .game_ch .game_selet .rat15 .game a { line-height:30px; font-size:11px; font-family:dotum; color:#a49c87;letter-spacing:-1px}
.token_chwarp .game_ch .game_selet .rat15 .game a:hover { color:#ff9c00}
.token_chwarp .game_ch .game_selet .rat15 .on { background:#353535; border:1px solid #000;}
.token_chwarp .game_ch .game_selet .rat15 .on a { color:#FF3; font-weight:bold; }
.token_chwarp .game_ch .game_selet .rat15 .on a:hover { color:#FF3}



.token_chwarp .game_ch .game_selet .rat10 { width:323px;position:relative; display:inline}
.token_chwarp .game_ch .game_selet .rat10 .ti { width:74px; background:#7fb7ab; border:1px solid #669884; position:relative; border-radius: 3px 3px 2px 2px; float:left; margin-right:5px; min-height:96px;}
.token_chwarp .game_ch .game_selet .rat10 .ti img { position:absolute; top:30%; left:0}
.token_chwarp .game_ch .game_selet .rat10 .game { width:75px; height:29px; background:#FFF; border:1px solid #CCC;border-radius: 2px 2px 2px 2px; float:left; margin:0 3px 3px 0;  }
.token_chwarp .game_ch .game_selet .rat10 .game a { line-height:30px; font-size:11px; font-family:dotum; color:#a49c87;letter-spacing:-1px}
.token_chwarp .game_ch .game_selet .rat10 .game a:hover { color:#ff9c00}
.token_chwarp .game_ch .game_selet .rat10 .on { background:#353535; border:1px solid #000;}
.token_chwarp .game_ch .game_selet .rat10 .on a { color:#FF3; font-weight:bold; }
.token_chwarp .game_ch .game_selet .rat10 .on a:hover { color:#FF3; }

.token_chwarp .game_ch .btn { height:40px; width:360px; text-align:center; overflow:hidden;  }


/* 아이템베이 정보입력 레이어에 추가 2016 01 27 */
.ibinfoin_warp { width:390px;  border:1px solid #000; background:#FFF; position:relative; padding:10px 0 25px 14px; text-align:left; position:absolute; z-index:2500; left:50px ; top:200px; }
.ibinfoin_warp .title { height:40px; overflow:hidden}
.ibinfoin_warp .info { height:50px; width:370px; border:1px solid #eede79; background:#fff9c4; position:relative; margin-bottom:10px; *margin-bottom:0; overflow:hidden}
.ibinfoin_warp .info p { float:left; font-family: 'Nanum Gothic'; line-height:50px; margin-left:14px; font-weight:bold }
.ibinfoin_warp .info p label { float:left; margin:-1px 3px 0 0; font-size:13px}
.ibinfoin_warp .info p input { float:left; margin-top:14px; padding-left:5px; width:130px;}

.ibinfoin_warp .btn { position:relative; height:30px; width:370px; margin-top:10px}
.ibinfoin_warp .compCaution { background:url(//image.ongate.com/www/popup/tokencharge/icon_laycau.jpg) no-repeat 0 -3px; padding-left:60px; font-size:11px; font-family:dotum; margin-top:15px; line-height:18px; color:#7e7e7e; position:relative; height:70px;  }

/* 아이템베이 마일리지 잔액확인 레이어 추가 2016 01 27 */
.ibmileagely_warp { width:390px;  border:1px solid #000; background:#FFF; position:relative; padding:10px 0 25px 14px; text-align:left; position:absolute; z-index:2500; left:50px ; top:200px; }
.ibmileagely_warp .title { height:40px; overflow:hidden}
.ibmileagely_warp .sub_ti img  { float:left; margin-bottom:7px}
.ibmileagely_warp .sub_ti p{ float:left; line-height:28px; font-family: 'Nanum Gothic'; font-size:12px;  color:#333 }
.ibmileagely_warp .info { height:50px; width:370px; border:1px solid #eede79; background:#fff9c4; position:relative; float:left; margin-bottom:15px; *margin-bottom:0; overflow:hidden}
.ibmileagely_warp .info p { float:left; font-family: 'Nanum Gothic'; line-height:50px; margin-left:14px; font-weight:bold }
.ibmileagely_warp .info p strong {color:#F00;}
.ibmileagely_warp .btn { position:relative; height:30px; width:370px; margin-top:10px}
.ibmileagely_warp .compCaution { background:url(//image.ongate.com/www/popup/tokencharge/icon_laycau.jpg) no-repeat 0 -3px; padding-left:60px; font-size:11px; font-family:dotum; margin-top:15px; line-height:18px; color:#7e7e7e; position:relative; height:70px; clear:both }
.ibmileagely_warp .compCaution strong { color:#589928}
.ibmileagely_warp .compCaution span { color:#F00; font-weight:bold}

/* 20241223 추가 시작 */
div.sel_way {background-color:#f4f4f4;}
div.sel_way ul li { height:unset !important;}
div.sel_way ul li span.bonus { position:absolute; left:320px; width:55px; height: 22px; background:url('//image.ongate.com/www/Common/bl_charge_bonus.gif') no-repeat 0 0;}
div.sel_way ul li a { width: 159px; height: 41px; display: block; text-align: center; line-height: 42px; font-weight: bold; border-bottom: dashed 1px #b4b4b4; color:#252525;}
div.sel_way ul li a.on { color:#fff; padding-left:7px; background:#026BE5 url('//image.ongate.com/www/Common/bl_charge_arrow_left.gif') no-repeat 3px 12px;}

div.charge_title { width: 272px; height: 49px; color: #05cefc; line-height: 49px; font-weight: bold; font-size: 19px; font-family: 'Nanum Gothic'; padding-left:4px;}
/* 20241223 추가 끝 */

.token_chwarp .chg_are .chg_mileageRewardEmpty { width:335px; height:15px; background:url(//image.ongate.com/www/popup/tokencharge/dotline.jpg) no-repeat 0px 0px;}
.token_chwarp .chg_are .chg_mileageReward { width:335px; height:179px; padding-left:12px; position:relative; overflow:scroll; overflow-x:hidden;}
.token_chwarp .chg_are .chg_mileageReward .info {position: absolute; width:320px; }
.token_chwarp .chg_are .chg_mileageReward .infoSub {position:absolute; width:320px; top: 10px; font-weight:bold; font-size:13px; text-align: left;}
.token_chwarp .chg_are .chg_mileageReward .infoCon {position:absolute; width:320px; top: 35px; font-size:11px; text-align: left;}
.token_chwarp .chg_are .chg_mileageReward .infoCon a {width: 160px; height: 20px; line-height: 42px; font-weight: bold; border-bottom: dashed 1px #b4b4b4; color:#252525;}
.token_chwarp .chg_are .chg_mileageReward .infoCon a.on {color:#fff; padding-left:7px; background:#026BE5 url('//image.ongate.com/www/Common/bl_charge_arrow_left.gif') no-repeat 10px 12px;}
.token_chwarp .chg_are .chg_mileageReward .infoCon ol li { color: #666; font-size: 11px; background: url(//image.ongate.com/www/popup/tokencharge/bull_02.gif) no-repeat left 5px; padding-left: 8px }