﻿@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*@font-face {font-family:nanumG; src:url('//image.ongate.com/www/font/NanumGothic.eot'); src:url('//image.ongate.com/www/font/NanumGothic.eot?#iefix') format('embedded-opentype'), url('//image.ongate.com/www/font/NanumGothic.woff') format('woff'), url('//image.ongate.com/www/font/NanumGothic.ttf') format('truetype'); src:local(※), url('//image.ongate.com/www//font/NanumGothic.woff') format('woff');}*/

/* 컨텐츠 영역 CSS */


/* 전체 게임보기 */
.container .over_gameimg { position:absolute; left:-100px; z-index:2200; bottom:-4px; left:0 }
.cont_warp .game_selB { float:left; height:240px; width:800px; margin:0 }
.cont_warp .game_selB dt { display:none;}
.cont_warp .game_selB dd { display:inline;}
.cont_warp .game_selB .cont01, .cont_warp .game_selB .cont02 { margin-right:18px;}

.cont_warp .game_selS { clear:both; height:164px; }
.cont_warp .game_selS dt { display:none;}
.cont_warp .game_selS dd { display:inline;}
.cont_warp .game_selS .cont01, .cont_warp .game_selS .cont02, .cont_warp .game_selS .cont03 { margin-right:10px; z-index:2500}

.cont_warp .game_tlist { border:1px solid #fff; width:765px; height:160px; background:#FFF; float:left; overflow:auto; padding:20px 10px 10px 20px ; /*box-shadow: inset 3px 3px 6px #a6a6a6;*/ position:relative  }
.cont_warp .game_tlist .list { float:left; line-height:26px; width:132px; text-align:left; border-right: 1px solid #93c1b6; margin-right:15px; position:relative }
.cont_warp .game_tlist .list a { text-decoration:none; color:#333} 
.cont_warp .game_tlist .list a:hover { color:#F00;}

.cont_warp .game_tlist .list_en { float:left; line-height:26px; width:130px; text-align:left;}
.cont_warp .game_tlist .list_en a {color:#333}
.cont_warp .game_tlist .list_en a:hover { color:#F00;}

.cont_warp .game_tlist strong { color:#906;}


/* 싱글 로그인페이지 
.container_full .full_contwarp .log_tit { margin-top:150px; position:relative; width:1000px; display:inline-block }

.container_full .full_contwarp .join_box { width:640px; height:380px; border:1px solid #CCC; background:#FFF; margin:0 auto; position:relative; clear:both}
.container_full .full_contwarp .join_box .joinban_box { float:left;}
.container_full .full_contwarp .join_box .join_inpBox { float:right; width:240px; height:300px; padding:55px 40px 40px 40px;}
.container_full .full_contwarp .join_box .join_inpBox .ip_id { width:225px; height:30px; border:1px solid #666; line-height:30px; padding-left:10px; margin-bottom:5px;}
.container_full .full_contwarp .join_box .join_inpBox .ip_psw { width:225px; height:30px; border:1px solid #666; line-height:30px; padding-left:10px}
.container_full .full_contwarp .join_box .join_inpBox .id { background:url(//image.ongate.com/www/login/txt_id.jpg) no-repeat 5px 5px;}
.container_full .full_contwarp .join_box .join_inpBox .pw { background:url(//image.ongate.com/www/login/txt_psw.jpg) no-repeat 5px 5px;}
.container_full .full_contwarp .join_box .join_inpBox .ckt { width:150px; text-align:left; background:url(//image.ongate.com/www/login/bg_chk.jpg) no-repeat; margin-top:12px; height:24px; float:left }
.container_full .full_contwarp .join_box .join_inpBox .ckt li { display:inline; text-align:left;  *margin-top:-1px; }
.container_full .full_contwarp .join_box .join_inpBox .ckt input { width:22px; *width:30px; height:21px; *height:28px; }
.container_full .full_contwarp .join_box .join_inpBox .ckt .ck01 { width:130px; float:left;}
.container_full .full_contwarp .join_box .join_inpBox .srh_bt { height:40px; line-height:60px }
.container_full .full_contwarp .join_box .join_inpBox .ck01 { margin-right:5px;}*/

.container_full .full_contwarp .join_box .idpw_srhbox { position:absolute; top:260px; left:270px; width:460px; height:360px; background:#FFF; z-index:2000; border:2px solid #716f72; padding:10px}
.container_full .full_contwarp .join_box .idpw_srhbox .txt { margin-top:5px;}
.container_full .full_contwarp .join_box .idpw_srhbox .closex { position:absolute; top:10px; left:445px}
.container_full .full_contwarp .join_box .idpw_srhbox .btn { position:absolute; top:190px; left:10px; width:460px; text-align:center }
.container_full .full_contwarp .join_box .idpw_srhbox .pwbtn { float:right; top:40px; position: relative; right:20px}
.container_full .full_contwarp .join_box .idpw_srhbox .selt { position: relative; top: 30px}
.container_full .full_contwarp .join_box .idpw_srhbox .idshresult { width:400px; position:relative; padding-left:20px; line-height:30px}
.container_full .full_contwarp .join_box .idpw_srhbox .idshresult li { display:inline; float:left; width:130px; text-align:center} 
.container_full .full_contwarp .join_box .idpw_srhbox .idshresult li strong { color:#C60;}

.container_full .full_contwarp .join_box .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}
.container_full .full_contwarp .join_box .idpw_srhbox .inp_id input { width:150px; height:22px; border:1px solid #CCC; line-height:20px}
.container_full .full_contwarp .join_box .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}
.container_full .full_contwarp .join_box .idpw_srhbox .pwchg_form strong { color:#900;}
.container_full .full_contwarp .join_box .idpw_srhbox .pwchg_form input { width:180px; height:22px; border:1px solid #999; padding-left:10px} 


/* 싱글로그인 페이지 개선 20170314 */
.singlelog_container { width:100%; height:765px; position:relative; background:url(//image.ongate.com/www/login/new/bg.jpg) repeat-x top ;position:relative;min-width:1000px; margin:0} 
.singlelog_container .singlelog_contwarp { margin:0 auto; width:687px; position:relative; }
.singlelog_container .singlelog_contwarp .top_txt { padding-top:80px;}

.singlelog_container .singlelog_contwarp .log_box { position:relative; width:687px; height:311px;}
.singlelog_container .singlelog_contwarp .log_box .box_l { width:336px; height:311px; float:left; margin-right:10px;}
.singlelog_container .singlelog_contwarp .log_box .box_l .id { height:51px;}
.singlelog_container .singlelog_contwarp .log_box .box_l #logid { width:323px; height:38px; border:1px solid #cacaca; padding-left:10px; font-size:16px;}
.singlelog_container .singlelog_contwarp .log_box .box_l .pw { height:51px;}
.singlelog_container .singlelog_contwarp .log_box .box_l #logpw { width:323px; height:38px; border:1px solid #cacaca; padding-left:10px; font-size:16px}
.singlelog_container .singlelog_contwarp .log_box .box_l ul { margin-top:15px; position:relative; }
.singlelog_container .singlelog_contwarp .log_box .box_l ul a {color:#736f64;}
.singlelog_container .singlelog_contwarp .log_box .box_l ul li { display:inline; float:left; line-height:18px; color:#736f64; position:relative; text-align:left}
.singlelog_container .singlelog_contwarp .log_box .box_l ul .chk2 { line-height:18px; width:96px; position:relative;}
.singlelog_container .singlelog_contwarp .log_box .box_l ul .chk2 input { width:18px; height:18px; border:1px solid #ccc; cursor:pointer; position:absolute; top:-5px; left:-4px; }
.singlelog_container .singlelog_contwarp .log_box .box_l ul .chk2 label { float:left; margin-left:24px; display:block; cursor:pointer; }
.singlelog_container .singlelog_contwarp .log_box .box_l ul .sel { margin-left:9px;}
.singlelog_container .singlelog_contwarp .log_box .box_l .logline { height:118px; }
.singlelog_container .singlelog_contwarp .log_box .box_l .logline img {display: none}

.singlelog_container .singlelog_contwarp .log_box .box_ban { width:336px; height:311px; float:right; z-index:100;}
.singlelog_container .singlelog_contwarp .log_box .ban_sl{ position:absolute; width:336px; top:285px; left:350px; z-index:500; }

.singlelog_container .singlelog_contwarp .btm_ban { border:1px solid #ccc; height:100px}

/*리캡챠 추가*/
.singlelog_container .singlelog_contwarp .rech { width: 307px; height: 76px; position: relative; display: block; top: 12px; left: 12px}
.cus_whbox .rech {width: 307px; height: 76px; background:url(//image.ongate.com/www/login/new/rech.png) no-repeat;position: relative; display: block; top: 20px; left: -26px }
.idpw_srhbox .rech {width: 307px; height: 76px; background:url(//image.ongate.com/www/login/new/rech.png) no-repeat;position: relative; display: block; top: 10px; left: 80px }


/*이벤트*/
.cont_warp .list_warp { text-align:left; width:900px; height:700px; overflow:hidden; text-align:left}
.cont_warp .list_warp dl { float:left; margin-right:40px; height:230px;}
.cont_warp .list_warp dt { height:183px;}
.cont_warp .list_warp .ing_evt { padding-left:60px; background:url(//image.ongate.com/www/event/icon_ingevent.jpg) 0 0 no-repeat; height:80px; line-height:30px; font-size:16px;}
.cont_warp .list_warp .aling_evt { padding-left:60px; background:url(//image.ongate.com/www/event/icon_allingevent.jpg) 0 0 no-repeat; height:80px; line-height:30px; font-size:16px;}
.cont_warp .list_warp .ed_evt { padding-left:60px; background:url(//image.ongate.com/www/event/icon_edevent.jpg) 0 0 no-repeat; height:80px; line-height:30px; font-size:16px;}
.cont_warp .list_warp .end_ev img { filter:alpha(opacity=50);-moz-opacity:0.5;opacity:.5;filter:}

.cont_warp .myonMenu {text-align:left; margin-right:5px; width:400px; float:left}
/*.cont_warp .myonMenu {text-align:left; margin-right:5px; margin-top:135px; margin-left:85px; width:310px; float:left}*/


.poiunt_evtwarp { margin-top:-50px; }




/*마이 온 메인*/
/*.cont_warp ul li { position:relative; display:inline-block; float:left; margin-left:-70px}*/
.cont_warp ul li { position:relative; display:inline-block; float:left;}
.cont_warp ul .myon01 .myonid { position:absolute; top:48%; left:60px; width:300px; text-align:center; color:#FFC; font-weight:bold; font-family:Arial; font-size:30px; letter-spacing:-1px}
.cont_warp ul .myon04 .myoncash { position:absolute; top:131px; left:50px; width:300px; text-align:right; line-height:40px; letter-spacing:-2px}

/*.cont_warp .myon_submenu { float:left; height:40px; width:100%; z-index:500; position:relative} */
.cont_warp .myon_submenu { height:40px; top:70px; left:0; width:70%; z-index:2500; float:left;} 
.cont_warp .myon_submenu li { display:inline; float:left; line-height:45px;}


/*마이온 (게임이용동의)*/
.cont_warp .game_count { width:757px; height:110px; *height:70px; background:url(//image.ongate.com/www/myon/mygame_bg.jpg) no-repeat 0 60px; *background:url(//image.ongate.com/www/myon/mygame_bg.jpg) no-repeat 0 20px; z-index:100;}
.cont_warp .game_count ul { float:left; width:760px; height:70px}
.cont_warp .game_count ul .count { float:left; top:22px; left:100px; font-size:25px; font-family:daum; width:50px; text-align:right; position:relative}
.cont_warp .game_count ul .btn { float:right; margin-top:13px}

.cont_warp .mygame_tab { border-bottom:1px solid #00F; height:38px; width:750px}
.cont_warp .mygame_tab li { float:left;}

.cont_warp .mygame_list { width:750px; background:#Fff; margin-top:5px; border-top:2px solid #424447;  border-bottom:2px solid #424447; text-align:center; }
.cont_warp .mygame_list th { background:#199bd4; line-height:40px; font-weight:bold; color:#fff; }
.cont_warp .mygame_list .th01 { width:200px;}
.cont_warp .mygame_list .th02 { width:540px;}
.cont_warp .mygame_list .th03 { width:200px;}
.cont_warp .mygame_list .tr01, .cont_warp .mygame_list .tr02 { color:#666;}
.cont_warp .mygame_list .tr03 { color:#999; font-size:11px;}
.cont_warp .mygame_list td { border-bottom:1px solid #CCC; line-height:36px;}


/* 마이온 (내정보 관리) */
.cont_warp .myinfo_warp { width:650px; height:617px; *height:590px; background:#fff;  border-top:2px solid #424447;  border-bottom:2px solid #424447; float:left;
                          padding: 20px 50px 20px 50px; margin-top:30px; position:relative}

.cont_warp .myinfo_warp .myinfo_table { width:650px;text-align:left; z-index:500; position:relative; line-height:32px}
.cont_warp .myinfo_warp .myinfo_table th { width:100px; text-align:left; padding:10px 0 0 30px;border-bottom:1px solid #ddd;}
.cont_warp .myinfo_warp .myinfo_table td { padding:10px 0 10px 20px;border-bottom:1px solid #ddd;} 
.cont_warp .myinfo_warp .myinfo_table .cof_icon { position:absolute; top:61px; left:06px; position:relative}

.cont_warp .myinfo_warp .myinfo_table .cell_info { width:400px; }  
.cont_warp .myinfo_warp .myinfo_table .cell_info .btn_cellcri { vertical-align:middle; *margin-top:-12px}
.cont_warp .myinfo_warp .myinfo_table .cell_info .cellphone_unm {width:150px; border:1px solid #666; height:20px; padding-left:10px; line-height:18px; font-size:12px; letter-spacing:1px}
.cont_warp .myinfo_warp .myinfo_table  select { width:100px; height:24px; }
.cont_warp .myinfo_warp .myinfo_table .evt_chk { vertical-align:middle; margin-top:-2px; width:18px; height:18px; *width:25px; *height:25px; }

.cont_warp .myinfo_warp .myinfo_table .email_inp { width:110px; height:18px;}

.cont_warp .myinfo_warp .myinfo_table .bill_sel { width:380px; position:relative;}
.bill_sel .inp_radio { margin-top:1px; vertical-align:middle;}
.cont_warp .myinfo_warp .myinfo_table .bill_sel dd { width:140px; display:inline; float:left; text-align:left; height:30px; position:relative;}
.cont_warp .myinfo_warp .myinfo_table .bill_sel .bill_layerpop { height:270px; width:400px; border:1px solid #900; background:#FFF; position:absolute; z-index:2500; padding:20px; 
                                                       top:-220px; left:0px; line-height:26px; font-size:11px; }
.cont_warp .myinfo_warp .myinfo_table .bill_sel .bill_layerpop .closex { position:absolute; left:400px;}

.cont_warp .myinfo_warp .myinfo_table .bill_sel .bill_layerpop h2 { color:#900; margin-bottom:10px; letter-spacing:-1px }
.cont_warp .myinfo_warp .myinfo_table .numinp { font-size:12px; font-family:Arial ; clear:both}
.cont_warp .myinfo_warp .myinfo_table .numinp select { width:100px; height:24px;}
.cont_warp .myinfo_warp .myinfo_table .numinp input { width:100px; height:17px; line-height:18px; padding-left:5px}

.cont_warp .myinfo_warp .myinfo_table .licensee { float:left; margin-top:13px;}

.cont_warp .con_btn { width:800px; text-align:center; line-height:120px;*line-height:60px; float:left; margin-top:10px; }

/* 마이온 (내정보 관리), 인증추가 20150902 */
/* .cont_warp .myinfocon_warp { width:650px; height:150px; *height:142px; background:#fff;  border-top:2px solid #424447;  border-bottom:2px solid #424447; float:left; margin-top:10px;
                          padding: 20px 50px 20px 50px; margin-top:70px} */

.cont_warp .myinfocon_warp { width:650px; height:150px; *height:142px; background:#fff;  border-top:2px solid #424447;  border-bottom:2px solid #424447; float:left; padding: 40px 50px 20px 100px; margin-top:60px}

.cont_warp .myinfocon_warp .myinfo_table { width:650px;text-align:left; z-index:500; position:relative; line-height:32px}
.cont_warp .myinfocon_warp .myinfo_table th { width:100px; text-align:left; padding:10px 0 0 30px;border-bottom:1px solid #ddd;}
.cont_warp .myinfocon_warp .myinfo_table td { padding:10px 0 10px 20px;border-bottom:1px solid #ddd;} 
.cont_warp .myinfocon_warp .myinfo_table .cof_icon { position:absolute; top:175px; left:35px }
.cont_warp .myinfo_warp .myinfo_table .cell_info { width:400px; }

/* 마이온 (내정보 관리), 휴면기간 설정 추가 2015 11 03 */
.cont_warp .myinfo_warp .myinfo_table .none {border:none;}
.cont_warp .myinfo_warp .myinfo_table .org_noti { color:#F30; font-size:11px; font-family:dotum; margin-top:-3px;}
.cont_warp .myinfo_warp .myinfo_table .sel_exday {line-height:14px; margin-top:5px;}
.cont_warp .myinfo_warp .myinfo_table .sel_exday input { position:relative; display:inline-block ; }
.cont_warp .myinfo_warp .myinfo_table .sel_exday label { position:relative; display:inline-block ; margin:0 0 0 -3px;}
.cont_warp .myinfo_warp .myinfo_table .qstbt { position:absolute; left:100px; top:584px}
.cont_warp .myinfo_warp .myinfo_table .qustBox { position:absolute; width:360px; height:44px; background:#fcfde4; border:#d6d7c9 1px solid; left:140px; /*top:536px;*/top:470px; z-index:2500;
                                                  font-weight:normal; font-size:11px; padding:12px; line-height:16px; font-family:dotum}

/* 마이온 (회원탈퇴) */
.cont_warp  .outmem_warp {width:800px; height:415px; background:#fff;  border-top:2px solid #424447;  border-bottom:2px solid #424447; float:left; 
                          padding: 20px 30px 20px 30px; margin-top:20px; } 

.cont_warp .ti_outmem {width:1020px; overflow:hidden;}
.cont_warp .ti_outmem .ti { width:730px; float:left}
.cont_warp .ti_outmem li {display:inline}

.cont_warp .outmem_warp .outmem_table { width:780px;text-align:left; line-height:40px; z-index:500; position:relative; }
.cont_warp .outmem_warp .outmem_table th { width:100px; text-align:left; padding:10px 0 0 30px;border-bottom:1px solid #ddd; position:relative}
.cont_warp .outmem_warp .outmem_table td { padding:10px 0 10px 20px;border-bottom:1px solid #ddd;} 
.cont_warp .outmem_warp .outmem_table td .own_tok { color:#900; font-size:11px; margin-left:10px}
.cont_warp .outmem_warp .outmem_table td .idntiok { color:#25478e;}
.cont_warp .outmem_warp .outmem_table .other_id li { display:inline;}
.cont_warp .outmem_warp .outmem_table .other_id .ch { margin-top:10px; margin-right:5px; *margin-top:7px; float:left; width:18px; height:18px; *width:24px; *height:24px; }

.cont_warp .outcon_btn { position:absolute; width:800px; text-align:center; line-height:140px; float:left; margin-top:30px; *margin-top:0px; display:block; top:590px}
.cont_warp .retun_mem { position:absolute; width:270px; height:80px; background:#FFF; border:1px solid #06C; top:120px; left:35px; z-index:2000; font-weight:normal; line-height:20px; font-size:11px; font-family:dotum; padding:8px}
.cont_warp .retun_mem dl dt { width:265px; height:20px;}
.cont_warp .retun_mem strong { float:left;}
.cont_warp .retun_mem .close { float:right; *margin-top:-23px; font-weight:bold; font-size:14px}
.cont_warp .retun_mem .close a { color:#000}
.cont_warp .retun_mem .noti { float:right; color:#777; letter-spacing:-1px}


/* 마이온 (비밀번호변경) */
.cont_warp .paschange_warp { width:800px; background:#fff; border-top:2px solid #424447; border-bottom:2px solid #424447; float:left; margin-top:60px;padding: 20px 20px 20px 20px}
.cont_warp .paschange_warp .paschange_table { width:780px; text-align:left; line-height:40px; z-index:500; position:relative}
.cont_warp .paschange_warp .paschange_table th { width:100px; height:70px; text-align:left; padding:0px 0 0 30px;border-bottom:1px solid #ddd;}
.cont_warp .paschange_warp .paschange_table img { vertical-align:middle;}
.cont_warp .paschange_warp .paschange_table td { padding:10px 0 10px 20px;border-bottom:1px solid #ddd;} 
.cont_warp .paschange_warp .paschange_table .pass_inp { height:18px; line-height:20px; letter-spacing:1px; width:240px }
.cont_warp .paschange_warp .paschange_table span { font-size:13px; font-family:dotum; vertical-align:text-bottom; margin-left:5px; color:#999; font-weight:bold; letter-spacing:-1px; }
.cont_warp .paschange_warp .paschange_table .red { font-size:13px; font-family:dotum; vertical-align:text-bottom; margin-left:5px; color:#F00; letter-spacing:-1px; font-weight:normal }
.cont_warp .paschange_warp .paschange_table .gren { font-size:13px; font-family:dotum; vertical-align:text-bottom; margin-left:5px; color:#099;  letter-spacing:-1px; font-weight:normal }

/*마이온 ( 토큰이용내역 ) */
.cont_warp .token_warp {width:600px;}
.cont_warp .token_warp .my_tokinfo { width:800px;height:130px;}
.cont_warp .token_warp .my_tokview_table { width:630px; background:#fff; float:left; margin-top:20px; position:relative; height:50px }
.cont_warp .token_warp .my_tokview_table td { }
.cont_warp .token_warp .my_tokview_table .bl01 { width:120px;}
.cont_warp .token_warp .my_tokview_table .bl02 { width:160px; font-size:12px; font-family:dotum}
.cont_warp .token_warp .my_tokview_table .bl02 span { width:160px; font-family:Arial; color:#25478e; font-size:18px}
.cont_warp .token_warp .my_tokview_table .bl03 { width:130px;}
.cont_warp .token_warp .my_tokview_table .bl04 { padding-left:5px; text-align:left; height:20px; overflow:hidden}
.cont_warp .token_warp .my_tokview_table .bl04 span { font-family:Arial; color:#303030; font-size:13px}
.cont_warp .token_warp .my_tokview_table .bl04 .btn_detview { position:absolute; top:17px; left:555px}

.cont_warp .token_warp .onlygametok_detview { position:absolute; width:240px; border:1px solid #F00; padding:10px; z-index:2000; background:#FFF; top:36px; left:370px; z-index:2500}
.cont_warp .token_warp .onlygametok_detview table {width:240px; font-size:11px; line-height:20px; text-align:center;}
.cont_warp .token_warp .onlygametok_detview table th { width:120px; border-bottom:1px solid #999;font-size:11px; }
.cont_warp .token_warp .onlygametok_detview table td { font-size:11px;  }
.cont_warp .token_warp .my_tokview_table .tok { float:left; }
.cont_warp .token_warp .my_tokview_table .btn_detview { position:absolute; left:574px; top:34px ;*top:32px}
.cont_warp .token_warp .my_tokview_table td { border:1px solid #999; padding:2px; text-align:center}
.cont_warp .token_warp .my_tokinfo .fill_btn { float:right; margin-top:20px}
.cont_warp .token_warp .token_tab { width:800px; height:38px; border-bottom:1px solid #03C; position:relative; margin-bottom:10px}
.cont_warp .token_warp .token_tab ul { width:500px; }
.cont_warp .token_warp .token_tab ul li { display:inline; float:left}
.cont_warp .token_warp .token_tab .qick_s {position:absolute; width:300px; text-align:right; left:500px; top:10px; height:30px; font-weight:bold}
.cont_warp .token_warp .token_tab .qick_s img {vertical-align:text-bottom; }

.cont_warp .token_warp .sel_are { width:800px; position:relative; margin-bottom:10px; float:left; z-index:500; height:20px}
.cont_warp .token_warp .sel_are .year { width:80px}
.cont_warp .token_warp .sel_are .day { width:50px}
.cont_warp .token_warp .sel_are .view_caSel { float:left; width:100px}
.cont_warp .token_warp .sel_are .set_day { position:absolute; top:0; left:325px; width:475px}
.cont_warp .token_warp .sel_are .set_day .btn { float:right; *margin-top:-20px}
.cont_warp .token_warp .sel_are .set_cu { position:absolute; top:0; left:660px; width:140px}
.cont_warp .token_warp .sel_are .set_cu select { width:100px; height:20px;}
.cont_warp .token_warp .sel_are .set_cu .btn { float:right; *margin-top:-20px}


.cont_warp .token_warp .tok_table { width:800px;  background:#fff;  border-top:2px solid #424447;  border-bottom:2px solid #424447; float:left; text-align:center; }
.cont_warp .token_warp .tok_table th { background:#199bd4; height:43px; border-bottom:1px solid #188ec5; font-weight:normal; color:#FFF;}
.cont_warp .token_warp .tok_table .th01 {width:100px;}
.cont_warp .token_warp .tok_table .th02 {width:250px;}
.cont_warp .token_warp .tok_table .th03 {width:150px;}
.cont_warp .token_warp .tok_table .th04 {width:100px;}
.cont_warp .token_warp .tok_table .th05 {width:200px;}
.cont_warp .token_warp .tok_table td { text-align:center; line-height:40px; color:#383737; border-bottom:1px solid #CCC}


.cont_warp .token_warp .cou_table { width:800px;  background:#fff;  border-top:2px solid #424447;  border-bottom:2px solid #424447; float:left; text-align:center}
.cont_warp .token_warp .cou_table th { background:#199bd4; height:43px; border-bottom:1px solid #188ec5; font-weight:normal; color:#FFF;}
.cont_warp .token_warp .cou_table .th01 {width:150px;}
.cont_warp .token_warp .cou_table .th02 {width:350px;}
.cont_warp .token_warp .cou_table .th03 {width:100px;}
.cont_warp .token_warp .cou_table .th04 {width:200px;}
.cont_warp .token_warp .cou_table td { text-align:center; line-height:26px; color:#383737; border-bottom:1px solid #CCC}
.cont_warp .token_warp .cou_table td .use { font-weight:bold; color:#C03;}


/*마이온 (메시지함)*/
.cont_warp .message_table {width:800px;  background:#fff;  border-top:2px solid #424447;  border-bottom:2px solid #424447; float:left; margin-top:20px; z-index:100; position:relative; }
.cont_warp .message_table th { background:#199bd4; height:43px; border-bottom:1px solid #188ec5; font-weight:normal; color:#FFF; text-align:center; font-size:13px; font-family:dotum; font-weight:bold}
.cont_warp .message_table input { vertical-align:middle;  height:14px; width:14px;}
.cont_warp .message_table .th01 { width:85px;}
.cont_warp .message_table .th02 { width:95px;}
.cont_warp .message_table .th03 { width:480px;}
.cont_warp .message_table .th04 { width:140px;}
.cont_warp .message_table td { text-align:center; line-height:40px; letter-spacing:-1px; color:#383737}
.cont_warp .message_table td a { color:#333; z-index:2000}
.cont_warp .message_table .time { color:#999; letter-spacing:0; font-family:Arial;}

.cont_warp /*.ff_btn*/ .del_btn { position:absolute; top:675px; left:0; z-index:2500}

.cont_warp .message_table .no_message { height:400px; font-weight:bold; font-size:24px;}



/* 회원가입 20150908 수정됨 */
.container_full .full_contwarp .term_warp { width:700px; margin:0 auto; position:relative}
.container_full .full_contwarp .join_tit { margin-top:90px; position:relative; width:1000px; display:inline-block; position:relative }


.container_full .full_contwarp .term_warp .term_ti { width:700px; height:60px; background:#747474; border:1px solid #a2a2a2; position:relative; text-align:left; line-height:100px;*line-height:65px;  position:relative } 
.container_full .full_contwarp .term_warp .term_ti .chk { position:absolute; top:-7px; *top:0px; left:648px;}
.container_full .full_contwarp .term_warp .term_ti .chk input { width:30px; height:30px; *width:37px; *height:37px;}
.container_full .full_contwarp .term_warp .term01 { width:700px; height:50px; background:#c2c2c2; border:1px solid #a2a2a2; position:relative; text-align:left; line-height:80px;*line-height:55px; }
.container_full .full_contwarp .term_warp .term01 .chk { position:absolute; top:5px; left:466px; width:218px;}
.container_full .full_contwarp .term_warp .term01 .chk input { width:30px; height:30px; *width:37px; *height:37px; float:right;margin-top:4px; *margin-top:3px;}
.container_full .full_contwarp .term_warp .term01 .chk img { float:left; margin-top:2px;}

.container_full .full_contwarp .term_warp .term02 { width:700px; height:50px; background:#c2c2c2; border:1px solid #a2a2a2; position:relative; text-align:left; line-height:80px;*line-height:55px; }
.container_full .full_contwarp .term_warp .term02 .chk { position:absolute; top:5px; left:466px; width:218px;}
.container_full .full_contwarp .term_warp .term02 .chk input { width:30px; height:30px; *width:37px; *height:37px; float:right;margin-top:4px; *margin-top:3px;}
.container_full .full_contwarp .term_warp .term02 .chk img { float:left; margin-top:2px;}

.container_full .full_contwarp .term_warp .term03 { width:700px; height:50px; background:#c2c2c2; border:1px solid #a2a2a2; position:relative; text-align:left; line-height:80px;*line-height:55px; }
.container_full .full_contwarp .term_warp .term03 .chk { position:absolute; top:5px; left:466px; width:218px;}
.container_full .full_contwarp .term_warp .term03 .chk input { width:30px; height:30px; *width:37px; *height:37px; float:right;margin-top:4px; *margin-top:3px;}
.container_full .full_contwarp .term_warp .term03 .chk img { float:left; margin-top:2px;}
.container_full .full_contwarp .term_warp .noti_t { color:#900; height:30px; line-height:40px; text-align:left }


/*.container_full .full_contwarp .term_warp .term02 { width:700px; height:70px; background:#c2c2c2; border:1px solid #a2a2a2; position:relative; clear:both; text-align:left; line-height:105px;*line-height:80px; }
.container_full .full_contwarp .term_warp .term02 .chk { position:absolute; top:5px; left:524px; width:160px;}
.container_full .full_contwarp .term_warp .term02 .chk input { width:30px; height:30px; *width:37px; *height:37px; float:right; margin-top:18px; *margin-top:14px;}
.container_full .full_contwarp .term_warp .term02 .chk img { float:left; margin-top:12px;} */
.container_full .full_contwarp .term_warp .term_view { width:660px; height:110px; background:#FFF; border-left:1px solid #a2a2a2;border-right:1px solid #a2a2a2; overflow:auto; text-align:left; padding:20px; line-height:16px}
.container_full .full_contwarp .term_warp .term_view2 {width:660px; height:110px; background:#FFF; border-left:1px solid #a2a2a2;border-right:1px solid #a2a2a2; border-bottom:1px solid #a2a2a2;
                                                       overflow:auto; text-align:left; padding:20px; line-height:16px}
.container_full .full_contwarp .term_warp .crt_sel {  z-index:2000; }

.container_full .full_contwarp .term_warp .accunt_box { width:650px; background:#FFF; border:1px solid #CCC; padding:25px} 
.container_full .full_contwarp .term_warp .accunt_box .my_count { width:100%; height:60px; background:url(//image.ongate.com/www/Join_mem/ti_owncount.jpg) no-repeat 30px 0; position:relative}
.container_full .full_contwarp .term_warp .accunt_box .my_count strong { font-weight:bold; color:#C30; font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:40px}
.container_full .full_contwarp .term_warp .accunt_box .count_print { width:500px; margin:0 auto; border:1px solid #CCC; padding:10px; position:relative; font-family:dotum}
.container_full .full_contwarp .term_warp .accunt_box .count_print dd { height:30px;}
.container_full .full_contwarp .term_warp .accunt_box .count_print p { float:left; line-height:30px; }
.container_full .full_contwarp .term_warp .accunt_box .count_print .sec01 { width:190px; text-align:left; padding-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:26px;}
.container_full .full_contwarp .term_warp .accunt_box .count_print .sec02 { width:150px; text-align:left}
.container_full .full_contwarp .term_warp .accunt_box .count_print .sec03 { width:140px; text-align:right; padding-right:10px}
.container_full .full_contwarp .term_warp .accunt_box .count_print a { color:#C30; text-decoration:underline}

.container_full .full_contwarp .term_warp .accunt_box .accunt_caution { line-height:24px; text-align:left; padding-left:10px; width:500px; margin:0 auto; padding-top:10px; font-size:11px; font-family:dotum; color:#666; letter-spacing:-1px} 
.container_full .full_contwarp .term_warp .accunt_box .accunt_caution a { color:#00F; text-decoration:underline;}
.container_full .full_contwarp .term_warp .accunt_box .btn { line-height:50px; display:inline-block; margin-top:30px}

.container_full .full_contwarp .term_warp .accunt_box .join_infow_table { width:650px; position:relative; margin-bottom:20px}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table .trd01 { width:130px;  text-align:right; padding:0; position:relative }
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .btn {position:absolute; top:-22px; *top:-29px; left:180px}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .noti01 {position:absolute; top:17px; left:275px}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .noti02 {position:absolute; top:18px; left:180px}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .noti03 {position:absolute; top:18px; left:180px}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td { padding:8px; text-align:left; position:relative} 
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .ident { width:150px; height:23px; margin-right:10px; padding-left:10px; border:1px solid #ababab }
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .on { border:1px solid #0173f7; padding-left:10px; line-height:22px}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .cau { color:#F00;}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td span { font-size:11px; font-family:dotum; margin-left:5px;}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .clph_srvc {width:80px; height:26px; border:1px solid #ababab; line-height:28px}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .phone_num { width:68px; height:23px; text-align:left; border:1px solid #ababab; line-height:22px; padding-left:5px}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .evtdmok_chk { width:25px; height:25px;*width:32px; *height:32px; vertical-align:middle; margin-left:14px; *margin-top:-18px; position:relative}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .inpmail { width:105px; height:23px; padding-left:3px; border:1px solid #ababab; line-height:22px; padding-left:5px}
.container_full .full_contwarp .term_warp .accunt_box .join_infow_table td .mail_srvc { width:82px; height:27px; border:1px solid #ababab}


.container_full .full_contwarp .term_warp .bay_userinfo { width:405px; text-align:left; margin:0 auto; position:relative}
.container_full .full_contwarp .term_warp .bay_userinfo .bay_inf { width:265px; height:43px; margin-bottom:3px; *margin-bottom:1px; font-size:18px; font-family:Arial, Helvetica, sans-serif; 
                                                                   padding-left:10px; border:1px solid #999 }
.container_full .full_contwarp .term_warp .bay_userinfo .cof_btn { position:absolute; top:0px; left:285px;}  
.container_full .full_contwarp .joinid_view { width:700px; height:183px; background:url(//image.ongate.com/www/Join_mem/id_viewbg.jpg) no-repeat; margin:0 auto; position:relative}
.container_full .full_contwarp .joinid_view .id { position:absolute; top:60px; left:320px; font-size:30px; font-family:Arial}
.container_full .full_contwarp .join_banAr { margin-top:100px;}

.container_full .full_contwarp .term_warp .accunt_box .sel_markt { width:650px; height:80px; background:url(//image.ongate.com/www/Join_mem/sel_maktbg.jpg) 0 -7px no-repeat; border-bottom:1px solid #CCC; margin-bottom:10px; position:relative; text-align:left}
.container_full .full_contwarp .term_warp .accunt_box .sel_markt .chk01 { position:absolute; top:4px; left:10;width:25px; height:25px;*width:32px; *height:32px; }
.container_full .full_contwarp .term_warp .accunt_box .sel_markt .chk02 {  position:absolute; top:34px; left:10;width:25px; height:25px;*width:32px; *height:32px;}
.container_full .full_contwarp .term_warp .accunt_box .makt_cau { color:#738e07;}

/*약관 테이블 추가 20150911 */
.term_view .co_t { width:640px; margin-bottom:20px }
.term_view .td01 {font-size:14px; font-weight:bold; font-family:dotum:!important}
.term_view .co_t th { height:30px; text-align:center; background:#FFC; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;border-top:1px solid #ccc; font-size:11px; letter-spacing:-1px; font-family:dotum;}
.term_view .co_t .br_no { border-right:none;}
.term_view .co_t td { line-height:20px;letter-spacing:-1px; font-family:dotum; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;
                                 border-top:1px solid #ccc; padding:5px}
.term_view .row_t { width:560px; }
.term_view .row_t th { height:30px; text-align:center; background:#FFC; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;border-top:1px solid #ccc; font-size:11px; letter-spacing:-1px; font-family:dotum;}
.term_view .row_t .br_no { border-right:none;}
.term_view .row_t td { line-height:20px; font-size:11px; letter-spacing:-1px; font-family:dotum; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;
                                 border-top:1px solid #ccc; padding:5px}
								 
.term_view2 .co_t {  width:640px; margin-bottom:20px }
.term_view2 .co_t th { height:30px; text-align:center; background:#FFC; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;border-top:1px solid #ccc; font-size:11px; letter-spacing:-1px; font-family:dotum;}
.term_view2 .co_t .br_no { border-right:none;}
.term_view2 .co_t td { line-height:20px; letter-spacing:-1px; font-family:dotum; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;
                                 border-top:1px solid #ccc; padding:5px}
.term_view2 .row_t { width:560px; }
.term_view2 .row_t th { height:30px; text-align:center; background:#FFC; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;border-top:1px solid #ccc; font-size:11px; letter-spacing:-1px; font-family:dotum;}
.term_view2 .row_t .br_no { border-right:none;}
.term_view2 .row_t td { line-height:20px;  letter-spacing:-1px; font-family:dotum; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;
                                 border-top:1px solid #ccc; padding:5px}

.term_view2 .td01 {font-size:14px; font-weight:bold; font-family:daum}

/* 고객센터 */
.cont_warp .cusmain_menu { position:relative; height:150px; width:900px;} 
.cont_warp .cusmain_menu li { display:inline; margin:0; padding:0}
.cont_warp .ti_gmcus { height:140px; background:url(//image.ongate.com/www/cusService/tit_gamecus.jpg) no-repeat; line-height:38px; padding-left:120px}
.cont_warp .ti_gmcus span { font-size:11px; font-family:dotum}
.cont_warp .gmcus_list {width:818px; background:#ffF; height:458px; overflow:auto; padding:2px; margin-bottom:20px; padding:10px 0 0 10px; position:relative; border:1px solid #ccc}
.cont_warp .gmcus_list li{ display:inline; margin: 0 14px 15px 0}

.cont_warp .qna_Tabmenu { width:800px; display:inline-block; position:relative; height:38px; border-bottom:1px solid #035ce2; margin-bottom:5px}
.cont_warp .qna_Tabmenu li { display:inline; float:left}

.cont_warp .cus_whbox { width:740px; height:570px; border-bottom:2px solid #424447;  border-top:2px solid #424447; background:#FFF; margin-bottom:20px; padding:20px 30px 40px 30px; 
                        overflow:auto; position:relative}
.cont_warp .cus_whbox .qnatable { width:650px; position:relative;}
.cont_warp .cus_whbox .cau_noti { position:absolute; left:620px; top:15px;}
.cont_warp .cus_whbox .qnatable .thd01 { width:120px; text-align:left} 
.cont_warp .cus_whbox .qnatable td { padding:10px;}
.cont_warp .cus_whbox .qnatable td .qna_sle { width:100px; height:20px; font-family:dotum}
.cont_warp .cus_whbox .qnatable td .tite { width:480px; height:20px; padding-left:10px; font-family:dotum; letter-spacing:1px; font-family:dotum; line-height:20px}
.cont_warp .cus_whbox .qnatable td .qna_subtence {width:476px; height:100px; padding:8px; line-height:18px; letter-spacing:1px; font-family:dotum}
.cont_warp .cus_whbox .qnatable td .img_adname { width:393px; border:1px solid #CCC; background:#f0f0f0; height:18px}
.cont_warp .cus_whbox .qnatable td .qna_cellphon { width:80px; height:22px; font-family:dotum}
.cont_warp .cus_whbox .qnatable td .ph_num { width:92px; height:17px; padding-left:8px; text-align:center; font-family:dotum}
.cont_warp .cus_whbox .qnatable td .email_inp { width:145px; height:14px}
.cont_warp .cus_whbox .qnatable td .collectok { width:28px; height:28px;  line-height:28px; vertical-align:middle;line-height:20px; }
.cont_warp .cus_whbox .qnatable td .collect_txt { font-weight:bold; font-size:14px; font-family:dotum;}
.cont_warp .cus_whbox .qnatable td .noti { position:absolute; top:-10px; left:400px;}
.cont_warp .cus_whbox .qnatable .collt {position:relative;}
.cont_warp .cus_whbox .qnatable p { color:#F00; line-height:22px;}

.cont_warp .cusrspon_table { width:800px;background:#FFF; border-bottom:2px solid #424447;  border-top:2px solid #424447; position:relative; font-family:"돋움",Dotum; color:#6e6e6e; text-align:center; margin-bottom:10px; }
.cont_warp .cusrspon_table th { height:40px; background:#199bd4; border-bottom:1px solid #188ec5; color:#fff; font-weight:normal;}
.cont_warp .cusrspon_table td { padding:10px; font-family:dotum; border-bottom:1px solid #e8e9ed; position:relative }
.cont_warp .cusrspon_table td strong { color:#F00;}
.cont_warp .cusrspon_table td.a_left{padding-left:20px; text-align:left;}
.cont_warp .cusrspon_table td.cate{padding-left:15px; text-align:center; color:#c7250c;}
.cont_warp .cusrspon_table td.a_center{padding-left:20px; text-align:center; color:#6e6e6e;}
.cont_warp .cusrspon_table .thr01 { width:250px;}
.cont_warp .cusrspon_table .thr02 { width:400px;}
.cont_warp .cusrspon_table .thr03 { width:250px;}
.cont_warp .cusrspon_table .thr04 { width:200px;}
.cont_warp .cusrspon_table .no_he { height:500px;}
.cont_warp .cusrspon_table .no_list { text-align:center; position:absolute; width:750px; *width:620px; line-height:110px; top:100px;   }
.cont_warp .cusrspon_table a { color:#6e6e6e; text-decoration:none;}
.cont_warp .cusrspon_table a:hover{color:#202020; text-decoration:none;}

.cont_warp .tb_dv { width:800px; height:580px; overflow:auto;  border-bottom:2px solid #424447;  border-top:2px solid #424447; background:#FFF;  margin-bottom:15px; position:relative} 
.cont_warp .cusrsponView_table { width:782px; min-height:590px; background:#FFF; position:relative; font-family:dotum; border-collapse:separate;}
.cont_warp .cusrsponView_table td { padding:10px; font-family:dotum; border-bottom:1px solid #e8e9ed; position:relative }
.cont_warp .cusrsponView_table .tr01 { width:140px; border-right:1px solid #e8e9ed; text-align:center; height:50px;}
.cont_warp .cusrsponView_table .tr02 { width:200px; border-right:1px solid #e8e9ed; height:50px;}
.cont_warp .cusrsponView_table .tr03 { width:140px; border-right:1px solid #e8e9ed; text-align:center;height:50px;}
.cont_warp .cusrsponView_table .tr04 { height:50px; text-align:center;}
.cont_warp .cusrsponView_table .tr05 { height:50px;border-right:1px solid #e8e9ed;text-align:center;}
.cont_warp .cusrsponView_table .tr06 { border-right:1px solid #e8e9ed;text-align:center;}
.cont_warp .cusrsponView_table .tr07 {border-right:1px solid #e8e9ed;text-align:center; border-bottom:none}
.cont_warp .cusrsponView_table .ing { font-weight:bold; color:#F00;}
.cont_warp .cusrsponView_table .dat { font-family:Arial, Helvetica, sans-serif;}
.cont_warp .cusrsponView_table .qns_cot { line-height:22px;}
.cont_warp .cusrsponView_table .qns_cot img { width:500px; display:block; margin:0 0 10px 0}
.cont_warp .cusrsponView_table .ans_cot { line-height:22px; border-bottom:none}
.cont_warp .ud_arr { position:absolute; z-index:2500; top:720px; left:1220px;}

.cont_warp .faqtable_d {border-top:2px solid #3d330a; border-bottom:2px solid #3d330a;width:820px;background:#FFF; position:relative}
.cont_warp .gofaq caption {display:none}
.cont_warp .gofaq { width:820px; background:#FFF; position:relative }
.cont_warp .gofaq .tdr_01 { text-align:left; width:150px; background:#f1f1f1; border-right:1px solid #e4e2e7;border-bottom:1px solid #e4e2e7; vertical-align:top; padding:20px 0 0 20px }
.cont_warp .gofaq .tdr_02 {border-bottom:1px solid #e4e2e7; vertical-align:top; padding:13px 0 10px 20px; position:relative; }
.cont_warp .gofaq .tdr_02 a { color:#666}
.cont_warp .gofaq .tdr_02 a:hover { color:#F30}
.cont_warp .gofaq .tdr_02 ul { float:left; width:600px; margin-left:14px}
.cont_warp .gofaq .tdr_02 ul li { display:inline-block; line-height:27px; color:#5f6676; width:90px; margin-left:5px }
.cont_warp .gofaq .tdr_02 ul .bk { color:#adb7ce; font-size:11px; width:14px; text-align:center;  }




/* 공지사항 */
.cont_warp .noticelist_table { width:800px;background:#FFF; border-bottom:2px solid #424447;  border-top:2px solid #424447; position:relative; font-family:dotum; text-align:center; margin-bottom:10px; }
.cont_warp .noticelist_table th { height:40px; background:#199bd4; border-bottom:1px solid #188ec5; color:#fff; font-weight:normal;}
.cont_warp .noticelist_table td { padding:10px; font-family:dotum; border-bottom:1px solid #e8e9ed; position:relative; color:#676767; line-height:22px }
.cont_warp .noticelist_table .thr01 { width:180px;}
.cont_warp .noticelist_table .thr02 { width:440px;}
.cont_warp .noticelist_table .thr03 { width:180px;}
.cont_warp .noticelist_table .tn01 { text-align:left; }
.cont_warp .noticelist_table .tn01 a { color:#676767; }
.cont_warp .noticelist_table .admin { background:#d1d1d1}

.cont_warp .noti_titxt { width:790px; height:40px; background:#FFF; border:1px solid #a8a8a8; padding-left:10px; line-height:43px; font-size:14px; font-weight:bold; color:#444444; position:relative; 
                         margin-bottom:10px}
.cont_warp .noti_cont {  width:800px; height:580px; overflow:auto;  border-bottom:2px solid #424447;  border-top:2px solid #424447; background:#FFF;  margin-bottom:15px;}
.cont_warp .noti_cont dt { line-height:50px; padding-left:20px; font-size:11px; font-family:dotum; color:#039;}
.cont_warp .noti_cont .notikind { height:100px; padding-left:20px;}
.cont_warp .noti_cont .noti_substan { padding-left:20px; line-height:30px;}
.cont_warp .noti_cont .list_btn { position:absolute;}

/* 하단메뉴 */
.term_layer {width:600px; height:440px;  position:relative; margin:20px 0 0 20px; }
.term_layer .termlayer_title { height:48px; width:600px; text-align:left; overflow:hidden}
.term_layer .termlayer_title .tlt { float:left;}
.term_layer .termlayer_title .close {float:right; margin-top:14px; *margin-top:-49px;}
.term_layer .termlayer_menu {height:30px; width:600px; text-align:left; }
.term_layer .termlayer_menu .tlt { float:left;}
.term_layer .termlayer_menu .close { float:right; *margin-top:-19px;}
.term_layer .termlayer_menu ul { float:right; width:370px; *margin-top:-19px;}
.term_layer .termlayer_menu ul li { display:inline; line-height:30px; font-size:12px; font-weight:bold; font-family:dotum; letter-spacing:-2px; margin-right:10px } 
.term_layer .termlayer_menu a { color:#333; text-decoration:underline}
.term_layer .termlayer_menu .on { color:#069; }

.term_layer .caution { width:580px;border:1px solid  #CCC; padding:8px; line-height:21px; font-family:dotum; text-align:left; margin-bottom:10px}
.term_layer .cont_term { width:580px;border:1px solid  #CCC; padding:8px; line-height:21px; font-family:dotum; text-align:left; margin-bottom:10px; background:#ededed}

.term_layer .term_are { width:580px; height:290px; border:1px solid #CCC; line-height:20px; text-align:left; font-family:dotum; padding:10px; margin-bottom:5px; overflow:auto; position:relative}
.term_layer .term_are .co_t { width:560px; }
.term_layer .term_are .co_t th { height:30px; text-align:center; background:#FFC; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;border-top:1px solid #ccc; font-size:11px; letter-spacing:-1px; font-family:dotum;}
.term_layer .term_are .co_t .br_no { border-right:none;}
.term_layer .term_are .co_t td { line-height:20px; font-size:11px; letter-spacing:-1px; font-family:dotum; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;
                                 border-top:1px solid #ccc; padding:5px}
.term_layer .term_are .row_t { width:560px; }
.term_layer .term_are .row_t th { height:30px; text-align:center; background:#FFC; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;border-top:1px solid #ccc; font-size:11px; letter-spacing:-1px; font-family:dotum;}
.term_layer .term_are .row_t .br_no { border-right:none;}
.term_layer .term_are .row_t td { line-height:20px; font-size:11px; letter-spacing:-1px; font-family:dotum; text-align:center; border-bottom:1px solid #ccc; border-right:1px solid #ccc ;
                                 border-top:1px solid #ccc; padding:5px}

.aliance_ti {}
.cont_warp .alianceinp_box {width:780px; height:580px; background:#FFF; border-bottom:2px solid #424447;  border-top:2px solid #424447; position:relative; font-family:dotum; text-align:left;
                            margin-bottom:10px; padding:20px; overflow:auto}
.cont_warp .alianceinp_box .chk {position:absolute; height:30px; width:240px; background:url(//image.ongate.com/www/bottommenu/bg_tx.jpg) 0 0 no-repeat; top:100px; left:530px; text-align:right; line-height:30px; }
.cont_warp .alianceinp_box .chk input { width:22px; height:22px;}
.cont_warp .alianceinp_box .aliance_table { width:700px; }
.cont_warp .alianceinp_box .aliance_table  .thr01 { width:100px;}
.cont_warp .alianceinp_box .aliance_table td {padding:5px;}
.cont_warp .alianceinp_box .aliance_table .divs { width:150px; height:20px; font-family:dotum}
.cont_warp .alianceinp_box .aliance_table .bsic_inp {width:300px; height:20px; border:1px solid #ababab;line-height:18px; font-family:dotum}
.cont_warp .alianceinp_box .aliance_table .email_inp {width:138px; height:20px; border:1px solid #ababab}
.cont_warp .alianceinp_box .aliance_table .tit_inp {width:560px; height:20px; border:1px solid #ababab;line-height:18px; font-family:dotum; letter-spacing:1px}
.cont_warp .alianceinp_box .aliance_table .subtan_inp {width:550px; height:210px; border:1px solid #ababab; padding:10px 0 0 10px; line-height:18px; font-family:dotum}




/* 온게이트 IB 통합로그인 추가 20150511 (SSO) */

.comb_warp { width:676px; position:relative; display:inline-block; top:70px}
.comb_warp .cont_w { margin-top:50px; margin-bottom:50px}
.comb_warp .cont_w .id_select { height:90px; background:url(//image.ongate.com/www/join_mem/combine/id_selc_bg.jpg) no-repeat;}
.comb_warp .cont_w .id_select ul { width:660px; height:70px; letter-spacing:1px}
.comb_warp .cont_w .id_select ul li { float:left; line-height:88px;position:relative}
.comb_warp .cont_w .id_select ul .bay { margin-left:115px;position:relative; width:85px}
.comb_warp .cont_w .id_select ul .gate { margin-left:240px; position:relative}
.comb_warp .cont_w .id_select ul .gate .id_selbox { position:absolute; top:33px; height:22px;}
.comb_warp .cont_w .comb_agrr { margin-bottom:30px}
.comb_warp .cont_w .sel_btn { text-align:center;}

/*비밀번호 변경 캠페인 추가*/
.comp { height:940px; z-index:2500 }
.comp .container_full { height:800px;}
.container_full .full_contwarp  .camp_tit { margin-top:90px;}
.container_full .full_contwarp  .camp_cont { margin-top:-4px; position:relative}
.container_full .full_contwarp  .camp_cont .inp { position:absolute; top:33px; *top:30px; left:285px;}
.container_full .full_contwarp  .camp_cont .inp input { height:25px; width:220px; border:1px solid #2892bc; line-height:20px; padding-left:10px; font-size:20px; float:left}
.container_full .full_contwarp  .camp_cont ul { line-height:55px;*line-height:46px}
.container_full .full_contwarp  .camp_cont ul li { position:relative; width:960px; clear:both}
.container_full .full_contwarp .ifo { margin:-10px 0 0 12px;*margin:-6px 0 0 12px; float:left; color:#fff1be}


/* 약관변경 20161215 */
.full_warp {  width:100%; height:100%; position:relative; background:#FFF; margin:0 0 0 0} 
.full_warp .bold { font-weight:bold}

.full_warp .fullcont_cont { width:1000px; height:100%; background:#FFF; margin:0 auto; position:relative}
.full_warp .fullcont_cont .snb_service { width:1000px; text-align:left;}
.full_warp .fullcont_cont .snb_service h3 { float:left; margin:40px 20px 0 40px  }
.full_warp .fullcont_cont .snb_service ul { float:left; background:url(//image.ongate.com/www/bottommenu/new20161215/sl.jpg) no-repeat 20px 40px }
.full_warp .fullcont_cont .snb_service ul li { display:inline; line-height:110px; margin-left:45px; font-size:14px;font-family: 'nanumG', sans-serif; font-weight:bold;}
.full_warp .fullcont_cont .snb_service ul li a { color:#8c8c8c;}
.full_warp .fullcont_cont .snb_service ul li a:hover { color:#F90}
.full_warp .fullcont_cont .snb_service ul li .on { color:#F00 }

.full_warp .fullcont_cont .terms_titleimg { width:1000px;}
.full_warp .fullcont_cont .terms_titleimg img {border-bottom:1px solid #CCC; border-top:1px solid #CCC}

.privacy_wrap { width:1000px; line-height:20px; text-align:left; min-height:350px; letter-spacing:-0.5px; padding-top:50px; padding-bottom:70px}
.privacy_wrap h5 { color:#666; font-size:14px; font-family: 'nanumG', sans-serif; margin-bottom:10px}
.privacy_wrap h6 { color:#666; font-size:12px; font-family: 'nanumG', sans-serif; margin-bottom:10px; background:url(//image.ongate.com/www/bottommenu/new20161215/svc_bull.gif) no-repeat 0 6px; padding-left:15px; margin:10px 0 10px 0; clear:both;}
.privacy_wrap .top { position:fixed; left:50%; margin-left:520px; }
.privacy_wrap .sp01 { padding-left:14px;}
.privacy_wrap .sp02 { padding-left:30px;}
.privacy_wrap .sp05 { padding-left:20px;}
.privacy_wrap .btn {  height:32px; border:1px solid #a7a9ac; display:block; line-height:35px; font-weight:bold; text-align:center; letter-spacing:-1px; font-size:11px; font-family:dotum; float:left; margin-right:5px; margin-bottom:20px; padding:0 20px 0 20px}
.privacy_wrap a {color:#666}
.privacy_wrap .box_select {display: inline-block; border: 1px solid #a7a9ac; height: 32px; padding: 7px 5px 5px 10px; margin: 5px 5px 0 0; font-weight: 700; font-size: 12px; line-height: 16px; color: #666;}

.tab_privacy { width:980px; text-align:center; border-bottom:1px solid #ccc; padding-left:20px}
.tab_privacy li { display:inline; line-height:50px; padding-right:35px; }
.tab_privacy li a {color:#333 }
.tab_privacy li a:hover {color:#F36 }

.privacy_wrap .access01 { background:url(//image.ongate.com/www/bottommenu/new20161215/access_01.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px} 
.privacy_wrap .access01 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .access02 { background:url(//image.ongate.com/www/bottommenu/new20161215/access_02.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px} 
.privacy_wrap .access02 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .access03 { background:url(//image.ongate.com/www/bottommenu/new20161215/access_03.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px} 
.privacy_wrap .access03 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .access04 { background:url(//image.ongate.com/www/bottommenu/new20161215/access_04.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px} 
.privacy_wrap .access04 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .access04 table { width:840px; border:1px solid #e6e6e8; margin-bottom:10px}
.privacy_wrap .access04 table th { background:#f9f9f9; border:1px solid #e6e6e8; line-height:40px; color:#787878}
.privacy_wrap .access04 table td { border:1px solid #e6e6e8; padding:10px 0 0 20px}
.privacy_wrap .access04 .small { font-size:11px; color:#999;}
.privacy_wrap .access05 { background:url(//image.ongate.com/www/bottommenu/new20161215/access_05.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px} 
.privacy_wrap .access05 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .access05 table { width:840px; border:1px solid #e6e6e8; margin-bottom:10px}
.privacy_wrap .access05 table th { background:#f9f9f9; border:1px solid #e6e6e8; line-height:40px; color:#787878}
.privacy_wrap .access05 table td { border:1px solid #e6e6e8; padding:10px 0 0 20px; text-align:center}
.privacy_wrap .access05 .small { font-size:11px; color:#999;}
.privacy_wrap .access06 { background:url(//image.ongate.com/www/bottommenu/new20161215/access_06.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px; height:120px} 
.privacy_wrap .access06 p { line-height:20px; color:#666; margin:0 0 8px 0}

#terb_pop { background:#fff; font-family:dotum,"돋움","Lucida Grande","Segoe UI",Arial,AppleGothic,Sans-serif; color:#666; line-height:16px; }
#terb_pop .bold {font-weight:bold;}
#terb_pop .sp01 { line-height:20px;}
#terb_pop .sp02 { line-height:20px; padding-left:10px}
#terb_pop .tit { height:20px} 
#redBox {position:relative; background:url(//image.ongate.com/www/bottommenu/new20161215/popbg.jpg) repeat-x left top; text-align:left}
#redBox h2 { height:30px; padding:12px 0 0 18px; margin-bottom:20px; background:url(//image.ongate.com/www/bottommenu/new20161215/popbg.jpg)}
#redBox div.btn_close { height:33px; position:absolute; top:0; right:0; padding:11px 15px 0 0 ; }
.hand {cursor:hand;}
#redBox div.popwrap { padding:0 20px}
div.list_tab07 { margin:10px 0 20px;}
table.list_tab07 { width:100%; table-layout:fixed}
table.list_tab07 th { clear:#787878; font-size:11px; background:#f9f9f9; border:1px solid #e6e6e8; padding:9px 0 6px 0}
table.list_tab07 td {border:1px solid #e6e6e8; padding:12px 0 10px ; text-align:center; font-size:11px;}
table.list_tab07 td.left { padding:12px 10px 10px; text-align:left}
table.list_tab07 .td01 { font-size:14px; font-weight:bold; font-family:dotum}

.privacy_wrap .cash01 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_01.jpg) no-repeat 0 6px; padding-left:150px; height:120px;margin-bottom:50px} 
.privacy_wrap .cash01 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash02 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_02.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash02 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash03 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_03.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash03 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash04 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_04.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash04 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash05 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_05.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash05 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash06 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_06.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash06 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash07 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_07.jpg) no-repeat 0 6px; padding-left:150px; height:120px; margin-bottom:50px} 
.privacy_wrap .cash07 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash08 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_08.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash08 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash09 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_09.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash09 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash10 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_10.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px;height:120px;} 
.privacy_wrap .cash10 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash11 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_11.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash11 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash12 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_12.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash12 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash13 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_13.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash13 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash14 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_14.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash14 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash15 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_15.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px;height:120px;} 
.privacy_wrap .cash15 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash16 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_16.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px} 
.privacy_wrap .cash16 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash17 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_17.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px; height:120px} 
.privacy_wrap .cash17 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .cash18 { background:url(//image.ongate.com/www/bottommenu/new20161215/cash_18.jpg) no-repeat 0 6px; padding-left:150px; margin-bottom:50px; height:120px} 
.privacy_wrap .cash18 p { line-height:20px; color:#666; margin:0 0 8px 0}

.privacy_wrap .privacy01 { background:url(//image.ongate.com/www/bottommenu/new20161215/privacy_01.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:120px} 
.privacy_wrap .privacy01 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .privacy02 { background:url(//image.ongate.com/www/bottommenu/new20161215/privacy_02.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:120px} 
.privacy_wrap .privacy02 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .privacy03 { background:url(//image.ongate.com/www/bottommenu/new20161215/privacy_03.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:120px} 
.privacy_wrap .privacy03 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .privacy04 { background:url(//image.ongate.com/www/bottommenu/new20161215/privacy_04.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px} 
.privacy_wrap .privacy04 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .privacy04 table { width:840px; border:1px solid #e6e6e8}
.privacy_wrap .privacy04 table th { background:#f9f9f9; border-bottom:1px solid #e6e6e8; line-height:40px; color:#787878}
.privacy_wrap .privacy04 table td { border-bottom:1px solid #e6e6e8; padding:10px 0 0 20px}
.privacy_wrap .privacy04 .small { font-size:11px; color:#999;}
.privacy_wrap .privacy05 { background:url(//image.ongate.com/www/bottommenu/new20161215/privacy_05.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px} 
.privacy_wrap .privacy05 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .privacy05 table { width:840px; border:1px solid #e6e6e8; margin-bottom:10px}
.privacy_wrap .privacy05 table th { background:#f9f9f9; border-bottom:1px solid #e6e6e8; line-height:40px; color:#787878}
.privacy_wrap .privacy05 table td { border-bottom:1px solid #e6e6e8; padding:10px 0 0 20px; border-right:1px solid #e6e6e8; line-height:14px}
.privacy_wrap .privacy06 { background:url(//image.ongate.com/www/bottommenu/new20161215/privacy_06.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px} 
.privacy_wrap .privacy06 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .privacy06 table { width:840px; border:1px solid #e6e6e8; margin-bottom:10px}
.privacy_wrap .privacy06 table th { background:#f9f9f9; border-bottom:1px solid #e6e6e8; line-height:40px; border-right:1px solid #e6e6e8; color:#787878}
.privacy_wrap .privacy06 table td { border-bottom:1px solid #e6e6e8; border-right:1px solid #e6e6e8; line-height:34px; text-align:center}
.privacy_wrap .privacy07 { background:url(//image.ongate.com/www/bottommenu/new20161215/privacy_07.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px; height:130px} 
.privacy_wrap .privacy07 p { line-height:20px; color:#666; margin:0 0 8px 0}

.privacy_wrap .privacy06_new { background:url(//image.ongate.com/www/bottommenu/new20161215/privacy_06_new.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px; height:130px} 
.privacy_wrap .privacy06_new p { line-height:20px; color:#666; margin:0 0 8px 0}


.privacy_wrap .youth01 { background:url(//image.ongate.com/www/bottommenu/new20161215/youth_01.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px} 
.privacy_wrap .youth01 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .youth02 { background:url(//image.ongate.com/www/bottommenu/new20161215/youth_02.jpg) no-repeat 0 8px; padding-left:150px; margin-bottom:80px} 
.privacy_wrap .youth02 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .youth03 { background:url(//image.ongate.com/www/bottommenu/new20161215/youth_03.jpg) no-repeat 0 8px; padding-left:150px} 
.privacy_wrap .youth03 p { line-height:20px; color:#666; margin:0 0 8px 0}
.privacy_wrap .youth03 table { width:840px}
.privacy_wrap .youth03 table th { background:#f9f9f9; height:40px;border:1px solid #e6e6e8; color:#787878}
.privacy_wrap .youth03 table td {} 
.privacy_wrap .youth03 table .youth_td01 { background:url(//image.ongate.com/www/bottommenu/new20161215/youth_td01.jpg) no-repeat center; border-left:1px solid #e6e6e8;border-bottom:1px solid #e6e6e8;}
.privacy_wrap .youth03 table .youth_td02 { border-right:1px solid #e6e6e8;border-bottom:1px solid #e6e6e8; height:150px}
.privacy_wrap .youth03 table .youth_td03 { background:url(//image.ongate.com/www/bottommenu/new20161215/youth_td02.jpg) no-repeat center; border-left:1px solid #e6e6e8;border-bottom:1px solid #e6e6e8;}
.privacy_wrap .youth03 table .youth_td04 { border-right:1px solid #e6e6e8;border-bottom:1px solid #e6e6e8;}

.privacy_wrap .mail01 { background:url(//image.ongate.com/www/bottommenu/new20161215/mailcollect_01.jpg) no-repeat 0 8px; padding-left:150px} 
.privacy_wrap .mail01 p { line-height:20px; color:#666; margin:0 0 8px 0}

.xover { overflow:auto}

figure { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* 내정보 관리 */
.label-title {
    font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px; /* 이미지 크기와 유사하게 설정 */
    font-weight: 500; /* 보통 굵기 (원하면 300/500 조정) */
    line-height: 1.0; /* 세로 정렬이 타이트한 경우 */
    color: #333333; /* 어두운 회색 (이미지와 비슷한 톤) */
    letter-spacing: -0.02em; /* 한글 글자 간격을 약간 조절 */
    margin: 0; /* 불필요한 여백 제거 */
    padding: 0 0 15px 0;
    display: inline-block;
    vertical-align: middle;
}

.label-title-msg {
    font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 15px; /* 이미지 크기와 유사하게 설정 */
    font-weight: 500; /* 보통 굵기 (원하면 300/500 조정) */
    line-height: 1.0; /* 세로 정렬이 타이트한 경우 */
    color: #333333; /* 어두운 회색 (이미지와 비슷한 톤) */
    letter-spacing: -0.02em; /* 한글 글자 간격을 약간 조절 */
    margin: 0; /* 불필요한 여백 제거 */
    padding: 0 0 15px 0;
    display: inline-block;
    vertical-align: middle;
}

.icon-title-mob {
    position: absolute;
    top: 175px;
    padding: 8px 0 0 30px;
    left: 0;
}