@charset "utf-8"; /* GCP WD Team. Author : Do re mi 2015-05-26. Edit : Do re mi 2018-03-12. Jaewook Baek 2018-05-23 */ /* main */ .event_banner {width:100%;position:relative;overflow:hidden;border-bottom:1px solid #ccc;} .event_banner .land {display:none;} .event_banner ul:after {display:block;clear:both;content:'';} .event_banner li {display:none;position:relative;float:left;} .event_banner li:first-child {display:block;} .event_banner li a {width:90%;height:84%;position:absolute;left:5%;top:8%;} .event_banner img {width:100%;} .event_banner .ev_navi {width:100%;position:absolute;left:0;bottom:18px;text-align:center;} .event_banner .ev_navi span {width:16px;height:17px;display:inline-block;margin:0 20px 0 0;color:rgba(0,0,0,0);border-radius:10px;background-color:rgba(255,255,255,0.5);} .event_banner .ev_navi span:last-child {margin:0 0 0 0;} .event_banner .ev_navi span.selected {border:2px solid #fff;opacity:1;background:none;} .cont_head {position:relative;} .tit_h3 {margin:18px 0 0 20px;color:#666;font-size:2.8rem;font-weight:normal;} .tit_h3.ty2 {margin:18px 0 10px 20px;} .tit_h3 span {color:#2a84d8;font-weight:normal;} .cont_head .btn_all {position:absolute;right:20px;top:4px;color:#999;font-size:2.4rem;} .m_game_list {margin:12px 20px 0 20px;} .m_game_list.profile {margin:30px 20px 0 20px} .m_game_list li {position:relative;margin:0 0 20px 0;border:1px solid #ccc;} .m_game_list li a {width:100%;height:142px;display:block;background-color:#fff;} .m_game_list li a .tit {display:block;overflow:hidden;padding:18px 180px 0 19px;color:#444;font-size:3.0rem;font-weight:normal;line-height:36px;text-overflow:ellipsis;white-space:nowrap;} .m_game_list.profile li a .tit {padding:48px 180px 0 19px;} .m_game_list li a .image {width:143px;height:142px;position:absolute;right:0;top:0;} .m_game_list li a .image img {width:100%;height:100%;} .m_game_list li a .txt {display:-webkit-box;overflow:hidden;padding:10px 180px 0 19px;color:#999;font-size:2.4rem;line-height:30px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .m_game_list li a .txt i {display:inline-block;width:auto;height:30px;margin-right:5px;vertical-align:top;} .m_game_list li a .txt i img {width:auto;height:100%;} .m_game_list li .btn_play {position:absolute;right:162px;top:94px;color:#2a84d8;font-size:2.6rem;font-style:italic;text-decoration:underline;} .cafe_list {margin:12px 0 0 0;} .cafe_list li {padding:0 0 0 20px;border-bottom:1px solid #ccc;background-color:#fff;} .cafe_list li:first-child {border-top:1px solid #ccc;} .cafe_list li a {width:100%;display:block;position:relative;padding:0 0 25px 0;} .cafe_list li.image a {min-height:136px;padding:0 0 30px 0;} .cafe_list li a .txt {display:-webkit-box;overflow:hidden;padding:22px 20px 0 0;color:#666;font-size:2.6rem;line-height:33px;text-overflow:ellipsis;-webkit-line-clamp:2; -webkit-box-orient:vertical;word-wrap:break-word;} .cafe_list li a .nt {display:block;padding:15px 0 0 0;color:#999;font-size:2.4rem;} .cafe_list li.image a .nt {position:absolute;left:0;bottom:24px;} .cafe_list li a .nt span {color:#bfbfbf;} .cafe_list li a .info {position:absolute;right:20px;bottom:30px;color:#bbb;font-size:2.4rem;line-height:20px;} .cafe_list li.image a .info {right:145px;bottom:30px;} .cafe_list li a .info .hits {margin:0 24px 0 0;padding:0 0 0 35px;background:url('../img/ico_hits.png') no-repeat 0 7px;background-size:26px 18px;} .cafe_list li a .info .comment {padding:0 0 0 30px;background:url('../img/ico_comment.png') no-repeat 0 7px;background-size:22px 18px;} .cafe_list li a .image_play, .cafe_list li a .image_detailview {width:106px;height:106px;position:relative;float:right;margin:30px 20px 0 34px;} .cafe_list li a .image_play:after {width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.6) url('../img/btn_play_1.png') no-repeat 50% 50%;background-size:38px 38px;content:'';} .cafe_list li a .image_play img, .cafe_list li a .image_detailview img {width:100%;height:100%;} .main.cafe_notice {margin:13px 0 0 0;} .main.cafe_notice li a {padding:0 96px 0 0;} .channel {margin:20px 0 0 0;} .channel h3 {padding:0 0 16px 20px;color:#666;font-size:2.8rem;font-weight:normal;} .channel dl {height:86px;overflow:hidden;position:relative;border-top:1px solid #ccc;background-color:#dcdcdc;} .channel dt {padding:26px 0 0 20px;color:#666;font-size:2.6rem;} .channel dt span {display:none;} .channel dd {position:absolute;right:0;top:20px;} .channel dd a {width:46px;height:46px;overflow:hidden;float:left;margin:0 20px 0 0;color:rgba(0,0,0,0);} .channel dd a.ico_c_youtube {background:url('../img/ico_c_youtube.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_weibo {background:url('../img/ico_c_weibo.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_wechat {background:url('../img/ico_c_wechat.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_twitter {background:url('../img/ico_c_twitter.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_soku {background:url('../img/ico_c_soku.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_forums {background:url('../img/ico_c_forums.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_facebook {background:url('../img/ico_c_facebook.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_google {background:url('../img/ico_c_google.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_cafe {background:url('../img/ico_c_cafe.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_blog_kr {background:url('../img/ico_c_blog_kr.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_blog_jp {background:url('../img/ico_c_blog_jp.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_blog_jp_2 {background:url('../img/ico_c_blog_jp_2.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_blog_cn {background:url('../img/ico_c_blog_cn.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_tumblr {background:url('../img/ico_c_tumblr.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_insta {background:url('../img/ico_c_insta.png') no-repeat 0 0;background-size:46px 46px;} /* profile */ .profile_head {height:260px;position:relative;border-bottom:1px solid #ccc;background-color:#fff;} .profile_head.char {height:270px;border:0;background:none;} .profile_head.lebi {height:204px;} .profile_head .photo {width:144px;height:144px;position:absolute;left:50%;top:30px;margin:0 0 0 -72px;} .profile_head .photo .btn_noti {width:52px;height:52px;position:absolute;right:-2px;top:-2px;color:rgba(0,0,0,0);background:url('../img/ico_war_2.png') no-repeat;background-size:100% 100%;} .profile_head.lebi .photo {left:30px;top:30px;margin:0 0 0 0;} .profile_head .photo img {width:100%;border-radius:10.0rem;} .profile_head.char .photo {position:absolute;left:50%;top:40px;margin:0 0 0 -72px;} .profile_head .name {display:block;padding:178px 0 0 0;color:#666;font-size:3.6rem;font-weight:normal;line-height:40px;text-align:center;} .profile_head .displayname {display:block;color:#bfbfbf;font-size:2.6rem;line-height:30px;text-align:center;} .profile_head.char .name {margin:0 0 0 0;padding:186px 0 0 0;text-align:center;border-bottom:0;} .profile_head.lebi .name {margin:0 0 0 202px;padding:84px 0 0 0;text-align:left;} .profile_head .btn_area a, .profile_head .btn_area button {width:68px;height:68px;position:absolute;top:68px;color:rgba(0,0,0,0);} .profile_head .btn_area a.btn_messages {left:120px;background:url('../img/btn_messages.png') no-repeat;background-size:68px 68px;} .profile_head .btn_area a.btn_setting {right:120px;background:url('../img/btn_setting.png') no-repeat;background-size:68px 68px;} .profile_head .btn_area button.btn_photo_edit {left:120px;background:url('../img/btn_edit_photo.png') no-repeat;background-size:68px 68px;} .profile_head .btn_area button.btn_friend {right:120px;} .profile_head .btn_area button.btn_friend.add {background:url('../img/btn_friend_add.png') no-repeat;background-size:68px 68px;} .profile_head .btn_area button.btn_friend.del {background:url('../img/btn_friend_del.png') no-repeat;background-size:68px 68px;} .profile_head .btn_area button.btn_friend.ing {background:url('../img/btn_friend_ing.png') no-repeat;background-size:68px 68px;} .profile_head .btn_area a.btn_modify {left:120px;background:url('../img/btn_my_modify.png') no-repeat;background-size:68px 68px;} .profile_head .btn_area.cn a.btn_messages, .profile_head .btn_area.cn button.btn_photo_edit, .profile_head .btn_area.cn a.btn_modify {left:auto;right:150px;} .profile_head .btn_area.cn a.btn_setting {right:52px;} .profile_head .btn_area a.btn_lebi {display:none;left:52px;background:url('../img/btn_lebi.png') no-repeat;background-size:68px 68px;} .profile_head .btn_area a.btn_wechat {display:none;left:150px;background:url('../img/btn_wechat.png') no-repeat;background-size:68px 68px;} .profile_head .btn_area.cn a.btn_lebi, .profile_head .btn_area.cn a.btn_wechat {display:block;} .profile_head .btn_area.cn.lb a.btn_wechat {display:none;} .profile_head .btn_area.cn.lb a:first-child {left:120px;} .profile_sns_list {margin:14px 0 0 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .profile_sns_list li {height:80px;position:relative;overflow:hidden;margin:0 0 0 20px;border-top:1px solid #ccc;color:#444;font-size:3.0rem;line-height:80px;} .profile_sns_list li:first-child {border-top:0;} .profile_sns_list li button {width:72px;height:38px;position:absolute;right:20px;top:20px;overflow:hidden;color:rgba(0,0,0,0);} .profile_sns_list li button.btn_connect {background:url('../img/btn_connect.png') no-repeat;background-size:72px 38px;} .profile_sns_list li button.btn_disconnect {background:url('../img/btn_disconnect.png') no-repeat;background-size:72px 38px;} .profile_info_list {margin:14px 0 0 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .profile_info_list li {height:80px;overflow:hidden;margin:0 0 0 20px;border-top:1px solid #ccc;color:#444;font-size:3.0rem;line-height:80px;} .profile_info_list li:after {display:block;clear:both;content:'';} .profile_info_list li:nth-of-type(1) {border-top:0;} .profile_info_list li .tit {float:left;font-style:normal;} .profile_info_list li .description {display:block;overflow:hidden;padding:0 20px;color:#999;font-size:3.0rem;text-align:right;text-overflow:ellipsis;white-space:nowrap;} .profile_info_list li .btn_refresh {width:48px;height:48px;margin:15px 0 0 20px;color:rgba(0,0,0,0);background:url('../img/btn_refresh.png') no-repeat;background-size:48px 48px;} .profile_info_list li .btn_modify {width:48px;height:48px;margin:15px 0 0 20px;color:rgba(0,0,0,0);background:url('../img/btn_modify.png') no-repeat;background-size:48px 48px;} .edit_email .txt_frame {margin:56px 20px 50px;font-size:2.8rem;color:#666;} .edit_email fieldset {margin:0 20px;} .edit_email li ~ li {margin-top:20px;} .edit_email li:first-child {margin-top:0;} .edit_email li input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;color:#999;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .edit_email li .email_report:after {display:block;clear:both;content:'';} .edit_email li .email_report input {width:53.33%;float:left;} .edit_email li .email_report .t {width:7.67%;float:left;margin:18px 0 0 0;color:#666;font-size:3.6rem;line-height:38px;text-align:center;vertical-align:top;} .edit_email li .email_report select {width:39%;height:82px;float:right;padding:0 60px 0 17px;color:#cfcfcf;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px;background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .edit_email li .email_report select.complete {color:#999;} .edit_email .error {margin-top:10px;line-height:1.04;font-size:2.4rem;color:#d82a2a;} .edit_email .confirm_email[disabled='disabled'] {background-color:#eee;} .edit_email .btn_list {margin:50px 0 0;} .edit_email .btn_list button {display:block;width:100%;height:68px;border-radius:10px;line-height:1.13;font-size:3.0rem;color:#fefefe;background-color:#2a84d8;} .set_hive .txt_frame {margin:56px 20px 50px;font-size:2.8rem;color:#666;} .set_hive fieldset {margin:0 20px;} .set_hive li {position:relative;} .set_hive li ~ li {margin-top:20px;} .set_hive li:first-child {margin-top:0;} .set_hive li input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;color:#999;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .set_hive li .email_report:after {display:block;clear:both;content:'';} .set_hive li .email_report input {width:53.33%;float:left;} .set_hive li .email_report .t {width:7.67%;float:left;margin:18px 0 0 0;color:#666;font-size:3.6rem;line-height:38px;text-align:center;vertical-align:top;} .set_hive li .email_report select {width:39%;height:82px;float:right;padding:0 60px 0 17px;color:#cfcfcf;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px;background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .set_hive li .email_report select.complete {color:#999;} .set_hive .error {margin-top:10px;line-height:1.04;font-size:2.4rem;color:#d82a2a;} .set_hive .confirm_email[disabled='disabled'] {background-color:#eee;} .set_hive .btn_list {margin:50px 0 0;} .set_hive .btn_list button {display:block;width:100%;height:68px;border-radius:10px;line-height:1.13;font-size:3.0rem;color:#fefefe;background-color:#2a84d8;} .set_hive .btn_send {min-width:98px;height:56px;padding:0 20px;position:absolute;right:20px;top:12px;color:#fff;font-size:2.6rem;border-radius:10px;background-color:#2a84d8;} .popular_game_down {margin:24px 0 0 0;padding:0 0 10px 0;background-color:#2a84d8;} .popular_game_down h3 {padding:38px 20px 8px;color:#fff;font-size:3.2rem;font-weight:normal;text-align:center;} .popular_game_down .txt {padding:0 20px;color:#dadada;font-size:2.0rem;text-align:center;} .popular_game_down .game_list {margin:42px 20px 0;} .popular_game_down .game_list:after {display:block;clear:both;content:'';} .popular_game_down .game_list li {width:33.33%;height:210px;position:relative;float:left;margin:0 0 30px 0; background:url('../img/bg_shadow.png') repeat-x 1px 154px;background-size:3px 15px;} .popular_game_down .game_list li:after {width:100%;position:absolute;left:0;top:144px;border-bottom:10px solid #e0e0e0;content:'';} .popular_game_down .game_list li:nth-of-type(4), .popular_game_down .game_list li:nth-of-type(5) {width:34%;padding:0 0 0 16%;} .popular_game_down .game_list li:nth-of-type(5) {padding:0 16% 0 0;} .popular_game_down .game_list li .image {width:144px;height:144px;position:relative;display:block;margin:0 auto;} .popular_game_down .game_list li .image:after {width:155px;height:146px;position:absolute;left:-6px;top:-2px;background:url('../img/bg_frame.png') no-repeat;background-size:155px 146px;content:'';} .popular_game_down .game_list li .image img {width:100%;} .popular_game_down .game_list li .game_complete, .popular_game_down .game_list li .game_runn {display:block;margin:29px 0 0 0;color:#fff;font-size:2.4rem;font-style:italic;text-align:center;} .popular_game_down .game_list li .game_runn {color:#f0f224;} .popular_game_down .game_list li .btn_game_down, .popular_game_down .game_list li .btn_game_play {width:144px;height:38px;display:block;margin:26px 0 0 0;color:#2a84d8;font-size:2.4rem;font-style:italic;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;background-color:#d4e6f7;} .popular_game_down .game_list li .btn_game_play {color:#fff;border:1px solid #fff;background:none;} .profile_character_list .character_sel {margin:0 0 9px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .profile_character_list .character_sel a.tit {height:80px;display:block;position:relative;padding:0 0 0 20px;color:#666;font-size:2.6rem;line-height:80px;} .profile_character_list .character_sel a.tit:after {width:22px;height:13px;position:absolute;right:20px;top:50%;margin:-6px 0 0 0;background:url('../img/ico_down_arrow.png') no-repeat 0 0;background-size:22px 13px;content:'';} .profile_character_list .character_sel.selected a.tit:after {background:url('../img/ico_up_arrow.png') no-repeat 0 0;background-size:22px 13px;} .profile_character_list .character_sel .char_list {display:none;margin:0 0 0 20px;padding:30px 20px 10px 0;border-top:1px solid #ccc;} .profile_character_list .character_sel.selected .char_list {display:block;} .profile_character_list .character_sel .char_list:after {display:block;clear:both;content:'';} .profile_character_list .character_sel .char_list li {width:16%;float:left;margin:0 0 20px 0;padding:0 3% 0 2%;} .profile_character_list .character_sel .char_list li:nth-of-type(5n-4) {padding:0 3% 0 0;} .profile_character_list .character_sel .char_list li:nth-of-type(5n-0) {padding:0 0 0 2%;} .profile_character_list .character_sel .char_list li a {width:100%;display:block;position:relative;} .profile_character_list .character_sel .char_list li a.selected:after {width:100%;height:100%;position:absolute;left:0;top:0;border:4px solid #2a84d8;-webkit-box-sizing:border-box;box-sizing:border-box;content:'';} .profile_character_list .character_sel .char_list li a img {width:100%;} .scroll_bar {display:none;} .tit_txt {margin:68px 20px 66px;color:#666;font-size:3.6rem;line-height:36px;text-align:center;} .tit_txt.ty2 {color:#d82a2a;} .tit_txt.ty3 {margin:40px 20px 38px;} .id_setting li {overflow:hidden;margin:20px 20px 0;} .id_setting li:first-child {margin:0 20px 0;} .id_setting li input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .id_setting .error {margin:0 0 -4px 0;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .id_setting .error.ps {color:#2a84d8;} .btn_area_b_ty2 {margin:50px 20px 0;} .btn_area_b_ty2:after {display:block;clear:both;content:'';} .btn_area_b_ty2 .btn_ty_1, .btn_area_b_ty2 .btn_ty_2, .btn_area_b_ty2 .btn_ty_3 {width:48%;height:68px;float:left;margin:0 2% 0 0;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#bfbfbf;} .btn_area_b_ty2 .btn_ty_2 {margin:0 0 0 2%;background-color:#2a84d8;} .btn_area_b_ty2 .btn_ty_3 {margin:0 0 0 2%;color:#ddd;background-color:#bfbfbf;} .btn_area_b_ty3 {margin:15px 40px 0;} .btn_area_b_ty3 button {display:block;width:100%;height:80px;padding:0 20px;margin:0 auto;font-size:3.6rem;color:#eee;background-color:#bfbfbf;border-radius:10px;box-sizing:border-box;} .btn_area_b_ty3 button.on {background:#2b84d8;} .editpwd_link .btn_editpwd {width:100%;height:80px;margin:30px 0 0 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#2a84d8;font-size:3.0rem;line-height:34px;background-color:#fff;} .editpwd_link .notice {padding:11px 0 0 18px;font-size:2.4rem;color:#999;letter-spacing:-.5px;} .profile_chimg {overflow:hidden;margin:14px 0 0 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .profile_chimg li {position:relative;margin:0 0 0 20px;} .profile_chimg li:after {width:16px;height:28px;position:absolute;right:20px;top:28px;background:url('../img/ico_link_arrow_6.png') no-repeat 0 0;background-size:13px 22px;content:'';} .profile_chimg li button, .profile_chimg li .btn_photo {width:100%;height:80px;display:block;padding:0 0 0 42px;color:#666;font-size:2.8rem;font-weight:normal;text-align:left;line-height:80px;border-top:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;} .profile_chimg li button:after, .profile_chimg li .btn_photo:after {width:56px;height:56px;position:absolute;left:0;top:20px;content:'';} .profile_chimg li .btn_camera:after {background:url('../img/btn_edit_photo_3.png') no-repeat 0 6px;background-size:32px 27px;} .profile_chimg li .btn_photo:after {background:url('../img/btn_album.png') no-repeat 0 4px;background-size:32px 32px;} .profile_chimg li .btn_photo {border-top:0;} .profile_chimg li input {width:100%;height:100%;position:absolute;top:1px;left:1px;opacity:0;} .profile_nickname {margin:14px 0 30px 0;padding:22px 20px 26px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .profile_nickname .txt {margin:0 0 16px 0;color:#999;font-size:2.4rem;line-height:30px;} .profile_nickname input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .profile_nickname .error {margin:0 0 -4px 0;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .btn_area_b .btn_mdf_save {width:100%;height:68px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} .profile_guest_txt {width:100%;padding:170px 20px;color:#666;font-size:3.2rem;font-weight:bold;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;} .btn_area_b_ty2.guest {margin: 0 20px 0;} .btn_area_b_ty2.guest .btn_ty_1 {color:#2a84d8;border:2px solid #2a84d8;background-color:#eee;} .profile_init {margin-top:50px;text-align:center;} .profile_init .btn_init {line-height:1;font-size:2.8rem;color:#2a84d8;text-decoration:underline;} /* games */ .m_game_list.games_list {margin:30px 20px 0 20px;} .m_game_list.games_list li.new .tit, .m_game_list.games_list li.hot .tit {padding:20px 180px 0 38px;} .games_list li.new em, .games_list li.hot em {width:30px;height:56px;position:absolute;left:-1px;top:-1px;color:rgba(0,0,0,0);} .games_list li.new em {background:url('../img/ico_new_3.png') no-repeat 0 0;background-size:30px 56px;} .games_list li.hot em {background:url('../img/ico_hot.png') no-repeat 0 0;background-size:30px 56px;} .game_os_select {position:absolute;right:20px;top:68px;} .game_os_select:after {display:block;clear:both;content:'';} .game_os_select .btn_ios, .game_os_select .btn_android {width:46px;height:68px;float:left;overflow:hidden;color:rgba(0,0,0,0);} .game_os_select .btn_ios {margin:0 20px 0 0;background:url('../img/btn_ios_off.png') no-repeat 0 11px;background-size:46px 46px;} .game_os_select .btn_android {background:url('../img/btn_android_off.png') no-repeat 0 11px;background-size:46px 46px;} .game_os_select .btn_ios.selected {background:url('../img/btn_ios_on.png') no-repeat 0 11px;background-size:46px 46px;} .game_os_select .btn_android.selected {background:url('../img/btn_android_on.png') no-repeat 0 11px;background-size:46px 46px;} .games_head {height:326px;position:relative;border-bottom:1px solid #ccc;} .games_head:after {width:100%;height:326px;position:absolute;left:0;top:0;background-color:rgba(42,132,216,0.8);content:'';} .games_head .image {width:144px;height:144px;position:absolute;left:50%;top:52px;margin:0 0 0 -76px;padding:4px;background-color:#fff;z-index:10;} .games_head .image img {width:100%;} .games_head .game_name {width:100%;position:absolute;left:0;top:226px;padding:0 20px;color:#fff;font-size:3.0rem;font-weight:normal;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10;} .games_head .game_name .ntype {display:block;color:#ddd;font-size:2.4rem;} .games_head .btn_area a {width:68px;height:68px;position:absolute;top:92px;color:rgba(0,0,0,0);z-index:10;} .games_head .btn_area a.btn_cafe {left:116px;background:url('../img/btn_cafe.png') no-repeat;background-size:68px 68px;} .games_head .btn_area a.btn_download {right:120px;background:url('../img/btn_download_3.png') no-repeat;background-size:68px 68px;} .games_head .btn_area.cn a.btn_cafe {left:auto;right:146px;} .games_head .btn_area.cn a.btn_download {right:48px;} .games_head .btn_area a.btn_lebi {display:none;left:48px;background:url('../img/btn_lebi_2.png') no-repeat;background-size:68px 68px;} .games_head .btn_area a.btn_wechat {display:none;left:146px;background:url('../img/btn_wechat_4.png') no-repeat;background-size:68px 68px;} .games_head .btn_area.cn a.btn_lebi, .games_head .btn_area.cn a.btn_wechat {display:block;} .games_head .btn_area.cn.lb a.btn_wechat {display:none;} .games_head .btn_area.cn.lb a:first-child {left:116px;} .games_head .game_bg.land {display:none;} .games_head .game_bg img {width:100%;height:326px;} .game_guide {margin:13px 0 0 0;padding:20px 20px 32px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .game_guide .glist {position:relative;overflow:hidden;} .game_guide .glist ul:after {display:block;clear:both;content:'';} .game_guide .glist li {position:relative;float:left;margin:0 0 0 20px;} .game_guide .glist li:first-child {margin:0 0 0 0;} .game_guide.gmp .glist li {width:338px;height:600px;} .game_guide .glist li a.play:after {width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.6) url('../img/btn_play_2.png') no-repeat 50% 50%;background-size:80px 80px;content:'';} .game_guide .glist li img {width:100%;} .game_guide .navi {margin:12px 0 0 0;text-align:center;} .game_guide .navi span {width:16px;height:17px;display:inline-block;margin:0 10px 0 0;color:rgba(0,0,0,0);vertical-align:top;border-radius:10px;border:2px solid #999;-webkit-box-sizing:border-box;box-sizing:border-box;} .game_guide .navi span.selected {border:0;background-color:#2a84d8;} .game_guide .txt {overflow:hidden;margin:20px 0 0 0;color:#666;font-size:2.6rem;line-height:34px;} .game_feature_list {overflow:hidden;margin:13px 0 0 0;padding:18px 20px 20px;color:#666;font-size:2.4rem;line-height:34px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .game_ratings_12age {width:476px;height:92px;margin:50px auto 0;} .game_ratings_12age img {width:100%;} /* New 2019-04-02 */ .genre_tab {height:77px;margin-bottom:13px;border-bottom:1px solid #ccc;background:#fff;overflow-x:scroll;} .genre_tab::-webkit-scrollbar {display:none;} .genre_tab ul {display:table;height:100%;padding:0 20px;box-sizing:border-box;} .genre_tab ul li {display:table-cell;height:100%;padding-left:9px;} .genre_tab ul li:first-child {padding-left:0;} .genre_tab ul li button {position:relative;height:100%;padding:0 21px 0 20px;font-size:2.6rem;letter-spacing:-1px;color:#999;box-sizing:border-box;} .genre_tab ul li.on button {font-weight:bold;color:#2a84d8;} .genre_tab ul li.on button:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:#2a84d8;} .order_list {height:70px;padding-left:32px;border-bottom:1px solid #ccc;overflow:hidden;} .order_list .tit {float:left;margin-right:36px;font-size:2.4rem;color:#444;line-height:70px;} .order_list ul {float:left;height:100%;} .order_list ul li {float:left;height:100%;margin-left:41px;} .order_list ul li:first-child {margin-left:0;} .order_list ul button {position:relative;width:100%;height:100%;letter-spacing:-1px;padding-left:17px;font-size:2.4rem;color:#929292;} .order_list ul button:after {content:"";position:absolute;left:0;top:50%;width:15px;height:12px;margin-top:-6px;background:url(../img/icon_check.png)no-repeat left top;background-size:15px 12px;} .order_list ul .on button {color:#2a84d8;} .order_list ul .on button:after {background:url(../img/icon_check_on.png)no-repeat left top;background-size:15px 12px;} .game_list_new {width:100%;background:#fff;margin:0;padding:0 0 29px 0;border-bottom:1px solid #ccc;overflow:hidden;box-sizing:border-box;} .game_list_new li {height:200px;padding:30px 20px 0;} .game_list_new li a {position:relative;display:block;height:200px;padding-left:220px;padding-top:13px;overflow:hidden;box-sizing:border-box;} .game_list_new li.new a, .game_list_new li.best a {padding-top:43px;} .game_list_new li .thumb {position:absolute;left:0;top:0;width:200px;height:200px;border-radius:48px;overflow:hidden;background-color:#eaeaea;} .game_list_new li .thumb img {width:200px;height:200px;} .game_list_new h3 {margin-bottom:2px;font-size:3.0rem;color:#444;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} .game_list_new .sticker {display:none;position:absolute;left:210px;top:0;width:80px;height:40px;font-size:0;text-indent:-124235px;text-align:center;background:url(../img/icon_sticker.png)no-repeat left top;background-size:100% auto;} .game_list_new .new .sticker {display:block;background-position:0 0;} .game_list_new .best .sticker {display:block;background-position:0 100%;} .game_list_new .genre {font-size:2.4rem;color:#2a84d8;} .game_list_new .content {position:absolute;left:220px;bottom:1px;height:68px;overflow:hidden;font-size:2.4rem;color:#77828d;line-height:34px;} .game_list_new .content div {display:table;width:100%;height:100%;vertical-align:middle;} .game_list_new .content div p {display:table-cell;width:100%;height:100%;vertical-align:middle;} .game_list_new .content i {display:inline-block;height:34px;margin-right:10px;vertical-align:top;} .game_list_new .content i img {width:auto;height:100%;vertical-align:top;} .game_list_new li.tag a {padding-top:0;} .game_list_new li .tag {height:40px;margin:0 0 4px -10px;overflow:hidden;} .game_list_new li .tag span {float:left;height:40px;margin-left:3px;padding:0 15px;font-size:2.0rem;color:#fff;font-weight:bold;line-height:2;border-radius:100px;text-size-adjust:none;} .game_list_new li .tag span:first-child {margin-left:0;} .game_list_new li .tag .new {background:#00d4c4;} .game_list_new li .tag .recommend {background:#0084ff;} .game_list_new li .tag .popular {background:#6a47ff;} .game_list_new li .tag .update {background:#ff5f67;} .game_detail .youtube_wrap {position:relative;} .game_detail .youtube_wrap p {padding-bottom:56.25%;} .game_detail .youtube_wrap iframe {position:absolute;top:0;left:0;right:0;bottom:0;z-index:9;width:100%;height:100%;border:0 none;} .game_detail .youtube_wrap a {position:relative;display:block;} .game_detail .youtube_wrap img {width:100%;} .game_detail .youtube_wrap a:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6) url(../img/btn_play_2.png) no-repeat 50% 50%;background-size:80px 80px;} .game_detail .game_contents {margin-bottom:20px;background:#fff;padding:30px 20px 0;} .game_detail .introduce {position:relative;height:200px;padding:0 0 20px 229px;border-bottom:1px solid #ccc;overflow:hidden;} .game_detail .introduce .thumb {position:absolute;left:0;top:0;width:200px;height:200px;border-radius:48px;background:#eaeaea;overflow:hidden;} .game_detail .introduce .thumb img {width:100%;height:100%;} .game_detail .introduce dl {padding-top:25px;} .game_detail .introduce dt {height:84px;margin-bottom:10px;font-size:3.6rem;color:#444;font-weight:bold;line-height:42px;overflow:hidden;} .game_detail .introduce dt div {display:table;width:100%;height:100%;vertical-align:middle;} .game_detail .introduce dt p {display:table-cell;width:100%;height:100%;vertical-align:middle;} .game_detail .introduce dd {font-size:2.4rem;color:#2a84d8;} .game_detail .introduce_txt {padding:30px 0 31px;border-bottom:1px solid #ccc;} .game_detail .introduce_txt span {width:100%;height:34px;display:block;overflow:hidden;margin-top:16px;font-size:2.8rem;color:#77828d;font-weight:bold;line-height:34px;text-align:center;}/* 2019-04-22 .Edit Sunmin Koak */ .game_detail .introduce_txt span:first-child {margin-top:0;} .game_detail .introduce_txt i {display:inline-block;height:34px;margin-right:10px;vertical-align:top;} .game_detail .introduce_txt i img {width:auto;height:100%;vertical-align:top;} .game_detail .btns {padding-top:19px;margin-bottom:50px;overflow:hidden;} .game_detail .btns p {float:left;width:50%;height:68px;box-sizing:border-box;} .game_detail .btns .share {padding-right:10px;} .game_detail .btns .game {padding-left:10px;} .game_detail .btns button {width:100%;height:100%;box-sizing:border-box;font-size:2.6rem;border-radius:10px;} .game_detail .share button {color:#2a84d8;border:2px solid #2a84d8;} .game_detail .game button {color:#fff;background:#2a84d8;} .game_detail .gallery_wrap {height:310px;overflow-x:scroll;margin:0 -20px;-webkit-overflow-scrolling:touch;} .game_detail .gallery_wrap::-webkit-scrollbar {display:none;} .game_detail .gallery_wrap ul {display:table;width:100%;height:100%;padding:0 20px;box-sizing:border-box;} .game_detail .gallery_wrap li {display:table-cell;width:549px;height:100%;padding-left:20px;overflow:hidden;} .game_detail .gallery_wrap li:first-child {padding-left:0;} .game_detail .gallery_wrap img {width:549px;height:310px;border-radius:10px;} .game_detail .game_txt {position:relative;margin-top:35px;padding-bottom:32px;border-bottom:1px solid #ccc;} .game_detail .feature_txt {position:relative;margin-top:25px;padding-bottom:45px;} .game_detail .game_feature_list {height:160px;margin:0;padding:0;font-size:2.4rem;color:#999;line-height:32px;border:0;overflow:hidden;} .game_detail h3 {margin-bottom:21px;font-size:2.6rem;color:#444;font-weight:bold;} .game_detail .txt {height:160px;font-size:2.4rem;color:#999;line-height:32px;overflow:hidden;} .game_detail .more {margin-top:27px;} .game_detail .more button {position:relative;padding-right:22px;font-size:2.4rem;color:#2a84d8;font-weight:bold;} .game_detail .more button:after {content:"";position:absolute;right:0;top:50%;width:16px;height:10px;margin-top:-5px;background:url(../img/icon_more.png)no-repeat left top;background-size:100% 100%;} .game_detail .on .txt, .game_detail .on .game_feature_list {height:auto;} .game_detail .on .more {display:none;} .game_detail .other_game {padding:34px 0;background:#fff;} .game_detail .other_game h3 {margin:0 0 22px 20px;} .game_detail .other_game div {height:276px;overflow-x:scroll;-webkit-overflow-scrolling:touch;} .game_detail .other_game div::-webkit-scrollbar {display:none;} .game_detail .other_game ul {display:table;height:100%;padding:0 20px;overflow:hidden;} .game_detail .other_game li {display:table-cell;width:200px;height:100%;padding-left:30px;text-align:center;overflow:hidden;} .game_detail .other_game li:first-child {padding-left:0;} .game_detail .other_game a {display:block;} .game_detail .other_game .thumb {width:200px;height:200px;margin:0 auto 12px;border-radius:48px;overflow:hidden;} .game_detail .other_game .thumb img {width:100%;height:100%;} .game_detail .other_game dl {text-align:center;} .game_detail .other_game dt {height:34px;margin-bottom:1px;font-size:2.6rem;color:#666;width:100%;line-height:34px;font-weight:bold;overflow:hidden;} .game_detail .other_game dd {font-size:2.2rem;color:#2a84d8;} .game_detail .other_game dt i {display:inline-block;width:auto;height:34px;margin-right:5px;vertical-align:top;} .game_detail .other_game dt i img {width:auto;height:100%;} /* customer service */ .custom_menu {margin:30px 20px 0;border:1px solid #ccc;} .custom_menu li a {position:relative;height:100px;display:block;border-top:1px solid #ccc;color:#666;font-size:3.0rem;font-weight:bold;line-height:100px;text-align:center;background-color:#fff;} .custom_menu li:first-child a {border-top:0;} .custom_menu li a strong {color:#2a84d8;} .custom_menu li a .new {width:38px;height:38px;position:absolute;right:20px;top:30px;color:rgba(0,0,0,0);background:url('../img/ico_new.png') no-repeat 0 0;background-size:38px 38px;} .faq_list {border-bottom:1px solid #ccc;} .faq_list li {border-top:1px solid #ccc;background-color:#fff;} .faq_list li .question {display:block;position:relative;padding:20px 62px 23px 20px;color:#666;font-size:2.6rem;line-height:35px;} .faq_list li .question span {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .faq_list li .question span em {width:28px;height:28px;display:inline-block;margin:0 8px 2px 0;color:rgba(0,0,0,0);vertical-align:middle;} .faq_list li .question span em.new {background:url('../img/ico_new_7.png') no-repeat 0 0;background-size:28px 28px;} .faq_list li .question span em.hot {background:url('../img/ico_hot_2.png') no-repeat 0 0;background-size:28px 28px;} .faq_list li .question:after {width:22px;height:13px;position:absolute;right:20px;top:50%;margin:-6px 0 0 0;background:url('../img/ico_down_arrow.png') no-repeat 0 0;background-size:22px 13px;content:'';} .faq_list li.selected .question:after {background:url('../img/ico_up_arrow.png') no-repeat 0 0;background-size:22px 13px;} .faq_list li .answer {display:none;margin:0 0 0 20px;padding:13px 20px 24px 0;color:#999;font-size:2.6rem;line-height:35px;border-top:1px solid #ccc;} .faq_list li.selected .answer {display:block;} .faq_list li .answer .war {display:block;margin:26px 0 0 0;color:#d82a2a;font-size:2.2rem;font-style:normal;line-height:26px;} .faq_list li strong {color:#2a84d8;} .cs_guide {display:block;margin:40px 20px 0;text-align:center;} .cs_guide.ty {margin:20px 0 0 0;padding:0 20px;} .cs_guide .txt {margin:0 20px 16px;color:#999;font-size:2.4rem;} .cs_guide .btn_ty_1 {min-width:100%;height:68px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} .cs_guide .btn_ty_1.off {color:#ddd;background-color:#bfbfbf;} .cs_guide .btn_cs {position:relative;min-width:100%;height:68px;margin-top:20px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#303030;} .cs_guide .btn_cs .new {width:38px;height:38px;position:absolute;right:20px;top:50%;margin-top:-19px;font-size:2.0rem;font-style:normal;line-height:38px;background:#db2c33;border-radius:50px;text-align:center;} .cs_guide .btn_ty_2 {min-width:290px;height:68px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} .cs_write {margin:0 20px 0;} .cs_write .int_box {height:80px;overflow:hidden;border:1px solid #ccc;border-bottom:0;background-color:#fff;} .cs_write .int_box.email {border-bottom:1px solid #ccc;} .cs_write .int_box input[type="text"] {width:100%;height:100%;padding:0 19px;border:0;color:#444;font-size:2.0rem;-webkit-box-sizing:border-box;box-sizing:border-box;letter-spacing:-.5px;} .cs_write .int_box input[type="text"].off {color:#bfbfbf;background-color:#eee;opacity:10;} .cs_write .int_txt {margin:10px 0 0 0;} .cs_write .int_txt label {display:inline-block;padding:4px 0 22px 48px;color:#999;font-size:2.4rem;line-height:32px;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .cs_write .int_txt label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .cs_write input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .cs_write .int_textarea {border:1px solid #ccc;background-color:#fff;} .cs_write .int_textarea.file {padding:0;border-bottom:0;overflow:hidden;} .cs_write .file_btn {height:56px;position:relative;} .cs_write .file_btn em {display:block;padding:0 0 0 67px;color:#cfcfcf;font-size:2.0rem;line-height:54px;} .cs_write .file_btn .btn_add, .cs_write .file_btn .btn_delete {width:68px;height:56px;position:absolute;top:0;color:rgba(0,0,0,0);background:url('../img/btn_add.png') no-repeat 20px 14px;background-size:28px 28px;} .cs_write .file_btn .btn_add {left:0;} .cs_write .file_btn .btn_delete {right:0;background:url('../img/btn_delete.png') no-repeat 20px 26px;background-size:28px 4px;} .cs_write .file_btn .btn_add input {width:100%;height:100%;position:absolute;top:1px;left:1px;opacity:0;} .cs_write .file_view_img {margin:0 20px;} .cs_write .file_view_img p {position:relative;margin:10px 0 0 0;} .cs_write .file_view_img p:first-child {margin-top:20px;} .cs_write .file_view_img p:last-child {margin-bottom:20px;} .cs_write .file_view_img .image {position:absolute;left:0;top:0;width:88px;height:88px;} .cs_write .file_view_img .image img {width:100%;height:100%;} .cs_write .file_view_img .image.video:after {width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.6) url('../img/btn_play_1.png') no-repeat 50% 50%;background-size:38px 38px;content:'';} .cs_write .file_view_img .info {height:88px;display:block;margin:0 0 0 98px;padding:19px 19px 0 19px;color:#999;font-size:2.0rem;line-height:28px;-webkit-box-sizing:border-box;box-sizing:border-box; background-color:#dcdcdc;} .cs_write .file_view_img .info em {display:block;color:#afafaf;font-style:normal;} .cs_write .file_view_img .info i {display:-webkit-box;overflow:hidden;font-style:normal;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .cs_write .file_view_text {margin:0 20px;} .cs_write .file_view_text p {height:46px;display:block;overflow:hidden;margin:10px 0 0 0;padding:0 19px;color:#999;font-size:2.0rem;line-height:45px;text-overflow:ellipsis;white-space:nowrap;background-color:#dcdcdc;} .cs_write .file_view_text p:first-child {margin-top:20px;} .cs_write .file_view_text p:last-child {margin-bottom:20px;} .cs_write .txt_area {margin:20px 20px 0;} .cs_write .txt_area textarea {width:100%;height:84px;color:#666;font-size:2.8rem;line-height:28px;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;} .cs_write .txt_area.report textarea {color:#cfcfcf;height:556px;line-height:32px;} .cs_write .limit {margin:4px 20px 15px 0;color:#cfcfcf;font-size:2.0rem;text-align:right;} .cs_write .limit span {color:#2a84d8;} .cs_write .note_agree {margin:10px 20px 0;color:#999;font-size:2.4rem;line-height:30px;} .cs_write .note_agree > p {margin-top:14px;} .cs_write .note_agree > p:first-child {margin-top:0;} .cs_write .note_agree > p.txt {margin-top:0;} .cs_write .note_agree > .dot {position:relative;padding-left:15px;} .cs_write .note_agree > .dot:after {position:absolute;content:"";left:0;top:12px;width:4px;height:4px;background:#898989;border-radius:20px;} .cs_write .note_agree em {display:block;color:#d82a2a;font-style:normal;} .cs_write .note_agree .agree {margin-top:0;padding:20px 0 10px 0;} .cs_write .note_agree label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:28px;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .cs_write .note_agree label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .cs_write .note_agree .age_sel {padding:20px 0 10px 0;} .cs_write .note_agree .age_sel p {position:relative;margin-top:5px;} .cs_write .note_agree .age_sel p:first-child {margin-top:0;} .cs_write .note_agree .age_sel input {display:block;position:absolute;left:0;top:6px;width:30px;height:30px;-webkit-appearance:radio;} .cs_write .note_agree .age_sel label {background:none;padding-left:38px;} .cs_write .info_txt {padding:8px 0 14px 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .stit_h3 {margin:66px 20px 70px;color:#666;font-size:3.6rem;text-align:center;} .cs_email_txt {margin:0 20px;padding:30px 40px 32px;color:#666;font-size:2.8rem;line-height:38px;text-align:center;border:1px solid #ccc;background-color:#fff;} .cs_email_txt a {color:#2a84d8;} .HIVEcontents > h3 {margin:23px 20px 15px;font-size:2.4rem;color:#999;line-height:30px;font-weight:normal;} .HIVEcontents .point {position:relative;padding-left:20px;} .HIVEcontents .point:after {content:"";position:absolute;left:0;top:50%;width:10px;height:10px;margin-top:-5px;background-color:#d82a2a;border-radius:50px;} .select_area li {margin-bottom:20px;} .select_area li select {margin:0;} .cs_write ul li {position:relative;padding-left:20px;} .cs_write ul li.point:after {top:35px;margin-top:0;} .board_list {border-top:1px solid #ccc;} .board_list.cnews {margin:20px 0 0 0;} .board_list li {border-bottom:1px solid #ccc;background-color:#fff;} .board_list.edit li {position:relative;padding:0 20px 18px;} .board_list li a {display:block;position:relative;padding:0 20px 18px;} .board_list li .category {display:block;overflow:hidden;padding:16px 140px 0 0;color:#999;font-size:2.2rem;text-overflow:ellipsis;white-space:nowrap;} .board_list.cnews li .category {color:#bfbfbf;} .board_list li .category .state_comp {color:#2a84d8;} .board_list li .category .state_proc {color:#999;} .board_list li .category .state_rece {color:#db2c33;} .board_list li .date {position:absolute;right:20px;top:16px;color:#bfbfbf;font-size:2.0rem;} .board_list li .tit {display:block;padding:18px 26px 0 0;color:#666;font-size:2.6rem;font-weight:normal;} .board_list.msg li .tit {overflow:hidden;padding:18px 62px 0 0;text-overflow:ellipsis;white-space:nowrap;} .board_list.cnews li .tit {display:-webkit-box;overflow:hidden;;padding:18px 0 0 0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .board_list li .ico_new {width:38px;height:38px;position:absolute;right:20px;top:57px;color:rgba(0,0,0,0);background:url('../img/ico_new.png') no-repeat 0 0;background-size:38px 38px;} .board_list li .btn_delete {width:59px;height:59px;position:absolute;right:0;top:47px;color:rgba(0,0,0,0);background:url('../img/btn_delete_2.png') no-repeat 20px 20px;background-size:19px 19px;} .board_list.cnews li .commdate {display:block;padding:6px 0 0 0;color:#999;font-size:2.4rem;} .board_list.cnews li .commdate i {color:#db2c33;font-style:normal;} .board_view {position:relative;border-top:1px solid #ccc;background-color:#fff;} .board_view .category {display:block;padding:16px 0 0 20px;color:#999;font-size:2.2rem;} .board_view .category .state_comp {color:#2a84d8;} .board_view .category .state_proc {color:#999;} .board_view .category .state_rece {color:#db2c33;} .board_view .date {position:absolute;right:20px;top:16px;color:#bfbfbf;font-size:2.0rem;} .board_view .tit {display:block;padding:18px 52px 20px 0;margin:0 0 0 20px;color:#666;font-size:2.6rem;font-weight:normal;word-wrap:break-word;border-bottom:1px solid #ccc;} .board_view .image {display:block;margin:20px 160px 0 20px;} .board_view .noti img {width:100% !important;margin:0 0 20px 0;} .board_view .image img {width:100%;} .board_view .image_dp {display:block;margin:20px 20px 0;} .board_view .image_dp img {width:95px;height:120px;} .board_view .txt {padding:22px 20px 30px;color:#999;font-size:2.6rem;line-height:34px;word-wrap:break-word;word-break:keep-all;} .board_view .txt a {color:#2a84d8;font-size:2.6rem;text-decoration:underline;} .mymsg_answer {position:relative;padding:0 0 40px 20px;background-color:#fff;} .mymsg_answer .tit {display:block;padding:14px 0 0 23px;color:#2a84d8;font-size:2.2rem;font-weight:normal;border-top:1px solid #ccc;background:url('../img/ico_answer.png') no-repeat 0 10px;background-size:14px 20px;} .mymsg_answer .date {position:absolute;right:20px;top:16px;color:#bfbfbf;font-size:2.0rem;} .mymsg_answer .txt {margin:18px 20px 0 0;color:#666;font-size:2.6rem;line-height:36px;} .mymsg_answer .recont {padding:30px 20px 0 0;} .mymsg_answer .btn_recont {width:100%;height:68px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2b84d8;} .mymsg_answer .image {display:block;margin:26px 160px 10px 0;} .mymsg_answer .image img {width:100%;} /* 2019-09-11 추가 */ .mymsg_answer .rating {margin:40px 20px 0 0;padding:32px 29px 40px;background:#eee;border:1px solid #ccc;} .mymsg_answer .rating .rating_txt {margin-bottom:34px;font-size:2.8rem;line-height:34px;color:#666;text-align:left;} .mymsg_answer .rating .selec_star {margin-bottom:40px;text-align:center;vertical-align:top;} .mymsg_answer .rating .selec_star li {display:inline-block;width:56px;height:55px;margin-left:10px;vertical-align:top;} .mymsg_answer .rating .selec_star li:first-child {margin-left:0;} .mymsg_answer .rating .selec_star li button {width:100%;height:100%;font-size:0;background:url('../img/icon_star.png')no-repeat left top;background-size:100% 100%;cursor:pointer;} .mymsg_answer .rating .selec_star li button.on {background:url('../img/icon_star_on.png')no-repeat left top;background-size:100% 100%;} .mymsg_answer .rating .select {margin-bottom:40px;} .mymsg_answer .rating .select select {width:100%;height:56px;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;border-radius:10px;background-size:38px 10px;} .mymsg_answer .rating .btn_rating button {width:100%;height:67px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2b84d8;} .mymsg_answer .rating_complete {margin:40px 20px 0 0;padding:49px 29px 51px;font-size:2.8rem;color:#2a84d8;line-height:40px;background:#eee;border:1px solid #ccc;text-align:left;} .view_navi {height:68px;position:relative;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .view_navi .btn_prev, .view_navi .btn_next {width:56px;height:68px;position:absolute;left:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_prev_on.png') no-repeat 20px 20px;background-size:16px 28px;} .view_navi .btn_next {left:116px;background:url('../img/btn_next_on.png') no-repeat 20px 20px;background-size:16px 28px;} .view_navi .btn_prev.non {background:url('../img/btn_prev_off.png') no-repeat 20px 20px;background-size:16px 28px;} .view_navi .btn_next.non {background:url('../img/btn_next_off.png') no-repeat 20px 20px;background-size:16px 28px;} .view_navi .btn_list {height:68px;position:absolute;right:20px;top:0;color:#999;font-size:3.0rem;line-height:68px;text-align:center;} .reportcenter_info {margin:24px 20px 0;} .reportcenter_info p {margin:0 0 32px 0;color:#666;font-size:2.8rem;line-height:36px;} .reportcenter_agree {margin:10px 0 0;padding:0 0 20px 0;color:#999;font-size:2.4rem;line-height:30px;} .reportcenter_agree .agree {padding:40px 0 14px 0;} .reportcenter_agree input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .reportcenter_agree label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:28px;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .reportcenter_agree label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .reportcenter_agree em {display:block;padding:0 0 0 18px;color:#d82a2a;font-style:normal;text-indent:-18px;} .reportcenter_agree .btn_use_link {display:block;margin:24px 0 0 0;color:#2a84d8;font-size:2.8rem;line-height:38px;text-align:center;text-decoration:underline;} .search_none {margin-top:40px;padding:0 40px;padding-top:266px;font-size:3.2rem;color:#666;font-weight:bold;line-height:42px;text-align:center;background:url('../img/bg_character_1.png')no-repeat center 0;background-size:221px 217px;} .sel_game {margin-top:-20px;padding:0 18px;} .sel_game::after {content: '';display:block;clear:both;height:0;} .sel_game li {float:left;width:50%;padding:0 18px;margin-top:36px;box-sizing:border-box;} .sel_game li a {position:relative;display:block;overflow:hidden;border-radius:40px;-webkit-box-shadow:0px 5px 20px 0px rgba(0,0,0,0.3);box-shadow:0px 5px 20px 0px rgba(0,0,0,0.3);} .sel_game li img {width:100%;} .sel_game li .name {position:absolute;left:0;top:0;width:100%;height:100%;padding:0 30px;font-size:2.8rem;color:#fff;line-height:34px;font-weight:bold;text-align:center;background:rgba(0,0,0,.5);box-sizing:border-box;} .sel_game .name .cells {display:table;width:100%;height:100%;vertical-align:middle;} .sel_game .name .cell {display:table-cell;width:100%;height:100%;vertical-align:middle;} .sel_game .name i {display:inline-block;width:10px;height:10px;margin:10px 10px 0 0;background:#fa424a;border-radius:100px;vertical-align:top;} .btn_game_more {padding:40px 36px 0;} .btn_game_more button {width:100%;height:68px;font-size:3.0rem;color:#fff;background:#bfbfbf;border-radius:10px;} /* cafe */ .cafe_all_list {margin:30px 0 0 0;border-top:1px solid #ccc;} .cafe_all_list.ty2 {margin:20px 0 0 0;} .cafe_all_list li {position:relative;border-bottom:1px solid #ccc;background-color:#fff;} .cafe_all_list li a {display:block;padding:0 0 0 20px;height:154px;} .cafe_all_list li .game_name {display:block;overflow:hidden;padding:36px 212px 0 0;color:#444;font-size:3.0rem;font-weight:normal;line-height:34px;text-overflow:ellipsis;white-space:nowrap;} .cafe_all_list li .date {display:block;padding:26px 0 0 0;color:#bfbfbf;font-size:2.4rem;line-height:40px;} .cafe_all_list li .date .new {width:38px;height:38px;display:inline-block;color:rgba(0,0,0,0);background:url('../img/ico_new.png') no-repeat 0 0;background-size:38px 38px;} .cafe_all_list li .image {width:114px;height:114px;position:absolute;right:78px;top:20px;} .cafe_all_list li .image img {width:100%;} .cafe_all_list li .btn_bookmark {width:78px;height:77px;position:absolute;right:0;top:39px;overflow:hidden;color:rgba(0,0,0,0);background:url('../img/btn_bookmark_off.png') no-repeat 20px 20px;background-size:38px 37px;} .cafe_all_list li .btn_bookmark.selected {background:url('../img/btn_bookmark_on.png') no-repeat 20px 20px;background-size:38px 37px;} .ssub_tab {margin:20px 20px 0;} .ssub_tab:after {display:block;clear:both;content:'';} .ssub_tab li {width:33.33%;float:left;} .ssub_tab li a {height:54px;display:block;color:#2a84d8;font-size:2.6rem;line-height:56px;text-align:center;border-radius:10px;border:1px solid #2a84d8;background-color:#fff;} .ssub_tab li:nth-of-type(1) a {border-radius:10px 0 0 10px;} .ssub_tab li:nth-of-type(2) a {border-radius:0 0 0 0;border-left:0;border-right:0;} .ssub_tab li:nth-of-type(3) a {border-radius:0 10px 10px 0;} .ssub_tab li a.selected {color:#fff;background-color:#2a84d8;} .cafe_list.cposts {margin:20px 0 0 0;} .cafe_list.cposts li.image a {min-height:186px;} .cafe_list li a .game_name {display:block;padding:18px 0 0 0;color:#bfbfbf;font-size:2.4rem;font-style:italic;font-weight:normal;} .cafe_mg_head {height:192px;position:relative;border-bottom:1px solid #ccc;background-color:#2a84d8;} .cafe_mg_head .game_name {overflow:hidden;padding:28px 20px 0 190px;color:#fefefe;font-size:3.0rem;text-overflow:ellipsis;white-space:nowrap;} .cafe_mg_head .game_name .tit {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .cafe_mg_head .game_name .ntype {display:block;color:#ddd;font-size:2.4rem;font-weight:normal;} .cafe_mg_head .image {width:144px;height:144px;position:absolute;left:20px;top:20px;padding:4px;background-color:#fff;} .cafe_mg_head .image img {width:100%;} .cafe_mg_head .btn_area {position:absolute;right:20px;top:104px;} .cafe_mg_head .btn_area:after {display:block;clear:both;content:'';} .cafe_mg_head .btn_area a {width:68px;height:68px;overflow:hidden;float:left;margin:0 0 0 20px;color:rgba(0,0,0,0);} .cafe_mg_head .btn_area a.btn_wechat {background:url('../img/btn_wechat_4.png') no-repeat;background-size:68px 68px;} .cafe_mg_head .btn_area a.btn_event {background:url('../img/btn_event.png') no-repeat;background-size:68px 68px;} .cafe_mg_head .btn_area a.btn_download {background:url('../img/btn_download_3.png') no-repeat;background-size:68px 68px;} .btn_cafe_dtail {padding:0 0 20px 0;} .btn_cafe_dtail:after {display:block;clear:both;content:'';} .btn_cafe_dtail button {width:49%;height:56px;float:left;color:#666;font-size:2.6rem;border-radius:10px;border:1px solid #ccc;background-color:#fff;} .btn_cafe_dtail button:first-child {margin:0 1% 0 0;} .btn_cafe_dtail button:last-child {margin:0 0 0 1%;} .btn_cafe_dtail button.selected {color:#2a84d8;border:1px solid #2a84d8;} .btn_cafe_dtail button:nth-of-type(2n-1):last-child {width:100%;float:none;margin:0 0 0 0;} .cafe_notice {margin:13px 0 30px 0;} .cafe_notice li {background-color:#fff;} .cafe_notice li:first-child {border-top:1px solid #ccc;} .cafe_notice li:last-child {border-bottom:1px solid #ccc;} .cafe_notice li a {height:68px;display:block;position:relative;overflow:hidden;margin:0 0 0 20px;padding:0 170px 0 0;color:#666;font-size:2.6rem;line-height:68px;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #ccc;} .cafe_notice li:first-child a {border-top:0;} .cafe_notice li a .date {position:absolute;right:20px;top:0;color:#bfbfbf;font-size:2.4rem;} .search_result_tit {margin:0 0 20px 0;padding:22px 20px 24px;color:#2a84d8;font-size:2.6rem;line-height:34px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .cafe_list.search_r .txt, .cafe_list.search_r.author .nt {color:#2a84d8;} .cafe_list.search_r.author .txt {color:#666;} .cafe_list.search_r .cont {padding:22px 20px 26px 0;color:#666;font-size:2.6rem;line-height:35px;border-top:1px solid #e3e3e3;} .cafe_list.search_r .cont span {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .cafe_list.search_r .search_result_tit .ser_word, .cafe_list.search_r .cont .ser_word {color:#444;} .cafe_detail_head {position:relative;padding:30px 0 0 20px;border-top:1px solid #ccc;background-color:#fff;} .cafe_detail_head .user_id {display:block;padding:0 0 0 72px;color:#666;font-size:3.2rem;font-weight:normal;line-height:22px;} .cafe_detail_head .geti {display:block;padding:8px 0 0 72px;color:#bfbfbf;font-size:2.0rem;font-style:italic;} .cafe_detail_head .geti em {color:#999;font-size:2.0rem;} .cafe_detail_head .image {width:64px;height:64px;position:absolute;left:20px;top:20px;} .cafe_detail_head .image img {width:100%;border-radius:10.0rem;} .cafe_detail_head .tit {display:block;padding:28px 20px 60px 0;color:#444;font-size:3.0rem;font-weight:normal;line-height:36px;word-wrap:break-word;border-bottom:1px solid #ccc;} .cafe_detail_head .info {position:absolute;right:20px;bottom:20px;color:#bbb;font-size:2.4rem;line-height:20px;} .cafe_detail_head .info .hits {margin:0 24px 0 0;padding:0 0 0 35px;background:url('../img/ico_hits.png') no-repeat 0 7px;background-size:26px 18px;} .cafe_detail_head .info .comment {padding:0 0 0 30px;background:url('../img/ico_comment.png') no-repeat 0 7px;background-size:22px 18px;} .cafe_detail_head .btn_multi {width:50px;height:70px;position:absolute;right:10px;top:10px;overflow:hidden;color:rgba(0,0,0,0);background:url('../img/btn_multi.png') no-repeat 20px 20px;background-size:10px 30px;} .cafe_detail_cont {padding:20px 0 0 0;background-color:#fff;} .cafe_detail_cont .image {display:block;position:relative;margin:0 160px 20px 20px;} .cafe_detail_cont .image.play:after {width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.6) url('../img/btn_play_2.png') no-repeat 50% 50%;background-size:80px 80px;content:'';} .cafe_detail_cont .image img {width:100%;} .cafe_detail_cont .china_war {height:345px;display:block;margin:10px 160px 10px 20px;padding:112px 0 0 0;background-color:#dcdcdc;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;} .cafe_detail_cont .china_war img {width:355px;height:121px;} .cafe_detail_cont .txt {padding:22px 20px 30px;color:#666;font-size:2.6rem;line-height:34px;word-wrap:break-word;} .comment_write {position:relative;padding:20px 0;border-top:1px solid #ccc;background-color:#dcdcdc;} .comment_write .btn_img_import {width:96px;height:56px;position:absolute;left:0;top:20px;color:rgba(0,0,0,0);background:url('../img/btn_photo_1.png') no-repeat 20px 0;background-size:56px 56px;} .comment_write .msg_inp {display:block;position:relative;margin:0 156px 0 20px;border-radius:10px;background-color:#fff;} .comment_write.new .msg_inp {margin:0 156px 0 96px;} .comment_write .msg_inp .auto_intext {width:100%;height:56px;overflow:hidden;padding:10px 58px 16px 20px;color:#666;font-size:2.6rem;line-height:30px;vertical-align:top; -webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:0;} .comment_write .msg_inp .btn_delete {width:58px;height:56px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_2.png') no-repeat 20px 19px;background-size:19px 19px;} .comment_write .btn_send {width:116px;height:56px;position:absolute;right:20px;top:20px;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#2a84d8;} .comment_write .file_info {width:378px;height:46px;position:relative;margin:20px 20px 0;padding:0 58px 0 20px;border-radius:10px;background-color:#bfbfbf;-webkit-box-sizing:border-box;box-sizing:border-box;} .comment_write .file_info span {display:block;overflow:hidden;color:#fff;font-size:2.0rem;line-height:44px;text-overflow:ellipsis;white-space:nowrap;} .comment_write .file_info .btn_fidelete {width:58px;height:46px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_8.png') no-repeat 20px 14px;background-size:18px 18px;} .comment_list {background-color:#fff;} .comment_list li {position:relative;padding:20px 0 22px 0;border-top:1px solid #ccc;} .comment_list li .user_id {display:block;padding:0 0 0 74px;color:#bfbfbf;font-size:2.0rem;line-height:50px;} .comment_list li .user_id strong {color:#666;font-size:2.4rem;font-weight:normal;} .comment_list li .image {width:46px;height:46px;position:absolute;left:20px;top:20px;} .comment_list li .image img {width:100%;border-radius:10.0rem;} .comment_list li .txt {padding:10px 20px 0 74px;color:#999;font-size:2.4rem;line-height:30px;word-wrap:break-word;} .comment_list li .txt.del {padding:0 20px 0 76px;} .comment_list li .btn_reply {margin:24px 0 0 74px;color:#2a84d8;font-size:2.6rem;font-style:italic;text-decoration:underline;} .comment_list li .btn_delete {width:59px;height:59px;position:absolute;right:0;top:0;overflow:hidden;color:rgba(0,0,0,0);background:url('../img/btn_delete_4.png') no-repeat 20px 20px;background-size:19px 19px;} .comment_list li .upload_image {margin:20px 204px 0 76px;padding:0 0 10px 0;} .comment_list li .upload_image img {width:100%;} .comment_list li .reply {position:relative;margin:22px 0 0 0;border-top:1px solid #ccc;} .comment_list li .reply li {margin:22px 0 0 0;padding:20px 0 0 0;background:url('../img/ico_comment_2.png') no-repeat 20px 20px;background-size:14px 30px;} .comment_list li .reply li:first-child {margin:0 0 0 0;border:0;} .comment_list li .reply .user_id {padding:0 0 0 98px;} .comment_list li .reply .image{left:44px;} .comment_list li .reply .txt {padding:10px 20px 0 98px;} .comment_list li .reply.new {margin:22px 0 0 76px;} .comment_list li .reply.new li {background:none;} .comment_list li .reply.new .user_id {padding:0 0 0 56px;} .comment_list li .reply.new .image{left:0;} .comment_list li .reply.new .txt {padding:7px 20px 0 56px;} .comment_list li .reply .upload_image {margin:20px 148px 0 56px;padding:0 0 10px 0;} .reply_write {position:relative;margin:30px 0 0 0;} .reply_write .btn_img_import {width:96px;height:56px;position:absolute;left:56px;top:0;color:rgba(0,0,0,0);background:url('../img/btn_photo_2.png') no-repeat 20px 0;background-size:56px 56px;} .reply_write .msg_inp {display:block;position:relative;margin:0 156px 0 74px;border-radius:10px;background-color:#fff;} .reply_write.new .msg_inp {margin:0 156px 0 152px;} .reply_write .msg_inp .auto_intext {width:100%;height:56px;overflow:hidden;padding:10px 58px 16px 20px;color:#666;font-size:2.6rem;line-height:30px;vertical-align:top; -webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:0;background-color:#dcdcdc;} .reply_write .msg_inp .auto_intext::-webkit-input-placeholder, .reply_write .msg_inp .auto_intext::-webkit-input-placeholder {color:#bfbfbf;} .reply_write .msg_inp .auto_intext::-moz-placeholder, .reply_write .msg_inp .auto_intext::-moz-placeholder {color:#bfbfbf;} .reply_write .msg_inp .btn_delete {width:58px;height:56px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_5.png') no-repeat 20px 19px;background-size:18px 18px;} .reply_write .btn_send {width:116px;height:56px;position:absolute;right:20px;top:0;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#2a84d8;} .reply_write .file_info {width:378px;height:46px;position:relative;margin:20px 20px 10px 76px;padding:0 58px 0 20px;border-radius:10px;background-color:#bfbfbf;-webkit-box-sizing:border-box;box-sizing:border-box;} .reply_write .file_info span {display:block;overflow:hidden;color:#fff;font-size:2.0rem;line-height:44px;text-overflow:ellipsis;white-space:nowrap;} .reply_write .file_info .btn_fidelete {width:58px;height:46px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_8.png') no-repeat 20px 14px;background-size:18px 18px;} .comment_paging {height:80px;overflow:hidden;padding:0 20px;border-top:1px solid #ccc;background-color:#fff;} .comment_paging .tit {float:left;color:#999;font-size:2.6rem;font-weight:normal;line-height:80px;} .comment_paging .btn_cpv {float:right;color:#2a84d8;font-size:2.6rem;line-height:80px;} .report_tit {margin:24px 20px 0;color:#666;font-size:2.8rem;font-weight:normal;line-height:32px;} .report_txt {margin:8px 20px 0;color:#2a84d8;font-size:2.4rem;} .report_type {margin:24px 20px 0;border:1px solid #ccc;background-color:#fff;} .report_type li {height:59px;padding:21px 0 0 20px;border-top:1px solid #ccc;} .report_type li:first-child {border-top:0;} .report_type input[type="radio"] {width:0;height:0;position:absolute;top:1px;left:1px;} .report_type label {display:inline-block;padding:0 0 0 48px;color:#666;font-size:2.6rem;line-height:38px;background:url('../img/bg_radio_off.png') no-repeat 0 0;background-size:39px 38px;} .report_type label.checked {background:url('../img/bg_radio_on.png') no-repeat 0 0;background-size:39px 38px;} .report_txtarea {margin:20px 20px 0;padding:30px 20px 18px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;background-color:#fff;} .report_txtarea textarea {width:100%;height:114px;color:#666;font-size:2.8rem;line-height:28px;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;} .report_txtarea .limit {margin:36px 0 0 0;color:#cfcfcf;font-size:2.0rem;text-align:right;} .report_txtarea .limit span {color:#2a84d8;} .iv_report_bar {width:100%;height:80px;position:absolute;left:0;top:0;background:rgba(0,0,0,0.8);} .iv_report_bar.ing {margin:68px 0 0 0;} .iv_report_bar .navi {display:block;color:#fff;font-size:2.8rem;line-height:74px;text-align:center;} .iv_report_bar .btn_report {width:76px;height:80px;position:absolute;left:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_report.png') no-repeat 20px 22px;background-size:36px 31px;} .iv_report_bar .btn_close {width:65px;height:80px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_close.png') no-repeat 20px 28px;background-size:25px 25px;} .iv_con {width:100%;height:100%;display:table;text-align:center;background-color:#000;} .iv_con .image {height:100%;display:table-cell;vertical-align:middle;} .iv_down_bar {width:100%;height:100px;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.8);} .iv_down_bar .btn_down {width:106px;height:100px;position:absolute;left:50%;top:0;margin:0 0 0 -53px;color:rgba(0,0,0,0);background:url('../img/btn_download_2.png') no-repeat 35px 35px;background-size:36px 31px;} /* login */ .txt_notice {padding:12px 20px 14px;font-size:2.4rem;color:#fff;background:#db2c33;} .login {position:relative;width:560px;margin:0 auto;} .login .btn_join {position:absolute;right:0;top:34px;padding:0 22px 0 0;color:#444;font-size:2.8rem;font-weight:bold;line-height:30px;background:url('../img/ico_link_arrow_5.png') no-repeat 100% 4px;background-size:14px 23px;} .login .login_form {padding:120px 0 0 0;} .login.mw .login_form {padding:80px 0 0 0;} .login.mw.captcha .login_form {padding:24px 0 0 0;} .login .login_form input {width:100%;height:100px;display:block;padding:0 20px;color:#444;font-size:3.2rem;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box; border:1px solid #ccc;border-bottom:0;} .login .login_form input[type="text"] {border-radius:8px 8px 0 0;} .login .login_form input[type="password"] {border-bottom:1px solid #ccc;border-radius:0 0 8px 8px;} .login .login_form .error {padding:8px 0 0 0;color:#d82a2a;font-size:2.4rem;line-height:30px;text-align:center;} .login .login_form .btn_help {width:52px;height:26px;display:inline-block;margin:3px 0 0 0;color:rgba(0,0,0,0);vertical-align:top;background:url('../img/btn_help.png') no-repeat 0 0;background-size:100% 100%;} .login .login_form .btn_login {width:100%;height:80px;margin:24px 0 0 0;color:#fff;font-size:3.6rem;border-radius:10px;background-color:#2b84d8;} .login .login_form .btn_login.off {background-color:#cfcfcf;} .log_sel {text-align:center;} .login .log_sel:after {display:block;clear:both;content:'';} .login .btn_pwd_link, .login .btn_cs_link, .login .log_sel .bar {display:inline-block;margin:24px 0 0 0;color:#2b84d8;font-size:2.4rem;text-decoration:underline;} .login .log_sel .bar {margin:0 10px;text-decoration:none;} .login.mw .log_sel .btn_pwd_link {float:right;} .login .log_sel .bar:nth-of-type(1) {display:none;} .login .log_sel .auto {float:left;margin:22px 0 0 0;} .login .log_sel .auto label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:28px;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .login .log_sel .auto label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .login .log_sel .auto input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .login .log_with {margin:70px 0 0 0;} .login .btn_face_link, .login .btn_goo_link, .login .btn_weibo_link, .login .btn_qq_link, .login .btn_vk_link, .login .btn_apple_link, .login .btn_huawei_link, .login .btn_ph_link {width:100%;height:68px;position:relative;margin:0 0 20px 0;color:#fff;font-size:2.6rem;line-height:100%;border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;} .login .btn_face_link {background-color:#3b5998;} .login .btn_goo_link {padding:0 0 0 2px;text-align:left;border-radius:3px;background-color:#4285f4;} .login .btn_weibo_link {color:#666;border:1px solid #aaa;background-color:#dcdcdc;} .login .btn_qq_link {border:1px solid #0d5c8f;background-color:#0076c3;} .login .btn_vk_link {background-color:#4c75a3;} .login .btn_ph_link {color:#666;border:1px solid #aaa;background-color:#fff;} .login .btn_apple_link {color:#000;background-color:#fff;border:1px solid #000;} .login .btn_huawei_link {color:#fff;background-color:#ef484b;} .login .ico_fg {width:29px;height:29px;display:inline-block;padding:0 20px 0 0;vertical-align:top;} .login .btn_face_link .ico_fg {background:url('../img/ico_face.png') no-repeat 0 0;background-size:29px 29px;} .login .btn_goo_link .ico_fg {padding:0 0 0 0;text-align:center;} .login .btn_goo_link.ko .ico_fg {width:200px;height:64px;background:url('../img/ico_google_ko.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.en .ico_fg {width:302px;height:64px;background:url('../img/ico_google_en.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.ja .ico_fg {width:275px;height:64px;background:url('../img/ico_google_ja.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.cn .ico_fg {width:211px;height:64px;background:url('../img/ico_google_cn.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.tw .ico_fg {width:211px;height:64px;background:url('../img/ico_google_tw.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.de .ico_fg {width:275px;height:64px;background:url('../img/ico_google_de.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.ru .ico_fg {width:260px;height:64px;background:url('../img/ico_google_ru.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.fr .ico_fg {width:371px;height:64px;background:url('../img/ico_google_fr.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.vi .ico_fg {width:352px;height:64px;background:url('../img/ico_google_vi.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_weibo_link .ico_fg {background:url('../img/ico_weibo.png') no-repeat 0 0;background-size:29px 29px;} .login .btn_qq_link .ico_fg {background:url('../img/ico_qq.png') no-repeat 0 0;background-size:29px 29px;} .login .btn_vk_link .ico_fg {background:url('../img/ico_vk.png') no-repeat 0 0;background-size:29px 29px;} .login .btn_ph_link .ico_fg {background:url('../img/ico_phone.png') no-repeat 0 0;background-size:29px 29px;} .login .btn_apple_link .ico_fg {background:url('../img/ico_apple.png') no-repeat 0 0;background-size:29px 29px;} .login .btn_huawei_link .ico_fg {background:url('../img/ico_huawei.png') no-repeat 0 0;background-size:29px 27px;} .login .captchabox {margin:14px 0 0 0;padding:30px 30px 24px;border:1px solid #ccc;border-radius:8px;background-color:#fff;} .login .captchabox .cimage {width:496px !important;height:94px !important;border:1px solid #ccc;} .login .captchabox .cimage img {width:100% !important;height:100% !important;} .login .captchabox .txt {position:relative;padding:30px 0 0 0;color:#2a84d8;font-size:2.4rem;line-height:30px;} .login .captchabox .txt.w {padding:8px 0 0 0;color:#d82a2a;} .login .captchabox .btn_refresh {width:48px;height:48px;position:absolute;right:0;top:20px;color:rgba(0,0,0,0);background:url('../img/btn_refresh_3.png') no-repeat;background-size:48px 48px;} .login .login_form .captchabox input {width:100%;height:78px;margin:30px 0 0 0;text-align:left;border-radius:0;border:1px solid #ccc;background-color:#f0f0f0;} .login .captchabox #recaptcha {width:304px;height:78px;margin:0 auto;}/* 2018-04-03 reCAPTCHA V2 적용 */ .login .copy {clear:both;padding:24px 0 0 0;color:#afafaf;font-size:2.0rem;text-align:center;} .login .copy span {margin:0 14px;} .login .log_with_cn {margin:58px 0 0 0;padding:0 0 30px 0;text-align:center;border-radius:1.0rem;background-color:#a0c4e5;} .login .log_with_cn .txt {padding:26px 0;color:#fff;font-size:2.4rem;line-height:26px;} .login .log_with_cn .btn_qq_link, .login .log_with_cn .btn_weibo_link {width:80px;height:80px;color:rgba(0,0,0,0);border:0;background:url('../img/btn_qq.png') no-repeat 0 0;background-size:100% 100%;} .login .log_with_cn .btn_weibo_link {background:url('../img/btn_weibo_2.png') no-repeat 0 0;background-size:100% 100%;} .login .log_with_cn button:nth-of-type(1) {margin:0 36px 0 0;} .login .log_with_cn button:last-child {margin:0 0 0 0;} /* 2019-10-29 추가 */ .login .login_sns {padding-top:59px;overflow:hidden;} .login .login_sns li {height:68px;margin-top:20px;} .login .login_sns li button {position:relative;background:#fff;width:100%;height:100%;font-size:0;letter-spacing:-1px;color:#666;border-radius:10px;line-height:200%;background-position:50% 50%;background-repeat:no-repeat;} .login .login_sns li.facebook button {color:#fff;background-color:#1877f2;} .login .login_sns li.vk button {color:#fff;background-color:#4c75a3;} .login .login_sns li.apple button {color:#000;border:2px solid #000;box-sizing:border-box;} .login .login_sns li.huawei button {background-color:#ef484b;} .login .login_sns li.google button {background-image:url(../img/btn_google_ko.jpg);background-size:219px 68px;} .login .login_sns li.facebook button {background-image:url(../img/btn_facebook_ko.jpg);background-size:272px 68px;} .login .login_sns li.weibo button {background-image:url(../img/btn_weibo_ko.jpg);background-size:217px 68px;} .login .login_sns li.vk button {background-image:url(../img/btn_vk_ko.jpg);background-size:181px 68px;} .login .login_sns li.qq button {background-image:url(../img/btn_qq_ko.jpg);background-size:174px 68px;} .login .login_sns li.phone button {background-image:url(../img/btn_phone_ko.jpg);background-size:257px 68px;} .login .login_sns li.huawei button {background-image:url(../img/btn_huawei_ko.jpg);background-size:272px 68px;} .login .login_sns li.apple button {background-image:url(../img/btn_apple_ko.jpg);background-size:187px 68px;} .login .login_sns li.google.en button {background-image:url(../img/btn_google_en.jpg);background-size:256px 68px;} .login .login_sns li.facebook.en button {background-image:url(../img/btn_facebook_en.jpg);background-size:285px 68px;} .login .login_sns li.weibo.en button {background-image:url(../img/btn_weibo_en.jpg);background-size:252px 68px;} .login .login_sns li.vk.en button {background-image:url(../img/btn_vk_en.jpg);background-size:218px 68px;} .login .login_sns li.qq.en button {background-image:url(../img/btn_qq_en.jpg);background-size:209px 68px;} .login .login_sns li.phone.en button {background-image:url(../img/btn_phone_en.jpg);background-size:327px 68px;} .login .login_sns li.apple.en button {background-image:url(../img/btn_apple_en.jpg);background-size:242px 68px;} .login .login_sns li.huawei.en button {background-image:url(../img/btn_huawei_en.jpg);background-size:305px 68px;} .login .login_sns li.google.ja button {background-image:url(../img/btn_google_ja.jpg);background-size:238px 68px;} .login .login_sns li.facebook.ja button {background-image:url(../img/btn_facebook_ja.jpg);background-size:268px 68px;} .login .login_sns li.weibo.ja button {background-image:url(../img/btn_weibo_ja.jpg);background-size:235px 68px;} .login .login_sns li.vk.ja button {background-image:url(../img/btn_vk_ja.jpg);background-size:201px 68px;} .login .login_sns li.qq.ja button {background-image:url(../img/btn_qq_ja.jpg);background-size:193px 68px;} .login .login_sns li.phone.ja button {background-image:url(../img/btn_phone_ja.jpg);background-size:302px 68px;} .login .login_sns li.apple.ja button {background-image:url(../img/btn_apple_ja.jpg);background-size:203px 68px;} .login .login_sns li.huawei.ja button {background-image:url(../img/btn_huawei_ja.jpg);background-size:272px 68px;} .login .login_sns li.google.zh-hans button {background-image:url(../img/btn_google_zh-hans.jpg);background-size:292px 68px;} .login .login_sns li.facebook.zh-hans button {background-image:url(../img/btn_facebook_zh-hans.jpg);background-size:252px 68px;} .login .login_sns li.weibo.zh-hans button {background-image:url(../img/btn_weibo_zh-hans.jpg);background-size:201px 68px;} .login .login_sns li.vk.zh-hans button {background-image:url(../img/btn_vk_zh-hans.jpg);background-size:185px 68px;} .login .login_sns li.qq.zh-hans button {background-image:url(../img/btn_qq_zh-hans.jpg);background-size:178px 68px;} .login .login_sns li.phone.zh-hans button {background-image:url(../img/btn_phone_zh-hans.jpg);background-size:236px 68px;} .login .login_sns li.apple.zh-hans button {background-image:url(../img/btn_apple_zh-hans.jpg);background-size:199px 68px;} .login .login_sns li.huawei.zh-hans button {background-image:url(../img/btn_huawei_zh-hans.jpg);background-size:277px 68px;} .login .login_sns li.google.zh-hant button {background-image:url(../img/btn_google_zh-hant.jpg);background-size:224px 68px;} .login .login_sns li.facebook.zh-hant button {background-image:url(../img/btn_facebook_zh-hant.jpg);background-size:253px 68px;} .login .login_sns li.weibo.zh-hant button {background-image:url(../img/btn_weibo_zh-hant.jpg);background-size:202px 68px;} .login .login_sns li.vk.zh-hant button {background-image:url(../img/btn_vk_zh-hant.jpg);background-size:186px 68px;} .login .login_sns li.qq.zh-hant button {background-image:url(../img/btn_qq_zh-hant.jpg);background-size:179px 68px;} .login .login_sns li.phone.zh-hant button {background-image:url(../img/btn_phone_zh-hant.jpg);background-size:236px 68px;} .login .login_sns li.apple.zh-hant button {background-image:url(../img/btn_apple_zh-hant.jpg);background-size:226px 68px;} .login .login_sns li.huawei.zh-hant button {background-image:url(../img/btn_huawei_zh-hant.jpg);background-size:287px 68px;} .login .login_sns li.google.de button {background-image:url(../img/btn_google_de.jpg);background-size:279px 68px;} .login .login_sns li.facebook.de button {background-image:url(../img/btn_facebook_de.jpg);background-size:308px 68px;} .login .login_sns li.weibo.de button {background-image:url(../img/btn_weibo_de.jpg);background-size:276px 68px;} .login .login_sns li.vk.de button {background-image:url(../img/btn_vk_de.jpg);background-size:241px 68px;} .login .login_sns li.qq.de button {background-image:url(../img/btn_qq_de.jpg);background-size:234px 68px;} .login .login_sns li.phone.de button {background-image:url(../img/btn_phone_de.jpg);background-size:408px 68px;} .login .login_sns li.apple.de button {background-image:url(../img/btn_apple_de.jpg);background-size:264px 68px;} .login .login_sns li.huawei.de button {background-image:url(../img/btn_huawei_de.jpg);background-size:329px 68px;} .login .login_sns li.google.ru button {background-image:url(../img/btn_google_ru.jpg);background-size:341px 68px;} .login .login_sns li.facebook.ru button {background-image:url(../img/btn_facebook_ru.jpg);background-size:370px 68px;} .login .login_sns li.weibo.ru button {background-image:url(../img/btn_weibo_ru.jpg);background-size:337px 68px;} .login .login_sns li.vk.ru button {background-image:url(../img/btn_vk_ru.jpg);background-size:392px 68px;} .login .login_sns li.qq.ru button {background-image:url(../img/btn_qq_ru.jpg);background-size:295px 68px;} .login .login_sns li.phone.ru button {background-image:url(../img/btn_phone_ru.jpg);background-size:398px 68px;} .login .login_sns li.apple.ru button {background-image:url(../img/btn_apple_ru.jpg);background-size:320px 68px;} .login .login_sns li.huawei.ru button {background-image:url(../img/btn_huawei_ru.jpg);background-size:390px 68px;} .account_list {margin:40px 40px 0;} .account_list li {margin:0 0 10px 0;background-color:#fff;} .account_list li a {height:104px;display:block;position:relative;border:1px solid #ccc;} .account_list li .user_id {padding:0 0 0 94px;color:#666;font-size:3.0rem;font-weight:normal;line-height:100px;} .account_list li .image {width:64px;height:64px;position:absolute;left:20px;top:20px;} .account_list li .image img {width:100%;} .btn_diff {width:100%;margin:36px 0 0 0;color:#2a84d8;font-size:2.8rem;text-align:center;text-decoration:underline;} .log_txt {padding:46px 20px 0;color:#999;font-size:2.4rem;line-height:30px;} .log_txt.ty1 {padding:21px 20px 0;font-size:2.8rem;color:#666;line-height:34px;} .log_txt.ty2 {padding:30px 20px 0;} .log_txt.ty3 {padding:26px 20px 0;} .log_txt.ty4 {padding:0 20px 42px;color:#666;} .log_txt.ty5 {padding:0 20px 0;color:#666;} .log_txt.ty6 {padding:52px 20px 44px;font-size:2.8rem;line-height:34px;color:#666;} .log_txt.ty7 {padding:49px 20px 53px;font-size:3.6rem;color:#666;line-height:44px;text-align:center;} .log_txt.ty8 {padding:49px 20px 53px;font-size:3.6rem;color:#666;line-height:44px;text-align:center;} .log_txt em, .log_txt a {color:#2a84d8;font-style:normal;} .log_txt a, .log_txt.ty6 em {text-decoration:underline;} .security_txt {padding-top:56px;} .security_txt h4 {margin-bottom:12px;padding:15px 20px 14px;font-size:2.4rem;color:#fff;line-height:30px;font-weight:normal;background:#eb8813;text-align:center;} .security_txt .sub_txt {padding:0 20px;font-size:2.4rem;line-height:30px;color:#eb8813;} .time_count {margin-bottom:-22px;padding:25px 0 0;font-size:3.0rem;line-height:28px;color:#2a84d8;text-align:center;} .btn_email {padding-top:46px;text-align:center;} .btn_email button {font-size:2.8rem;color:#2a84d8;text-decoration:underline;} .view_id {margin-bottom:-6px;padding:25px 20px;font-size:3.0rem;line-height:30px;color:#fff;text-align:center;background:#2a84d8;} .view_id strong {font-weight:normal;} .dormant_id {width:100%;height:80px;color:#fff;font-size:3.0rem;line-height:78px;text-align:center;background-color:#2a84d8;} .dormant_id dt {display:inline-block;} .dormant_id dd {display:inline-block;} .tit_log {margin:68px 20px 38px;color:#666;font-size:3.6rem;font-weight:normal;line-height:36px;text-align:center;} .btn_area_b_ty2.dormant .btn_ty_1 {width:38%;} .btn_area_b_ty2.dormant .btn_ty_2 {width:58%;} .logbox_info {margin:50px 20px 0;} .logbox_txt {width:100%;height:220px;display:table;padding:0 20px;color:#666;font-size:2.8rem;line-height:38px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box; border:1px solid #ccc;background-color:#fff;} .logbox_txt.ty2 {height:auto;padding:30px;text-align:left;} .logbox_txt span {height:100%;display:table-cell;vertical-align:middle;} .uns_txt {padding:44px 20px 0;color:#999;font-size:2.4rem;line-height:30px;} .uns_txt.ty2 {color:#666;} /* gdpr 적용 후 첫 로그인 유저 */ .first_login .join_agree {margin:0;padding:30px 20px 0;} .first_login .join_agree label {min-height:38px;padding:0 0 0 48px;} .first_login .join_agree .agree {padding:0;} .first_login .join_agree .all_agree label {line-height:1.21;font-weight:bold;font-size:2.8rem;} .first_login .join_agree .all_agree .all_desc {display:block;margin-top:7px;padding-left:48px;line-height:1.23;font-size:2.6rem;color:#898989;} .first_login .join_agree .option_check {padding-left:38px;} .first_login .join_agree .option_check .agree {margin-top:20px;} .first_login .join_agree .option_check .agree ~ .agree {margin-top:32px;} .first_login .join_agree .option_check label {line-height:1.21;} .first_login .join_agree .option_check label .option {color:#898989;} .first_login .join_agree .option_check .desc > span {display:block;margin-bottom:20px;} .first_login .join_agree .option_check .desc > a {font-style:italic;text-decoration:underline;} .first_login .join_agree .btn_login {margin-top:50px; } .first_login .join_agree .btn_login button {display:block;width:100%;height:68px;border-radius:10px;line-height:1;font-size:3.0rem;color:#fefefe;background-color:#2a84d8;} /* join */ .agree_chk {position:relative;padding:22px 78px 24px 20px;border-bottom:1px solid #ccc;background-color:#fff;} .agree_chk label {color:#666;font-size:2.8rem;line-height:32px;} .agree_chk label:after {width:78px;height:78px;position:absolute;right:0;top:50%;margin:-39px 0 0 0;background:url('../img/btn_accept_off.png') no-repeat 20px 20px;background-size:38px 38px;content:'';} .agree_chk label.checked:after {background:url('../img/btn_accept.png') no-repeat 20px 20px;background-size:38px 38px;} .agree_chk input[type="checkbox"], .join_agree input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .agree_con {padding:0 0 20px 0;background-color:#fff;} .agree_con.brs {border-bottom:1px solid #ccc;} .agree_con .agree_chk {margin:0 0 0 20px;padding:22px 78px 24px 0;border-bottom:0;border-top:1px solid #ccc;} .agree_con .agree_chk.brn {border-top:0;} .agree_con .agree_box {height:148px;overflow:auto;margin:0 20px 0;padding:18px 20px 20px 20px;color:#999;font-size:2.0rem;line-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box; border:1px solid #ccc;background-color:#eee;} .agree_con .agree_box h1, .agree_con .agree_box h2 {padding:10px 0 10px 0;font-size:2.4rem;} .agree_con .agree_box h3 {padding:0 0 10px 0;font-size:2.0rem;} .agree_con .agree_box table {margin:18px 0;border:1px solid #999;} .agree_con .agree_box table th, .agree_con .agree_box table td {padding:10px;border:1px solid #999;} .join_inp {margin:30px 0 0 0;} .join_inp li {margin:20px 20px 0;} .join_inp li:first-child {margin:0 20px 0;} .join_inp li input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .join_inp li .email_report:after {display:block;clear:both;content:'';} .join_inp li .email_report input {width:52%;float:left;} .join_inp li .email_report .t {width:8%;float:left;margin:18px 0 0 0;color:#666;font-size:3.6rem;line-height:38px;text-align:center;vertical-align:top;} .join_inp li .email_report select {width:40%;height:82px;float:right;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px; background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .join_inp li .email_conf {margin:18px 0 0 0;} .join_inp li .email_conf input {color:#bfbfbf;background-color:#eee;opacity:10;} .join_inp li .btn_sm {display:block;margin:8px 0 0 0;color:#2a84d8;font-size:2.8rem;line-height:30px;text-align:right;text-decoration:underline;} .join_inp .error, .acco_inp .error {margin:0 0 -4px 0;padding:5px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:28px;text-indent:-18px;} .join_inp .error.ps {color:#2a84d8;} .join_inp .email {position:relative;} .join_inp .email input {padding:0 80px 0 20px;border:2px solid #db2c33;} .join_inp .btn_errorinfo {width:80px;height:82px;display:none;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/ico_war.png') no-repeat 22px 22px;background-size:38px 38px;} .join_inp .email .btn_errorinfo {display:block;} /* .join_inp .eu_birth {padding-right:58px;position:relative;} */ .join_inp .eu_birth label {display:inline-block;font-size:2.4rem;color:#2a84d8;} .join_inp .eu_birth .birthday {background-color:#fff;} .join_inp .eu_birth .btn_tip {display:block;width:58px;height:82px;position:absolute;right:0;top:0;font-size:0;color:transparent;background:url('../img/btn_tip.png') 100% 50% no-repeat;background-size:48px 48px;} .join_inp .eu_birth .tip_desc {line-height:1.25;font-size:2.4rem;color:#999;} .join_inp .eu_birth .tip_desc > p {padding:8px 0 22px;} .join_inp .eu_birth .tip_desc > a {line-height:1;font-size:2.6rem;font-style:italic;color:#2a84d8;text-decoration:underline;} .join_agree {margin:10px 20px 0;padding:0 0 20px 0;color:#999;font-size:2.4rem;line-height:30px;} .join_agree .agree {padding:20px 0 14px 0;} .join_agree .agree ~ .agree {padding:0 0 14px 0;} .join_agree label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:28px;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .join_agree label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .join_agree .desc {padding-left:48px;line-height:1.23;font-size:2.6rem;} .join_agree .desc > span {display:block;margin-bottom:20px;} .join_agree .desc a {font-style:italic;color:#2a84d8;text-decoration:underline;} .join_agree em {display:block;padding:0 0 0 18px;color:#d82a2a;font-style:normal;text-indent:-18px;} .join_agree .btn_use_link {display:block;margin:22px 0 0 0;color:#2a84d8;font-size:2.8rem;text-align:center;text-decoration:underline;} .join_agree .btn_use_link.ty2 {margin:38px 0 0 0;} .join_agree.gdpr {margin-top:-10px;padding-bottom:15px;} .join_agree.gdpr .agree {padding-bottom:9px;} .join_agree.gdpr span {display:block;} .join_agree.gdpr span a {color:#2a84d8;font-style:italic;text-decoration:underline;} .phone_num_inp input {width:100%;height:80px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .phone_num_inp input.on {color:#2a84d8;} .phone_num_inp .error {margin:0 20px;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-align:center;} .phone_num_inp .error.ty2 {margin:0 20px -14px;padding:8px 0 0 0;text-align:left;} .ios_info_time {margin:26px 20px 0;color:#2a84d8;font-size:3.0rem;text-align:center;} .ios_info_txt {margin:0 20px;padding:20px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .join_phone {margin:20px 0 0 0;padding:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#dcdcdc;} .join_phone .state_num {height:54px;padding:0 0 0 16px;color:#bfbfbf;font-size:2.6rem;line-height:54px;border:1px solid #ccc;border-radius:1.0rem;background-color:#eee;} .join_phone .verify_num {height:82px;margin:20px 0 0 0;position:relative;color:#444;font-size:3.0rem;line-height:40px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .join_phone .verify_num .num_inp {height:100%;display:block;margin:0 218px 0 0;} .join_phone .verify_num .num_inp input {width:100%;height:100%;padding:0 0 0 20px;color:#444;font-size:3.0rem;line-height:40px;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;} .join_phone .verify_num button {width:194px;height:56px;position:absolute;right:12px;top:12px;color:#fff;font-size:2.6rem;border-radius:1.0rem;background-color:#2a84d8;} .join_phone .verify_num button.off {background-color:#bfbfbf;} .join_phone .error {margin:0 0 -4px 0;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .join_inp .email_mod {position:relative;} .join_inp .email_mod input {padding:0 160px 0 20px;color:#999;background-color:#fff;} .join_inp .btn_modify {min-width:120px;height:56px;position:absolute;right:12px;top:12px;padding:0 20px;color:#fff;font-size:2.6rem;line-height:100%;border-radius:1.0rem;background-color:#2a84d8;} .jv_email_txt {padding:0 20px 40px;color:#666;font-size:2.4rem;line-height:30px;} .jv_email_txt strong {color:#2a84d8;font-weight:normal;} .jv_email_box {margin:0 20px;padding:30px 40px 32px;color:#666;font-size:2.6rem;line-height:38px;text-align:center;border:1px solid #ccc;background-color:#fff;} .jv_email_box strong {display:block;padding:10px 0 0 0;color:#2a84d8;font-size:3.0rem;} .join_otp {margin:52px 20px 50px;} .join_otp p {line-height:1.21;font-size:2.8rem;font-weight:normal;color:#666;} .join_otp p ~ p{margin-top:34px;} .join_otp_block {margin:72px 20px 80px;} .join_otp_block p {line-height:1.26;font-weight:bold;font-size:3.8rem;color:#666;text-align:center;} .join_otp .user_inform {color:#2a84d8;text-decoration:underline;} .otp_code input {width:100%;height:80px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .otp_code input[disabled='disabled'] {background-color:#eeeeee;} .otp_code .error {margin:10px 20px 0;line-height:30px;font-size:2.4rem;color:#d82a2a;} .otp_code input[disabled='disabled'] + .error {text-align:center;} .btn_resend {margin-top:20px;padding:0 20px;text-align:right;} .btn_resend button {line-height:1;font-size:2.8rem;color:#2a84d8;text-decoration:underline;} .btn_resend button[disabled='disabled'] {color:#bfbfbf;} .join_btn {margin-top:40px;padding:0 20px;} .join_btn button {width:100%;min-width:290px;height:68px;padding:0 40px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} .join_btn button[disabled='disabled'] {background-color:#cfcfcf;} .join_link {margin:50px 20px 0;text-align:center;} .join_link a {line-height:1;font-size:2.8rem;color:#2a84d8;text-decoration:underline;} .join_link a.disabled {color:#bfbfbf;} /* Edit Account */ .edit_account {padding:36px 20px 0;} .edit_account li {margin-top:25px;} .edit_account li:first-child {margin-top:0;} .edit_account label {display:block;margin-bottom:13px;font-size:2.8rem;color:#666;font-weight:bold;} .edit_account .in_id {position:relative;} .edit_account .in_id.correct:after {content:"";position:absolute;right:20px;top:29px;width:30px;height:24px;background:url(../img/ico_check.png)no-repeat left top;background-size:100% 100%;} .edit_account input {display:block;width:100%;height:82px;padding:0 20px;font-size:3.0rem;box-sizing:border-box;border:1px solid #ccc;} .edit_account .in_id input {padding-right:50px;} .edit_account .error, .edit_account .tip {padding:4px 0 0 16px;text-indent:-16px;font-size:2.4rem;color:#2a84d8;line-height:30px;} .edit_account .tip {color:#2a84d8;} .edit_account .error {color:#d82a2a;} /* SNS agree */ .agree_form {padding:29px 20px 40px;background:#fff;border-bottom:1px solid #ccc;} .agree_form h3 {margin-bottom:33px;font-size:3.6rem;color:#666;font-weight:bold;line-height:44px;text-align:center;} .agree_form .check_all {position:relative;min-height:38px;margin-bottom:30px;} .agree_form .check_all input {position:absolute;left:-9999px;top:-9999px;width:0;height:0;} .agree_form .check_all label {display:block;min-height:38px;padding-left:48px;font-size:2.6rem;color:#666;line-height:32px;font-weight:bold;background: url(../img/bg_chk_off_2.png)no-repeat 0 0;background-size:38px 38px;} .agree_form .check_all label.checked {background: url(../img/bg_chk_on.png)no-repeat 0 0;background-size:38px 38px;} .agree_form .check {padding:29px 19px;background:#eee;border:1px solid #ccc;} .agree_form .check li {margin-top:30px;} .agree_form .check li:first-child {margin-top:0;} .agree_form .check input {position:absolute;left:-9999px;top:-9999px;width:0;height:0;} .agree_form .check label {display:block;min-height:38px;padding-left:48px;font-size:2.6rem;color:#666;line-height:32px;background: url(../img/bg_chk_off.png)no-repeat 0 0;background-size:38px 38px;} .agree_form .check label.checked {background: url(../img/bg_chk_on.png)no-repeat 0 0;background-size:38px 38px;} .agree_form .check button {height:38px;font-size:2.6rem;color:#2a84d8;font-style:italic;text-decoration:underline;} .check_id {padding-top:49px;} .check_id h3 {margin-bottom:44px;font-size:3.6rem;color:#666;font-weight:bold;line-height:44px;text-align:center;} .check_id .sub_txt {margin-bottom:33px;padding:0 20px;font-size:2.6rem;color:#666;line-height:34px;} .check_id .id_form {position:relative;padding:0 20px 20px;} .check_id .id_form.correct:after {content:"";position:absolute;right:40px;top:29px;width:30px;height:24px;background:url(../img/ico_check.png)no-repeat left top;background-size:100% 100%;} .check_id .id_form input {display:block;width:100%;height:82px;padding:0 50px 0 20px;font-size:3.0rem;box-sizing:border-box;border:1px solid #ccc;} .check_id .id_form.disabled input {background:none;color:#999;opacity:1;-webkit-text-fill-color:inherit;} .check_id .id_form .error {display:block;padding:4px 0 0 16px;text-indent:-16px;font-size:2.4rem;line-height:30px;color:#d82a2a;} .check_id .recommend {padding:6px 20px 20px;} .check_id .recommend p {margin-bottom:15px;font-size:2.4rem;color:#666;line-height:30px;font-weight:bold;} .check_id .recommend ul {overflow:hidden;} .check_id .recommend li {float:left;width:33.3333%;padding:0 5px;box-sizing:border-box;} .check_id .recommend li:first-child {padding-left:0;} .check_id .recommend li:last-child {padding-right:0;} .check_id .recommend button {width:100%;height:56px;font-size:2.6rem;color:#666;background:#dcdcdc;border-radius:10px;} /* welcome flow */ h3.top_tit {padding:33px 20px 27px;color:#666;font-size:3.6rem;text-align:center;font-weight:bold;} .top_txt {padding:32px 20px 10px;color:#999;font-size:2.8rem;line-height:34px;text-align:center;} h3.top_tit+.top_txt {padding-top:0;} .top_txt strong {display:block;font-weight:normal;} .top_txt em {color:#2a84d8;font-style:normal;} .txt_sync {padding:0 20px;font-size:2.8rem;color:#666;line-height:34px;} .welcome_sns_list {margin:24px 0 10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .welcome_sns_list.agree {margin:32px 0 0 0;} .welcome_sns_list.hive {margin:23px 0 42px 0;} .welcome_sns_list li {position:relative;} .welcome_sns_list li:after {width:16px;height:28px;position:absolute;right:20px;top:34px;background:url('../img/btn_next_off.png') no-repeat 0 0;background-size:16px 28px;content:'';} .welcome_sns_list li a {height:96px;display:block;margin:0 0 0 20px;padding:0 0 0 67px;color:#666;font-size:2.8rem;line-height:96px;border-top:1px solid #ccc;} .welcome_sns_list li a:after {width:56px;height:56px;position:absolute;left:20px;top:20px;content:'';} .welcome_sns_list li a.facebook:after {background:url('../img/btn_facebook.png') no-repeat 0 0;background-size:56px 56px;} .welcome_sns_list li a.google:after {background:url('../img/btn_google.png') no-repeat 0 0;background-size:56px 56px;} .welcome_sns_list li a.line:after {background:url('../img/btn_line.png') no-repeat 0 0;background-size:56px 56px;} .welcome_sns_list li a.weibo:after {background:url('../img/btn_weibo.png') no-repeat 0 0;background-size:56px 56px;} .welcome_sns_list li a.wechat:after {background:url('../img/btn_wechat_3.png') no-repeat 0 0;background-size:56px 56px;} .welcome_sns_list li:first-child a {border-top:0;} .welcome_sns_list li:last-child a {padding:0 0 0 0;} .welcome_profile {width:173px;height:173px;position:relative;margin:34px auto 0;} .welcome_profile .photo {width:100%;height:100%;display:block;} .welcome_profile .photo img {width:100%;height:100%;border-radius:10.0rem;} .welcome_profile .btn_photo_edit {width:76px;height:76px;position:absolute;right:-10px;bottom:-20px;color:rgba(0,0,0,0);background:url('../img/btn_edit_photo_2.png') no-repeat 0 0;background-size:76px 76px;} .welcome_dm {margin:50px 20px 37px;} .welcome_dm input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .welcome_dm .error {padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} /* edit account */ .acco_def_inp {position:relative;margin:0 0 22px 0;} .acco_def_inp .btn_verify, .acco_phone_inp .btn_verify {float:right;color:#2a84d8;font-size:2.8rem;text-decoration:underline;text-indent:0;}/* 2018-05-18 text-indent 초기화 */ /* .acco_def_inp .email .btn_verify {display:block;float:none;text-align:right;} *//* 2018-05-18 text-indent 초기화로 해결. 블럭레벨 취소 */ .acco_def_inp .error:after, .acco_phone_inp .error:after {display:block;clear:both;content:''} .acco.join_inp li {margin:20px 20px 20px;} .acco.join_inp li.complete {margin-left:0;margin-right:0;} .acco.join_inp .complete p {padding:25px 30px 27px;text-align:center;font-size:3.0rem;line-height:28px;color:#2a84d8;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .acco_phone_inp {position:relative;padding:20px 20px 0;border-top:1px solid #ccc;} .acco_phone_inp input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .acco_phone_inp .error {padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .acco_service {margin:22px 0 0 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .acco_service li {height:80px;position:relative;margin:0 0 0 20px;border-top:1px solid #ccc;color:#666;font-size:2.6rem;line-height:80px;} .acco_service li:first-child {border-top:0;} .acco_service li .btn_connect, .acco_service li .btn_disconnect {width:72px;height:38px;position:absolute;right:20px;top:20px;overflow:hidden;color:rgba(0,0,0,0);} .acco_service li .btn_connect {background:url('../img/btn_connect.png') no-repeat;background-size:72px 38px;} .acco_service li .btn_disconnect {background:url('../img/btn_disconnect.png') no-repeat;background-size:72px 38px;} .acco_service li .btn_refresh {width:48px;height:48px;position:absolute;right:20px;top:16px;overflow:hidden;color:rgba(0,0,0,0);background:url('../img/btn_refresh.png') no-repeat;background-size:48px 48px;} .acco_service label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:26px;background:url('../img/bg_chk_off_2.png') no-repeat 0 0;background-size:38px 38px;} .acco_service input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .acco_service label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .acco_dormantid_add {margin:20px 0 0 0;padding:0 20px 30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#dcdcdc;} .acco_dormantid_add .tit {display:block;padding:18px 0 12px 0;color:#666;font-size:2.8rem;font-weight:normal;} .acco_dormantid_add .sel_box {height:54px;position:relative;background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .acco_dormantid_add .sel_box .seltit {width:100%;height:54px;padding:0 0 0 20px;color:#666;font-size:2.6rem;font-style:normal;line-height:50px;text-align:left;border:1px solid #ccc;} .acco_dormantid_add .sel_box dl {width:100%;display:none;position:absolute;left:0;top:56px;padding:0 20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;background-color:#fff;} .acco_dormantid_add .sel_box dt {padding:20px 0 0 0;color:#666;font-size:2.6rem;} .acco_dormantid_add .sel_box dd {padding:4px 0 0 0;color:#bfbfbf;font-size:2.4rem;line-height:30px;} .acco_dormantid_add input[type="text"] {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .acco_dormantid_add select {width:100%;height:56px;margin:0 0 30px 0;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px; background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .acco_dormantid_add label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:26px;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .acco_dormantid_add .acco_chk ~ .acco_chk {margin-top:20px;} .acco_dormantid_add input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .acco_dormantid_add label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .acco_tit {margin:52px 20px 50px;color:#666;font-size:2.8rem;font-weight:normal;line-height:36px;text-align:center;} .acco_tit.ty2 {margin:30px 20px 34px;text-align:left;} .acco_txt {padding:0 20px 44px;color:#999;font-size:2.4rem;line-height:30px;} .acco_txt.ty2 {color:#d82a2a;} .acco_txt_2 {padding:34px 70px 0 20px;color:#999;font-size:2.4rem;line-height:30px;border-top:1px solid #ccc;} .email_error {padding:0 20px;} .email_error .txt {display:block;margin:30px 0 0 0;color:#666;font-size:2.8rem;line-height:28px;} .email_error .use li {position:relative;margin:30px 0 0 0;padding:0 0 0 32px;color:#999;font-size:2.4rem;line-height:28px;} .email_error .use li strong {display:block;margin:0 0 8px 0;color:#777;} .email_error .use li strong:after {width:22px;height:22px;position:absolute;left:0;top:4px;content:'';} .email_error .use li:nth-of-type(1) strong:after {background:url('../img/ico_num_1.png') no-repeat 0 0;background-size:22px 22px;} .email_error .use li:nth-of-type(2) strong:after {background:url('../img/ico_num_2.png') no-repeat 0 0;background-size:22px 22px;} .email_error .use li:nth-of-type(3) strong:after {background:url('../img/ico_num_3.png') no-repeat 0 0;background-size:22px 22px;} .email_mr_txt {margin:26px 20px 0 20px;padding:0 0 8px 0;color:#666;font-size:2.8rem;line-height:34px;} .email_mr {margin:30px 0 0 0;} .email_mr li {margin:20px 20px 0;} .email_mr li input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .email_mr li.bef input {color:#999;background-color:#eee;opacity:10;} .email_mr li .new_inp:after {display:block;clear:both;content:'';} .email_mr li .new_inp input {width:52%;float:left;} .email_mr li .new_inp .t {width:8%;float:left;margin:18px 0 0 0;color:#666;font-size:3.6rem;line-height:38px;text-align:center;vertical-align:top;} .email_mr li .new_inp select {width:40%;height:82px;float:right;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px; background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .email_mr li.email_conf input {color:#bfbfbf;background-color:#eee;opacity:10;} .email_mr .error {margin:0 0 -4px 0;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .email_mr .error.ps {color:#2a84d8;} .acco_nickname {margin:32px 0 26px 0;padding:26px 20px 0;border-top:1px dashed #ccc;} .acco_nickname .txt {margin:0 0 16px 0;color:#999;font-size:2.4rem;line-height:30px;} .acco_nickname input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .acco_nickname .error {margin:0 0 -4px 0;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .acco_info_etc {position:relative;margin:0 0 26px 0;} .acco_info_etc .btn_view {width:62px;height:45px;position:absolute;right:0;top:36px;color:rgba(0,0,0,0);background:url('../img/ico_down_arrow_3.png') no-repeat 20px 20px;background-size:22px 13px;} .acco_info_etc.show .btn_view {background:url('../img/ico_up_arrow_2.png') no-repeat 20px 20px;background-size:22px 13px;} .acco_info_etc .join_inp.acco {display:none;} .acco_info_etc.show .join_inp.acco {display:block;} .unss_sel {margin:-17px 0 0 0;} .unss_sel li {width:100%;min-height:80px;position:relative;display:table;margin:0 0 10px 0;padding:20px 20px 20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;} .unss_sel li:nth-of-type(3) {margin:0 0 26px 0;} .unss_sel li:after {display:block;clear:both;content:'';} .unss_sel li .tl {height:100%;display:table-cell;padding:0 40px 0 0;color:#666;font-size:2.2rem;line-height:30px;vertical-align:middle;} .unss_sel li .tl strong {color:#2a84d7;} .unss_sel li .tr {width:140px;height:100%;display:table-cell;color:#2a84d7;font-size:2.0rem;line-height:26px;text-align:center;vertical-align:middle;} .unss_sel li .tr em {display:block;font-size:2.4rem;font-style:normal;} /* find password */ .find_pw {padding:73px 20px 54px;text-align:center;} .find_pw h3 {margin-bottom:50px;font-size:3.6rem;color:#666;font-weight:bold;line-height:100%;text-align:center;} .find_pw .sub_txt {font-size:2.8rem;color:#666;line-height:34px;text-align:left;} .find_pw .sub_txt a {color:#2a84d8;} /* lebi */ .lebi_list {border-bottom:1px solid #ccc;background-color:#fff;} .lebi_list li {height:96px;position:relative;margin:0 0 0 20px;color:#666;font-size:2.8rem;line-height:96px;border-top:1px solid #ccc;} .lebi_list li:first-child {border:0;} .lebi_list li em {color:#d82a2a;font-style:normal;} .lebi_list li a {display:block;color:#666;} .lebi_list li a:after {width:16px;height:28px;position:absolute;right:20px;top:34px;background:url('../img/btn_next_off.png') no-repeat 0 0;background-size:16px 28px;content:'';} .lebi_list li .btn_accept {width:86px;height:56px;position:absolute;right:20px;top:20px;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#d82a2a;} .lebi_txt {margin:20px 20px 0;color:#2a84d8;font-size:2.4rem;line-height:40px;} .lebi_txt em {width:38px;height:38px;display:inline-block;color:#fff;font-size:2.0rem;font-style:normal;line-height:36px;text-align:center;vertical-align:top;border-radius:10.0rem;background-color:#2a84d8;} .lebi_search {padding:20px 20px 20px;border-bottom:1px solid #ccc;background-color:#dcdcdc;} .lebi_search h3 {float:none;padding:0 0 12px 0;color:#666;font-size:2.8rem;font-weight:normal;} .lebi_search select {width:100%;height:56px;margin:0 0 20px 0;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px; background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .lebi_search.server select {margin:0 0 0 0;} .lebi_sel {position:relative;margin:0 0 0 0;} .lebi_sel .date_sel {display:block;margin:0 106px 0 0;} .lebi_sel .date_sel:after {display:block;clear:both;content:'';} .lebi_sel .date_sel select {width:48%;float:left;margin:0 2% 0 0;} .lebi_sel .date_sel select:nth-of-type(2) {margin:0 0 0 2%;} .lebi_sel .btn_search {width:86px;height:56px;position:absolute;right:0;top:0;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#d82a2a;} .lebi_date_box {margin:20px 20px 0;border:1px solid #ccc;background-color:#fff;} .lebi_date_box strong {height:56px;display:block;color:#999;font-size:2.4rem;font-weight:normal;line-height:56px;text-align:center;border-bottom:1px solid #ccc;} .lebi_date_box p {height:84px;display:block;padding:0 0 0 22px;color:#666;font-size:2.4rem;font-weight:normal;line-height:86px;} .lebi_date_box dl {width:100%;padding:22px 22px 10px;color:#666;font-size:2.6rem;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;} .lebi_date_box dl:after {display:block;clear:both;content:'';} .lebi_date_box dt {float:left;width:190px;margin:0 0 12px 0;} .lebi_date_box dt em {width:158px;display:inline-block;font-style:normal;} .lebi_date_box dt span {width:32px;display:inline-block;} .lebi_date_box dd {margin:0 0 12px 0;} .lebi_cash_info {padding:16px 20px 20px;border-top:1px solid #ccc;background-color:#fff;} .lebi_cash_info:after {display:block;clear:both;content:'';} .lebi_cash_info dt {float:left;color:#666;font-size:3.0rem;font-weight:bold;} .lebi_cash_info dd {float:left;padding:0 0 0 10px;color:#d82a2a;font-size:3.0rem;font-weight:bold;} .lebi_login_info {height:80px;position:relative;padding:0 0 0 20px;border-top:1px solid #ccc;background-color:#fff;} .lebi_login_info strong {display:block;color:#666;font-size:3.0rem;line-height:78px;} .lebi_login_info .btn_login {width:86px;height:56px;position:absolute;right:20px;top:13px;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#d82a2a;} .lebi_guide {padding:0 20px 36px;color:#999;font-size:2.4rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .lebi_guide h3 {padding:20px 0 0 0;font-weight:normal;} .lebi_shop_list {background-color:#fff;} .lebi_shop_list li {height:140px;position:relative;padding:0 0 0 0;border-bottom:1px solid #ccc;} .lebi_shop_list li .name {display:block;padding:32px 0 0 138px;color:#666;font-size:3.0rem;font-weight:normal;} .lebi_shop_list li .price {display:block;padding:0 0 0 138px;color:#ea811a;font-size:2.6rem;font-style:normal;} .lebi_shop_list li .image {width:100px;height:100px;position:absolute;left:20px;top:20px;} .lebi_shop_list li .image img {width:100%;height:100%;} .lebi_shop_list li .btn_buy {width:156px;height:56px;position:absolute;right:20px;top:42px;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#e6c320;} /* welcome hive */ .hive_introduction {margin:-30px 20px 0;box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;background:#fff;} .hive_introduction .ad_text {padding:26px 0 0 0;font-size:2.0rem;font-weight:bold;line-height:28px;color:#fff;text-align:center;text-shadow:2px 2px 1px rgba(0,0,0,0.2);} .hive_introduction h1 {font-size:2.8rem;line-height:60px;color:#fafafa;text-align:center;border-radius:3px 3px 0 0;background:#42aefd;} .hive_introduction .wel_img img {width:100%;} .hive_introduction .wel_img .land {display:none;} .hive_introduction .contents_wrap {position:relative;padding:0 14px 128px 14px;background:#42aefd;} .hive_introduction .contents_wrap .cbtn {width:100%;position:absolute;bottom:30px;left:0;text-align:center;} .hive_introduction .contents_wrap .btn_policy {position:absolute;bottom:136px;right:14px;} .hive_introduction .contents_wrap .btn_policy a {color:#f4f4f4;} .hive_introduction .btn_change {height:62px;display:inline-block;margin:0 2px;font-size:2.4rem;line-height:62px;font-weight:bold;border-radius:20px;box-shadow:inset -2px -2px 0 rgba(228,128,39,0.5), inset 0 2px 0 rgba(255,255,255,1), 3px 3px 3px rgba(0,0,0,0.2);background:#fcbe2e;} .hive_introduction .btn_change a {display:block;padding:0 60px;color:#036725;} .hive_introduction .btn_policy {padding-right:20px;text-align:right;} .hive_introduction .btn_policy a {font-size:2.0rem;font-weight:bold;text-decoration:underline;} .hive_introduction .ad_box {padding:25px 15px 50px;background:#42aefd;border-bottom:2px solid #198add;} .hive_introduction .ad_box .contents {padding:0 0 10px;overflow:hidden;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.2);border-radius:5px;border:2px solid #198add;background:#359eeb;} .hive_introduction .ad_box .contents .con_wrap {width:566px;margin:0 auto;} .hive_introduction .ad_box .contents .section1, .hive_introduction .ad_box .contents .section2 {float:left;} .hive_introduction .ad_box .contents .section1 img, .hive_introduction .ad_box .contents .section2 img, .hive_introduction .ad_box .contents .section3 img {width:283px;height:148px;} .hive_introduction .ad_box .contents .section1 p, .hive_introduction .ad_box .contents .section2 p {width:283px;display:block;font-size:2.0rem;color:#ffe13a;font-weight:bold;line-height:25px;text-align:center;} .hive_introduction .ad_box .contents .section1 p span, .hive_introduction .ad_box .contents .section2 p span {padding:0 20px;display:inline-block;text-align:left;} /* email campaign */ .email_campaign .tit_1 {display:block;margin:40px 20px 42px;color:#666;font-size:3.0rem;line-height:36px;text-align:center;} .email_campaign .ec_box {padding:0 20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .email_campaign .txt_1 {margin:22px 0 32px;color:#666;font-size:2.6rem;line-height:30px;} .email_campaign .inp_email {width:100%;height:82px;padding:0 20px;font-size:3.0rem;line-height:40px;background-color:#eee;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .email_campaign .inp_email::-webkit-input-placeholder {color:#999;} .email_campaign .inp_email::-moz-placeholder {color:#999;} .email_campaign .btn_eau, .email_campaign .btn_eac {width:100%;height:68px;display:block;margin:50px 0 0 0;color:#fefefe;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} .email_campaign .btn_eac {margin:46px 0 50px 0;} .email_campaign .emailau_info dt {margin:40px 0 8px 0;color:#2a84d8;font-size:2.0rem;line-height:22px;} .email_campaign .emailau_info dd {margin:0 0 26px 0;color:#999;font-size:2.0rem;line-height:26px;} .email_campaign .txt_2 {margin:22px 0 0;padding:24px 0 0 0;color:#666;font-size:2.6rem;line-height:30px;border-top:1px solid #ccc;} .email_campaign .tit_2 {display:block;margin:22px 20px 0;color:#999;font-size:2.4rem;line-height:26px;} .email_campaign .use li {position:relative;margin:16px 20px 0;color:#999;font-size:2.4rem;line-height:28px;} .email_campaign .dst_chk {margin:46px 20px 0;} .email_campaign .dst_chk label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:26px;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .email_campaign .dst_chk label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .email_campaign .dst_chk input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .email_campaign .btn {display:block;text-align:center;} .email_campaign .btn_close {min-width:290px;height:68px;margin:50px 0 0;padding:0 40px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#bfbfbf;} .email_campaign .email_sel {overflow:hidden;margin:0 0 14px 0;} .email_campaign .email_sel:after {display:block;clear:both;content:'';} .email_campaign .email_sel input {width:52%;height:82px;float:left;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .email_campaign .email_sel input::-webkit-input-placeholder {color:#999;} .email_campaign .email_sel input::-moz-placeholder {color:#999;} .email_campaign .email_sel .t {width:8%;float:left;margin:18px 0 0 0;color:#666;font-size:3.6rem;line-height:38px;text-align:center;vertical-align:top;} .email_campaign .email_sel select {width:40%;height:82px;float:right;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px; background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .email_campaign .error {clear:both;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .email_campaign .txt_0 {margin:-20px 20px 40px;color:#666;font-size:2.8rem;line-height:30px;text-align:center;} .email_campaign .btn_area {margin:50px 0;} .email_campaign .btn_area:after {display:block;clear:both;content:'';} .email_campaign .btn_area .btn_ty_1, .email_campaign .btn_area .btn_ty_2 {width:48%;height:68px;float:left;margin:0 2% 0 0;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#bfbfbf;} .email_campaign .btn_area .btn_ty_2 {margin:0 0 0 2%;background-color:#2a84d8;} /* real name verification */ .rnv_txt {margin:56px 0 50px 0;padding:0 20px 10px;color:#666;font-size:2.8rem;line-height:30px;text-align:center;} .china_num {padding:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#dcdcdc;} .china_num span {display:block;padding:16px 0 16px 16px;color:#bfbfbf;font-size:2.6rem;line-height:30px;border-radius:10px;border:1px solid #ccc;background-color:#eee;} .china_num_inp li {position:relative;margin:20px 20px 0;} .china_num_inp li input {width:100%;height:82px;padding:0 220px 0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .china_num_inp li .btn_send {width:194px;height:56px;position:absolute;right:20px;top:12px;color:#fff;font-size:2.6rem;border-radius:10px;background-color:#2a84d8;} .china_num_inp li .time {position:absolute;right:20px;top:22px;color:#2a84d8;font-size:3.0rem;line-height:32px;} /* security function settings */ .scy_settings_guide {padding:22px 20px 24px;border-bottom:1px solid #ccc;} .scy_settings_guide h3 {color:#2a84d8;font-size:2.4rem;line-height:30px;} .scy_settings_guide p {margin:8px 0 0 0;color:#999;font-size:2.0rem;line-height:26px;} .scy_settings_form .target_game {position:relative;margin:16px 0 0;background-color:#fff;} .scy_settings_form .target_game .txt {width:100%;height:78px;overflow:hidden;padding:0 112px 0 20px;color:#444;font-size:3.0rem;line-height:72px;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .scy_settings_form .target_game .ico_off, .scy_settings_form .target_game .ico_on {width:72px;height:38px;position:absolute;right:20px;top:20px;color:#d82a2a;font-size:2.2rem;font-weight:bold;line-height:36px;text-align:center;border-radius:50px;background-color:#eee;} .scy_settings_form .target_game .ico_on {color:#2a84d8;} .scy_settings_form .txt {width:100%;padding:26px 20px 0;color:#999;font-size:2.4rem;line-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;} .scy_settings_form .pwd li {margin:16px 20px 0;background-color:#fff;} .scy_settings_form .pwd li input {width:100%;height:82px;overflow:hidden;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .scy_settings_form .error {padding:8px 0 0 38px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .scy_settings_form .pwd.ty2 li {background:none;} .scy_settings_form .pwd.ty2 .error {padding:3px 0 0 0;text-indent:0;} .scy_settings_form .pwd.ty2 .tip {padding:3px 0 0 0;text-indent:0;font-size:2.4rem;color:#2a84d8;line-height:30px;} .scy_campaign_body {background-color:#fff;} .security_campaign {margin:0 30px;} .security_campaign .tit_1 {margin:-36px 0 0 0;color:#222;font-size:4.0rem;line-height:50px;text-align:center;} .security_campaign .stit_1 {margin:36px 0 0 0;color:#444;font-size:2.8rem;font-weight:normal;line-height:40px;text-align:center;} .security_campaign .how_txt {margin:26px 0 0 0;} .security_campaign .how_txt dt {color:#999;font-size:2.0rem;font-weight:bold;line-height:24px;text-align:center;} .security_campaign .how_txt dd {margin:4px 0 0 0;color:#999;font-size:2.0rem;line-height:24px;text-align:center;} .security_campaign .step {margin:36px 0 0 0;} .security_campaign .step li {margin:0 0 32px 0;} .security_campaign .step li .tit {display:block;margin:0 0 14px 0;color:#444;font-size:2.8rem;line-height:34px;} .security_campaign .step li .new {color:#eb001a;font-size:2.2rem;line-height:34px;} .security_campaign .step li .box_txt {padding:20px;color:#666;font-size:2.0rem;line-height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .security_campaign .step li .box_txt a {color:#0085df;text-decoration:underline;} /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ /* media query */ @media (max-width:359px) { html {font-size:31.25%;} /* main */ .event_banner .ev_navi {bottom:9px;} .event_banner .ev_navi span {width:8px;height:8px;margin:0 10px 0 0;border-radius:5px;} .event_banner .ev_navi span.selected {border:1px solid #fff;} .tit_h3 {margin:9px 0 0 10px;} .tit_h3.ty2 {margin:9px 0 5px 10px;} .cont_head .btn_all {right:10px;top:2px;} .m_game_list {margin:6px 10px 0 10px;} .m_game_list.profile {margin:15px 10px 0 10px;} .m_game_list li {margin:0 0 10px 0;} .m_game_list li a {height:71px;} .m_game_list li a .tit {padding:9px 90px 0 9px;line-height:18px;} .m_game_list.profile li a .tit {padding:24px 90px 0 9px;} .m_game_list li a .image {width:71px;height:71px;} .m_game_list li a .txt {padding:5px 90px 0 9px;line-height:15px;} .m_game_list li a .txt i {height:15px;margin-right:1px;} .m_game_list li .btn_play {right:81px;top:47px;} .cafe_list {margin:6px 0 0 0;} .cafe_list li {padding:0 0 0 10px;} .cafe_list li a {padding:0 0 12px 0;} .cafe_list li.image a {min-height:68px;padding:0 0 15px 0;} .cafe_list li a .txt {padding:11px 10px 0 0;line-height:16px;} .cafe_list li a .nt {padding:7px 0 0 0;} .cafe_list li.image a .nt {bottom:12px;} .cafe_list li a .info {right:10px;bottom:15px;line-height:10px;} .cafe_list li.image a .info {right:72px;bottom:15px;} .cafe_list li a .info .hits {margin:0 12px 0 0;padding:0 0 0 17px;background:url('../img/ico_hits.png') no-repeat 0 3px;background-size:13px 9px;} .cafe_list li a .info .comment {padding:0 0 0 15px;background:url('../img/ico_comment.png') no-repeat 0 3px;background-size:11px 9px;} .cafe_list li a .image_play, .cafe_list li a .image_detailview {width:53px;height:53px;margin:15px 10px 0 17px;} .cafe_list li a .image_play:after {background-size:19px 19px;} .main.cafe_notice {margin:6px 0 0 0;} .main.cafe_notice li a {padding:0 48px 0 0;} .channel {margin:10px 0 0 0;} .channel h3 {padding:0 0 8px 10px;} .channel dl {height:43px;border-top:1px solid #ccc;} .channel dt {padding:13px 0 0 10px;} .channel dd {top:10px;} .channel dd a {width:23px;height:23px;margin:0 10px 0 0;} .channel dd a.ico_c_youtube {background-size:23px 23px;} .channel dd a.ico_c_weibo {background-size:23px 23px;} .channel dd a.ico_c_wechat {background-size:23px 23px;} .channel dd a.ico_c_twitter {background-size:23px 23px;} .channel dd a.ico_c_soku {background-size:23px 23px;} .channel dd a.ico_c_forums {background-size:23px 23px;} .channel dd a.ico_c_facebook {background-size:23px 23px;} .channel dd a.ico_c_google {background-size:23px 23px;} .channel dd a.ico_c_cafe {background-size:23px 23px;} .channel dd a.ico_c_blog_kr {background-size:23px 23px;} .channel dd a.ico_c_blog_jp {background-size:23px 23px;} .channel dd a.ico_c_blog_jp_2 {background-size:23px 23px;} .channel dd a.ico_c_blog_cn {background-size:23px 23px;} .channel dd a.ico_c_tumblr {background-size:23px 23px;} .channel dd a.ico_c_insta {background-size:23px 23px;} /* profile */ .profile_head {height:130px;} .profile_head.char {height:135px;} .profile_head.lebi {height:102px;} .profile_head .photo {width:72px;height:72px;top:15px;margin:0 0 0 -36px;} .profile_head .photo .btn_noti {width:26px;height:26px;right:-1px;top:-1px;} .profile_head.lebi .photo {left:15px;top:15px;} .profile_head.char .photo {top:20px;margin:0 0 0 -36px;} .profile_head .name {padding:89px 0 0 0;line-height:20px;} .profile_head .displayname {line-height:15px;} .profile_head.char .name {padding:93px 0 0 0;} .profile_head.lebi .name {margin:0 0 0 101px;padding:42px 0 0 0;} .profile_head .btn_area a, .profile_head .btn_area button {width:34px;height:34px;top:34px;} .profile_head .btn_area a.btn_messages {left:60px;background-size:34px 34px;} .profile_head .btn_area a.btn_setting {right:60px;background-size:34px 34px;} .profile_head .btn_area button.btn_photo_edit {left:60px;background-size:34px 34px;} .profile_head .btn_area button.btn_friend {right:60px;} .profile_head .btn_area button.btn_friend.add {background-size:34px 34px;} .profile_head .btn_area button.btn_friend.del {background-size:34px 34px;} .profile_head .btn_area button.btn_friend.ing {background-size:34px 34px;} .profile_head .btn_area a.btn_modify {left:60px;background-size:34px 34px;} .profile_head .btn_area.cn a.btn_messages, .profile_head .btn_area.cn button.btn_photo_edit, .profile_head .btn_area.cn a.btn_modify {right:75px;} .profile_head .btn_area.cn a.btn_setting {right:26px;} .profile_head .btn_area a.btn_lebi {left:26px;background-size:34px 34px;} .profile_head .btn_area a.btn_wechat {left:75px;background-size:34px 34px;} .profile_head .btn_area.cn.lb a:first-child {left:60px;} .profile_sns_list {margin:7px 0 0 0;} .profile_sns_list li {height:40px;margin:0 0 0 10px;line-height:40px;} .profile_sns_list li button {width:36px;height:19px;right:10px;top:10px;} .profile_sns_list li button.btn_connect {background-size:36px 19px;} .profile_sns_list li button.btn_disconnect {background-size:36px 19px;} .profile_info_list {margin:7px 0 0 0;} .profile_info_list li {height:40px;margin:0 0 0 10px;line-height:40px;} .profile_info_list li .description {padding:0 10px;} .profile_info_list li .btn_refresh {width:24px;height:24px;margin:7px 0 0 10px;background-size:24px 24px;} .profile_info_list li .btn_modify {width:24px;height:24px;margin:7px 0 0 10px;background-size:24px 24px;} .edit_email .txt_frame {margin:28px 10px 25px;} .edit_email fieldset {margin:0 10px;} .edit_email li ~ li {margin-top:10px;} .edit_email li input {height:41px;padding:0 10px;line-height:20px;border:1px solid #ccc;} .edit_email li .email_report .t {margin:9px 0 0 0;line-height:19px;} .edit_email li .email_report select {height:41px;padding:0 30px 0 8px;border:1px solid #ccc;border-radius:5px;background-size:19px 5px;} .edit_email .error {margin-top:5px;} .edit_email .btn_list {margin:25px 0 0;} .edit_email .btn_list button {height:34px;border-radius:5px;} .set_hive .txt_frame {margin:28px 10px 25px;} .set_hive fieldset {margin:0 10px;} .set_hive li ~ li {margin-top:10px;} .set_hive li input {height:41px;padding:0 10px;line-height:20px;border:1px solid #ccc;} .set_hive li .email_report .t {margin:9px 0 0 0;line-height:19px;} .set_hive li .email_report select {height:41px;padding:0 30px 0 8px;border:1px solid #ccc;border-radius:5px;background-size:19px 5px;} .set_hive .error {margin-top:5px;} .set_hive .btn_list {margin:25px 0 0;} .set_hive .btn_list button {height:34px;border-radius:5px;} .set_hive .btn_send {min-width:49px;height:28px;padding:0 10px;right:10px;top:6px;border-radius:5px;} .popular_game_down {margin:12px 0 0 0;padding:0 0 5px 0;} .popular_game_down h3 {padding:19px 10px 4px;} .popular_game_down .txt {padding:0 10px;} .popular_game_down .game_list {margin:21px 10px 0;} .popular_game_down .game_list li {height:105px;margin:0 0 15px 0; background:url('../img/bg_shadow.png') repeat-x 1px 77px;background-size:1px 7px;} .popular_game_down .game_list li:after {top:72px;border-bottom:5px solid #e0e0e0;} .popular_game_down .game_list li .image {width:72px;height:72px;} .popular_game_down .game_list li .image:after {width:77px;height:73px;left:-3px;top:-1px;background-size:77px 73px;} .popular_game_down .game_list li .game_complete, .popular_game_down .game_list li .game_runn {margin:14px 0 0 0;} .popular_game_down .game_list li .btn_game_down, .popular_game_down .game_list li .btn_game_play {width:72px;height:19px;margin:13px 0 0 0;line-height:20px;border-radius:10px;} .profile_character_list .character_sel {margin:0 0 4px 0;} .profile_character_list .character_sel a.tit {height:40px;padding:0 0 0 10px;line-height:40px;} .profile_character_list .character_sel a.tit:after {width:11px;height:6px;right:10px;margin:-3px 0 0 0;background-size:11px 6px;} .profile_character_list .character_sel.selected a.tit:after {background-size:11px 6px;} .profile_character_list .character_sel .char_list {margin:0 0 0 10px;padding:15px 10px 5px 0;} .profile_character_list .character_sel .char_list li {margin:0 0 10px 0;} .profile_character_list .character_sel .char_list li a.selected:after {border:2px solid #2a84d8;} .tit_txt {margin:34px 10px 33px;line-height:18px;} .tit_txt.ty3 {margin:20px 10px 19px;} .id_setting li {margin:10px 10px 0;} .id_setting li:first-child {margin:0 10px 0;} .id_setting li input {height:41px;padding:0 10px;line-height:20px;} .id_setting .error {margin:0 0 -2px 0;padding:4px 0 0 9px;line-height:15px;text-indent:-9px;} .btn_area_b_ty2 {margin:25px 10px 0;} .btn_area_b_ty2 .btn_ty_1, .btn_area_b_ty2 .btn_ty_2, .btn_area_b_ty2 .btn_ty_3 {height:34px;border-radius:5px;} .btn_area_b_ty3 {margin:7px 20px 0;} .btn_area_b_ty3 button {height:40px;padding:0 10px;border-radius:5px;} .editpwd_link .btn_editpwd {height:40px;margin:15px 0 0 0;line-height:17px;} .editpwd_link .notice {padding:5px 0 0 9px;} .profile_chimg {margin:7px 0 0 0;} .profile_chimg li {margin:0 0 0 10px;} .profile_chimg li:after {width:8px;height:14px;right:10px;top:14px;background-size:6px 11px;} .profile_chimg li button, .profile_chimg li .btn_photo {height:40px;padding:0 0 0 21px;line-height:40px;} .profile_chimg li button:after, .profile_chimg li .btn_photo:after {width:28px;height:28px;top:10px;} .profile_chimg li .btn_camera:after {background:url('../img/btn_edit_photo_3.png') no-repeat 0 3px;background-size:16px 13px;} .profile_chimg li .btn_photo:after {background:url('../img/btn_album.png') no-repeat 0 2px;background-size:16px 16px;} .profile_chimg li input {top:1px;left:1px;} .profile_nickname {margin:7px 0 15px 0;padding:11px 10px 13px;} .profile_nickname .txt {margin:0 0 8px 0;line-height:15px;} .profile_nickname input {height:41px;padding:0 10px;line-height:20px;border:1px solid #ccc;} .profile_nickname .error {margin:0 0 -2px 0;padding:4px 0 0 9px;line-height:15px;text-indent:-9px;} .btn_area_b .btn_mdf_save {height:34px;border-radius:5px;} .profile_guest_txt {padding:85px 10px;line-height:20px;} .btn_area_b_ty2.guest {margin: 0 10px 0;} .btn_area_b_ty2.guest .btn_ty_1 {border:1px solid #2a84d8;} .profile_init {margin-top:25px;} /* games */ .m_game_list.games_list {margin:15px 10px 0 10px;} .m_game_list.games_list li.new .tit, .m_game_list.games_list li.hot .tit {padding:10px 90px 0 19px;} .games_list li.new em, .games_list li.hot em {width:15px;height:28px;left:-1px;top:-1px;} .games_list li.new em {background-size:15px 28px;} .games_list li.hot em {background-size:15px 28px;} .game_os_select {right:10px;top:34px;} .game_os_select .btn_ios, .game_os_select .btn_android {width:23px;height:34px;} .game_os_select .btn_ios {margin:0 10px 0 0;background:url('../img/btn_ios_off.png') no-repeat 0 5px;background-size:23px 23px;} .game_os_select .btn_android {background:url('../img/btn_android_off.png') no-repeat 0 5px;background-size:23px 23px;} .game_os_select .btn_ios.selected {background:url('../img/btn_ios_on.png') no-repeat 0 5px;background-size:23px 23px;} .game_os_select .btn_android.selected {background:url('../img/btn_android_on.png') no-repeat 0 5px;background-size:23px 23px;} .games_head {height:163px;} .games_head:after {height:163px;} .games_head .image {width:72px;height:72px;top:26px;margin:0 0 0 -38px;padding:2px;} .games_head .game_name {top:113px;padding:0 10px;} .games_head .btn_area a {width:34px;height:34px;top:46px;} .games_head .btn_area a.btn_cafe {left:58px;background-size:34px 34px;} .games_head .btn_area a.btn_download {right:60px;background-size:34px 34px;} .games_head .btn_area.cn a.btn_cafe {right:73px;} .games_head .btn_area.cn a.btn_download {right:24px;} .games_head .btn_area a.btn_lebi {left:24px;background-size:34px 34px;} .games_head .btn_area a.btn_wechat {left:73px;background-size:34px 34px;} .games_head .btn_area.cn.lb a:first-child {left:58px;} .games_head .game_bg img {height:163px;} .game_guide {margin:6px 0 0 0;padding:10px 10px 16px;} .game_guide .glist li {margin:0 0 0 10px;} .game_guide.gmp .glist li {width:169px;height:300px;} .game_guide .glist li a.play:after {background-size:40px 40px;} .game_guide .navi {margin:6px 0 0 0;} .game_guide .navi span {width:8px;height:8px;margin:0 5px 0 0;border-radius:5px;border:1px solid #999;} .game_guide .txt {margin:10px 0 0 0;line-height:17px;} .game_feature_list {margin:6px 0 0 0;padding:9px 10px 10px;line-height:17px;} .game_ratings_12age {width:238px;height:46px;margin:25px auto 0;} /* New 2019-04-02 */ .genre_tab {height:38px;margin-bottom:6px;border-bottom:1px solid #ccc;} .genre_tab ul {padding:0 10px;} .genre_tab ul li {padding-left:4px;} .genre_tab ul li button {padding:0 10px 0 10px;letter-spacing:-1px;} .genre_tab ul li.on button:after {height:2px;} .order_list {height:35px;padding-left:16px;border-bottom:1px solid #ccc;} .order_list .tit {margin-right:18px;line-height:35px;} .order_list ul li {margin-left:20px;} .order_list ul button {letter-spacing:-1px;padding-left:8px;} .order_list ul button:after {width:7px;height:6px;margin-top:-3px;background-size:7px 6px;} .order_list ul .on button:after {background-size:7px 6px;} .game_list_new {padding-bottom:14px;border-bottom:1px solid #ccc;} .game_list_new li {height:100px;padding:15px 10px 0;} .game_list_new li a {height:100px;padding-left:110px;padding-top:6px;} .game_list_new li.new a, .game_list_new li.best a {padding-top:21px;} .game_list_new li .thumb {width:100px;height:100px;border-radius:24px;} .game_list_new li .thumb img {width:100px;height:100px;} .game_list_new h3 {margin-bottom:1px;} .game_list_new .sticker {left:105px;width:40px;height:20px;line-height:20px;} .game_list_new .content {left:110px;bottom:1px;height:34px;line-height:17px;} .game_list_new .content i {height:17px;margin-right:5px;} .game_list_new li .tag {height:20px;margin:0 0 2px -5px;} .game_list_new li .tag span {height:20px;margin-left:1px;padding:0 7px;border-radius:50px;} .game_detail .youtube_wrap a:after {background-size:40px 40px;} .game_detail .game_contents {margin-bottom:10px;padding:15px 10px 0;} .game_detail .introduce {height:100px;padding:0 0 10px 114px;border-bottom:1px solid #ccc;} .game_detail .introduce .thumb {width:100px;height:100px;border-radius:24px;} .game_detail .introduce dl {padding-top:12px;} .game_detail .introduce dt {height:42px;margin-bottom:5px;line-height:21px;} .game_detail .introduce_txt {padding:15px 0 15px;border-bottom:1px solid #ccc;} .game_detail .introduce_txt span {height:17px;margin-top:8px;line-height:17px;} .game_detail .introduce_txt i {height:17px;margin-right:5px;} .game_detail .btns {padding-top:9px;margin-bottom:25px;} .game_detail .btns p {height:34px;} .game_detail .btns .share {padding-right:5px;} .game_detail .btns .game {padding-left:5px;} .game_detail .btns button {border-radius:5px;} .game_detail .share button {border:1px solid #2a84d8;} .game_detail .gallery_wrap {height:155px;margin:0 -10px;} .game_detail .gallery_wrap ul {padding:0 10px;} .game_detail .gallery_wrap li {width:274px;padding-left:10px;} .game_detail .gallery_wrap img {width:274px;height:155px;border-radius:5px;} .game_detail .game_txt {margin-top:17px;padding-bottom:16px;border-bottom:1px solid #ccc;} .game_detail .feature_txt {margin-top:12px;padding-bottom:22px;} .game_detail .game_feature_list {height:80px;line-height:16px;} .game_detail h3 {margin-bottom:10px;} .game_detail .txt {height:80px;line-height:16px;} .game_detail .more {margin-top:13px;} .game_detail .more button {padding-right:11px;} .game_detail .more button:after {width:8px;height:5px;margin-top:-2px;} .game_detail .other_game {padding:17px 0;} .game_detail .other_game h3 {margin:0 0 11px 10px;} .game_detail .other_game div {height:138px;} .game_detail .other_game ul {padding:0 10px;} .game_detail .other_game li {width:100px;padding-left:15px;} .game_detail .other_game .thumb {width:100px;height:100px;margin:0 auto 6px;border-radius:24px;} .game_detail .other_game dt {height:17px;margin-bottom:1px;line-height:17px;} .game_detail .other_game dt i {height:17px;margin-right:1px;} /* customer service */ .custom_menu {margin:15px 10px 0;} .custom_menu li a {height:50px;line-height:50px;} .custom_menu li a .new {width:19px;height:19px;right:10px;top:15px;background-size:19px 19px;} .faq_list li .question {padding:10px 31px 11px 10px;line-height:17px;} .faq_list li .question span em {width:14px;height:14px;margin:0 4px 2px 0;} .faq_list li .question span em.new {background-size:14px 14px;} .faq_list li .question span em.hot {background-size:14px 14px;} .faq_list li .question:after {width:11px;height:6px;right:10px;margin:-3px 0 0 0;background-size:11px 6px;} .faq_list li.selected .question:after {background-size:11px 6px;} .faq_list li .answer {margin:0 0 0 10px;padding:6px 10px 12px 0;line-height:17px;} .faq_list li .answer .war {margin:13px 0 0 0;line-height:13px;} .cs_guide {margin:20px 10px 0;} .cs_guide .txt {margin:0 10px 8px;} .cs_guide.ty {margin:10px 0 0 0;padding:0 10px;} .cs_guide .btn_ty_1 {height:34px;border-radius:5px;} .cs_guide .btn_cs {height:34px;margin-top:10px;border-radius:5px;} .cs_guide .btn_cs .new {width:19px;height:19px;right:10px;margin-top:-9px;line-height:19px;border-radius:25px;} .cs_guide .btn_ty_2 {min-width:145px;height:34px;border-radius:5px;} .cs_write {margin:0 10px 0;} .cs_write .int_box {height:40px;} .cs_write .int_box input[type="text"] {padding:0 9px;} .cs_write .int_txt {margin:5px 0 0 0;} .cs_write .int_txt label {padding:2px 0 11px 24px;line-height:16px;background-size:19px 19px;} .cs_write .int_txt label.checked {background-size:19px 19px;} .cs_write input[type="checkbox"] {top:-4999px;left:1px;} .cs_write .file_btn {height:28px;} .cs_write .file_btn em {padding:0 0 0 33px;line-height:27px;} .cs_write .file_btn .btn_add, .cs_write .file_btn .btn_delete {width:34px;height:28px;background:url('../img/btn_add.png') no-repeat 10px 7px;background-size:14px 14px;} .cs_write .file_btn .btn_delete {background:url('../img/btn_delete.png') no-repeat 10px 13px;background-size:14px 2px;} .cs_write .file_btn .btn_add input {top:1px;left:1px;} .cs_write .file_view_img {margin:0 10px;} .cs_write .file_view_img p {margin:5px 0 0 0;} .cs_write .file_view_img p:first-child {margin-top:10px;} .cs_write .file_view_img p:last-child {margin-bottom:10px;} .cs_write .file_view_img .image {width:44px;height:44px;} .cs_write .file_view_img .image.video:after {background-size:19px 19px;} .cs_write .file_view_img .info {height:44px;margin:0 0 0 49px;padding:9px 9px 0 9px;line-height:14px;} .cs_write .file_view_text {margin:0 10px;} .cs_write .file_view_text p {height:23px;margin:5px 0 0 0;padding:0 9px;line-height:22px;} .cs_write .file_view_text p:first-child {margin-top:10px;} .cs_write .file_view_text p:last-child {margin-bottom:10px;} .cs_write .txt_area {margin:10px 10px 0;} .cs_write .txt_area textarea {height:42px;line-height:14px;} .cs_write .txt_area.report textarea {height:278px;line-height:16px;} .cs_write .limit {margin:2px 10px 7px 0;} .cs_write .note_agree {margin:5px 10px 0;line-height:15px;} .cs_write .note_agree > p {margin-top:7px;} .cs_write .note_agree > .dot {padding-left:7px;} .cs_write .note_agree > .dot:after {top:6px;width:2px;height:2px;border-radius:10px;} .cs_write .note_agree .agree {padding:10px 0 5px 0;} .cs_write .note_agree label {padding:3px 0 3px 24px;line-height:14px;background-size:19px 19px;} .cs_write .note_agree label.checked {background-size:19px 19px;} .cs_write .note_agree .age_sel {padding:10px 0 5px 0;} .cs_write .note_agree .age_sel p {margin-top:2px;} .cs_write .note_agree .age_sel input {top:3px;width:15px;height:15px;} .cs_write .note_agree .age_sel label {padding-left:19px;} .cs_write .info_txt {padding:4px 0 7px 9px;line-height:15px;text-indent:-9px;} .stit_h3 {margin:33px 10px 35px;} .cs_email_txt {margin:0 10px;padding:15px 20px 16px;line-height:19px;} .HIVEcontents > h3 {margin:11px 10px 7px;line-height:15px;} .HIVEcontents .point {padding-left:10px;} .HIVEcontents .point:after {width:5px;height:5px;margin-top:-2px;} .select_area li {margin-bottom:10px;} .cs_write ul li {padding-left:10px;} .cs_write ul li.point:after {top:17px;} .board_list.cnews {margin:10px 0 0 0;} .board_list.edit li {padding:0 10px 9px;} .board_list li a {padding:0 10px 9px;} .board_list li .category {padding:8px 70px 0 0;} .board_list li .date {right:10px;top:8px;} .board_list li .tit {padding:9px 13px 0 0;} .board_list.msg li .tit {padding:9px 31px 0 0;} .board_list.cnews li .tit {padding:9px 0 0 0;} .board_list li .ico_new {width:19px;height:19px;right:10px;top:28px;background-size:19px 19px;} .board_list li .btn_delete {width:29px;height:29px;top:23px;background:url('../img/btn_delete_2.png') no-repeat 10px 10px;background-size:9px 9px;} .board_list.cnews li .commdate {padding:3px 0 0 0;} .board_view .category {padding:8px 0 0 10px;} .board_view .date {right:10px;top:8px;} .board_view .tit {padding:9px 26px 10px 0;margin:0 0 0 10px;} .board_view .image {margin:10px 80px 0 10px;} .board_view .noti img {margin:0 0 10px 0;} .board_view .image_dp {margin:10px 10px 0;} .board_view .image_dp img {width:47px;height:60px;} .board_view .txt {padding:11px 10px 15px;line-height:17px;} .board_view .btn_details {padding:0 0 15px 10px;} .mymsg_answer {padding:0 0 20px 10px;} .mymsg_answer .tit {padding:7px 0 0 11px;background:url('../img/ico_answer.png') no-repeat 0 5px;background-size:7px 10px;} .mymsg_answer .date {right:10px;top:8px;} .mymsg_answer .txt {margin:9px 10px 0 0;line-height:18px;} .mymsg_answer .recont {padding:15px 10px 0 0;} .mymsg_answer .btn_recont {height:34px;border-radius:5px;} .mymsg_answer .image {margin:13px 80px 5px 0;} /* 2019-09-11 추가 */ .mymsg_answer .rating {margin:20px 10px 0 0;padding:16px 14px 20px;border:1px solid #ccc;} .mymsg_answer .rating .rating_txt {margin-bottom:17px;line-height:17px;} .mymsg_answer .rating .selec_star {margin-bottom:20px;} .mymsg_answer .rating .selec_star li {width:28px;height:27px;margin-left:5px;} .mymsg_answer .rating .select {margin-bottom:20px;} .mymsg_answer .rating .select select {height:28px;padding:0 30px 0 8px;border:1px solid #ccc;border-radius:5px;background-size:19px 5px;} .mymsg_answer .rating .btn_rating button {height:33px;border-radius:5px;} .mymsg_answer .rating_complete {margin:20px 10px 0 0;padding:24px 14px 25px;line-height:20px;border:1px solid #ccc;} .view_navi {height:34px;} .view_navi .btn_prev, .view_navi .btn_next {width:28px;height:34px;background:url('../img/btn_prev_on.png') no-repeat 10px 10px;background-size:8px 14px;} .view_navi .btn_next {left:58px;background:url('../img/btn_next_on.png') no-repeat 10px 10px;background-size:8px 14px;} .view_navi .btn_prev.non {background:url('../img/btn_prev_off.png') no-repeat 10px 10px;background-size:8px 14px;} .view_navi .btn_next.non {background:url('../img/btn_next_off.png') no-repeat 10px 10px;background-size:8px 14px;} .view_navi .btn_list {height:34px;right:10px;line-height:34px;} .reportcenter_info {margin:12px 10px 0;} .reportcenter_info p {margin:0 0 16px 0;line-height:18px;} .reportcenter_agree {margin:5px 0 0;padding:0 0 10px 0;line-height:15px;} .reportcenter_agree .agree {padding:20px 0 7px 0;} .reportcenter_agree label {padding:3px 0 3px 24px;line-height:14px;background-size:19px 19px;} .reportcenter_agree label.checked {background-size:19px 19px;} .reportcenter_agree em {padding:0 0 0 9px;text-indent:-9px;} .reportcenter_agree .btn_use_link {margin:12px 0 0 0;line-height:19px;} .search_none {margin-top:20px;padding:0 20px;padding-top:133px;line-height:21px;background-size:110px 108px;} .sel_game {margin-top:-10px;padding:0 9px;} .sel_game li {padding:0 9px;margin-top:18px;} .sel_game li a {border-radius:20px;} .sel_game li .name {padding:0 15px;line-height:17px;} .sel_game .name i {width:5px;height:5px;margin:5px 5px 0 0;border-radius:50px;} .btn_game_more {padding:20px 18px 0;} .btn_game_more button {height:34px;border-radius:5px;} /* cafe */ .cafe_all_list {margin:15px 0 0 0;} .cafe_all_list.ty2 {margin:10px 0 0 0;} .cafe_all_list li a {padding:0 0 0 10px;height:77px;} .cafe_all_list li .game_name {padding:18px 106px 0 0;line-height:17px;} .cafe_all_list li .date {padding:13px 0 0 0;line-height:20px;} .cafe_all_list li .date .new {width:19px;height:19px;background-size:19px 19px;} .cafe_all_list li .image {width:57px;height:57px;right:39px;top:10px;} .cafe_all_list li .btn_bookmark {width:39px;height:38px;top:19px;background:url('../img/btn_bookmark_off.png') no-repeat 10px 10px;background-size:19px 18px;} .cafe_all_list li .btn_bookmark.selected {background:url('../img/btn_bookmark_on.png') no-repeat 10px 10px;background-size:19px 18px;} .ssub_tab {margin:10px 10px 0;} .ssub_tab li a {height:27px;line-height:28px;border-radius:5px;} .ssub_tab li:nth-of-type(1) a {border-radius:5px 0 0 5px;} .ssub_tab li:nth-of-type(3) a {border-radius:0 5px 5px 0;} .cafe_list.cposts {margin:10px 0 0 0;} .cafe_list.cposts li.image a {min-height:93px;} .cafe_list li a .game_name {padding:9px 0 0 0;} .cafe_mg_head {height:96px;} .cafe_mg_head .game_name {padding:14px 10px 0 95px;} .cafe_mg_head .image {width:72px;height:72px;left:10px;top:10px;padding:2px;} .cafe_mg_head .btn_area {right:10px;top:52px;} .cafe_mg_head .btn_area a {width:34px;height:34px;margin:0 0 0 10px;} .cafe_mg_head .btn_area a.btn_wechat {background-size:34px 34px;} .cafe_mg_head .btn_area a.btn_event {background-size:34px 34px;} .cafe_mg_head .btn_area a.btn_download {background-size:34px 34px;} .btn_cafe_dtail {padding:0 0 10px 0;} .btn_cafe_dtail button {height:28px;border-radius:5px;} .cafe_notice {margin:6px 0 15px 0;} .cafe_notice li a {height:34px;margin:0 0 0 10px;padding:0 85px 0 0;line-height:34px;} .cafe_notice li a .date {right:10px;} .search_result_tit {margin:0 0 10px 0;padding:11px 10px 12px;line-height:17px;} .cafe_list.search_r .cont {padding:11px 10px 13px 0;line-height:17px;} .cafe_detail_head {padding:15px 0 0 10px;} .cafe_detail_head .user_id {padding:0 0 0 36px;line-height:11px;} .cafe_detail_head .geti {padding:4px 0 0 36px;} .cafe_detail_head .image {width:32px;height:32px;left:10px;top:10px;} .cafe_detail_head .tit {padding:14px 10px 30px 0;line-height:18px;} .cafe_detail_head .info {right:10px;bottom:10px;line-height:10px;} .cafe_detail_head .info .hits {margin:0 12px 0 0;padding:0 0 0 17px;background:url('../img/ico_hits.png') no-repeat 0 3px;background-size:13px 9px;} .cafe_detail_head .info .comment {padding:0 0 0 15px;background:url('../img/ico_comment.png') no-repeat 0 3px;background-size:11px 9px;} .cafe_detail_head .btn_multi {width:25px;height:35px;right:5px;top:5px;background:url('../img/btn_multi.png') no-repeat 10px 10px;background-size:5px 15px;} .cafe_detail_cont {padding:10px 0 0 0;} .cafe_detail_cont .image {margin:0 80px 10px 10px;} .cafe_detail_cont .image.play:after {background-size:40px 40px;} .cafe_detail_cont .china_war {height:172px;margin:5px 80px 5px 10px;padding:56px 0 0 0;} .cafe_detail_cont .china_war img {width:177px;height:60px;} .cafe_detail_cont .txt {padding:11px 10px 15px;line-height:17px;} .comment_write {padding:10px 0;} .comment_write .btn_img_import {width:48px;height:28px;top:10px;background:url('../img/btn_photo_1.png') no-repeat 10px 0;background-size:28px 28px;} .comment_write .msg_inp {margin:0 78px 0 10px;border-radius:5px;} .comment_write.new .msg_inp {margin:0 78px 0 48px;} .comment_write .msg_inp .auto_intext {height:28px;padding:5px 29px 8px 10px;line-height:15px;border-radius:5px;} .comment_write .msg_inp .btn_delete {width:29px;height:28px;background:url('../img/btn_delete_2.png') no-repeat 10px 9px;background-size:9px 9px;} .comment_write .btn_send {width:58px;height:28px;right:10px;top:10px;border-radius:5px;} .comment_write .file_info {width:189px;height:23px;margin:10px 10px 0;padding:0 29px 0 10px;border-radius:5px;} .comment_write .file_info span {line-height:22px;} .comment_write .file_info .btn_fidelete {width:29px;height:23px;background:url('../img/btn_delete_8.png') no-repeat 10px 7px;background-size:9px 9px;} .comment_list li {padding:10px 0 11px 0;} .comment_list li .user_id {padding:0 0 0 37px;line-height:25px;} .comment_list li .image {width:23px;height:23px;left:10px;top:10px;} .comment_list li .txt {padding:5px 10px 0 37px;line-height:15px;} .comment_list li .txt.del {padding:0 10px 0 38px;} .comment_list li .btn_reply {margin:12px 0 0 37px;} .comment_list li .btn_delete {width:29px;height:29px;background:url('../img/btn_delete_4.png') no-repeat 10px 10px;background-size:9px 9px;} .comment_list li .upload_image {margin:10px 102px 0 38px;padding:0 0 5px 0;} .comment_list li .reply {margin:11px 0 0 0;} .comment_list li .reply li {margin:11px 0 0 0;padding:10px 0 0 0;background:url('../img/ico_comment_2.png') no-repeat 10px 10px;background-size:7px 15px;} .comment_list li .reply .user_id {padding:0 0 0 49px;} .comment_list li .reply .image{left:22px;} .comment_list li .reply .txt {padding:5px 10px 0 49px;} .comment_list li .reply.new {margin:11px 0 0 38px;} .comment_list li .reply.new .user_id {padding:0 0 0 28px;} .comment_list li .reply.new .txt {padding:3px 10px 0 28px;} .comment_list li .reply .upload_image {margin:10px 74px 0 28px;padding:0 0 5px 0;} .reply_write {margin:15px 0 0 0;} .reply_write .btn_img_import {width:48px;height:28px;left:28px;background:url('../img/btn_photo_2.png') no-repeat 10px 0;background-size:28px 28px;} .reply_write .msg_inp {margin:0 78px 0 37px;border-radius:5px;} .reply_write.new .msg_inp {margin:0 78px 0 76px;} .reply_write .msg_inp .auto_intext {height:28px;padding:5px 29px 8px 10px;line-height:15px;border-radius:5px;} .reply_write .msg_inp .btn_delete {width:29px;height:28px;background:url('../img/btn_delete_5.png') no-repeat 10px 9px;background-size:9px 9px;} .reply_write .btn_send {width:58px;height:28px;right:10px;border-radius:5px;} .reply_write .file_info {width:189px;height:23px;margin:10px 10px 5px 38px;padding:0 29px 0 10px;border-radius:5px;} .reply_write .file_info span {line-height:22px;} .reply_write .file_info .btn_fidelete {width:29px;height:23px;background:url('../img/btn_delete_8.png') no-repeat 10px 7px;background-size:9px 9px;} .comment_paging {height:40px;padding:0 10px;} .comment_paging .tit {line-height:40px;} .comment_paging .btn_cpv {line-height:40px;} .report_tit {margin:12px 10px 0;line-height:16px;} .report_txt {margin:4px 10px 0;} .report_type {margin:12px 10px 0;} .report_type li {height:29px;padding:10px 0 0 10px;} .report_type label {padding:0 0 0 24px;line-height:19px;background-size:19px 19px;} .report_type label.checked {background-size:19px 19px;} .report_txtarea {margin:10px 10px 0;padding:15px 10px 9px;} .report_txtarea textarea {height:57px;line-height:14px;} .report_txtarea .limit {margin:18px 0 0 0;} .iv_report_bar {height:40px;} .iv_report_bar.ing {margin:34px 0 0 0;} .iv_report_bar .navi {line-height:38px;} .iv_report_bar .btn_report {width:38px;height:40px;background:url('../img/btn_report.png') no-repeat 10px 11px;background-size:18px 15px;} .iv_report_bar .btn_close {width:32px;height:40px;background:url('../img/btn_close.png') no-repeat 10px 14px;background-size:12px 12px;} .iv_con .image.imgland {max-height:240px;} .iv_down_bar {height:50px;} .iv_down_bar .btn_down {width:53px;height:50px;margin:0 0 0 -26px;background:url('../img/btn_download_2.png') no-repeat 17px 17px;background-size:18px 15px;} /* login */ .txt_notice {padding:6px 10px 7px;} .login {width:280px;} .login .btn_join {top:17px;padding:0 11px 0 0;line-height:15px;background:url('../img/ico_link_arrow_5.png') no-repeat 100% 2px;background-size:7px 11px;} .login .login_form {padding:60px 0 0 0;} .login.mw .login_form {padding:40px 0 0 0;} .login.mw.captcha .login_form {padding:12px 0 0 0;} .login .login_form input {height:50px;padding:0 10px;line-height:20px;} .login .login_form input[type="text"] {border-radius:4px 4px 0 0;} .login .login_form input[type="password"] {border-radius:0 0 4px 4px;} .login .login_form .error {padding:4px 0 0 0;line-height:15px;} .login .login_form .btn_help {width:26px;height:13px;margin:1px 0 0 0;} .login .login_form .btn_login {height:40px;margin:12px 0 0 0;border-radius:5px;} .login .btn_pwd_link, .login .btn_cs_link, .login .log_sel .bar {margin:12px 0 0 0;} .login .log_sel .bar {margin:0 5px;} .login .log_sel .auto {margin:11px 0 0 0;} .login .log_sel .auto label {padding:3px 0 3px 24px;line-height:14px;background-size:19px 19px;} .login .log_sel .auto label.checked {background-size:19px 19px;} .login .log_sel .auto input[type="checkbox"] {top:-4999px;left:1px;} .login .log_with {margin:35px 0 0 0;} .login .btn_face_link, .login .btn_goo_link, .login .btn_weibo_link, .login .btn_qq_link, .login .btn_vk_link, .login .btn_apple_link, .login .btn_huawei_link, .login .btn_ph_link {height:34px;margin:0 0 10px 0;border-radius:5px;} .login .btn_goo_link {padding:0 0 0 1px;border-radius:1px;} .login .ico_fg {width:14px;height:14px;padding:0 10px 0 0;} .login .btn_face_link .ico_fg {background-size:14px 14px;} .login .btn_goo_link.ko .ico_fg {width:100px;height:32px;} .login .btn_goo_link.en .ico_fg {width:151px;height:32px;} .login .btn_goo_link.ja .ico_fg {width:137px;height:32px;} .login .btn_goo_link.cn .ico_fg {width:105px;height:32px;} .login .btn_goo_link.tw .ico_fg {width:105px;height:32px;} .login .btn_goo_link.de .ico_fg {width:137px;height:32px;} .login .btn_goo_link.ru .ico_fg {width:130px;height:32px;} .login .btn_goo_link.fr .ico_fg {width:185px;height:32px;} .login .btn_goo_link.vi .ico_fg {width:176px;height:32px;} .login .btn_weibo_link .ico_fg {background-size:14px 14px;} .login .btn_qq_link .ico_fg {background-size:14px 14px;} .login .btn_vk_link .ico_fg {background-size:14px 14px;} .login .btn_ph_link .ico_fg {background-size:14px 14px;} .login .btn_apple_link .ico_fg {background-size:14px 14px;} .login .btn_huawei_link .ico_fg {background-size:14px 13px;} .login .captchabox {margin:7px auto 0;padding:0;border-radius:0;border:none;background-color:transparent;-webkit-transform:scale(0.921);transform:scale(0.921);-webkit-transform-origin:0 0;transform-origin:0 0;} .login .captchabox .cimage {width:248px !important;height:47px !important;} .login .captchabox .txt {padding:15px 0 0 0;line-height:15px;} .login .captchabox .txt.w {padding:4px 0 0 0;} .login .captchabox .btn_refresh {width:24px;height:24px;top:10px;background-size:24px 24px;} .login .login_form .captchabox input {height:39px;margin:15px 0 0 0;} .login .copy {padding:12px 0 0 0;} .login .copy span {margin:0 7px;} .login .log_with_cn {margin:29px 0 0 0;padding:0 0 15px 0;} .login .log_with_cn .txt {padding:13px 0;line-height:13px;} .login .log_with_cn .btn_qq_link, .login .log_with_cn .btn_weibo_link {width:40px;height:40px;} .login .log_with_cn button:nth-of-type(1) {margin:0 18px 0 0;} .login .login_sns {padding-top:29px;} .login .login_sns li {height:34px;margin-top:10px;} .login .login_sns li button {letter-spacing:-1px;border-radius:5px;} .login .login_sns li.apple button {border:1px solid #000;} .login .login_sns li.google button {background-size:109px 34px;} .login .login_sns li.facebook button {background-size:136px 34px;} .login .login_sns li.weibo button {background-size:108px 34px;} .login .login_sns li.vk button {background-size:90px 34px;} .login .login_sns li.qq button {background-size:87px 34px;} .login .login_sns li.phone button {background-size:128px 34px;} .login .login_sns li.huawei button {background-size:136px 34px;} .login .login_sns li.apple button {background-size:93px 34px;} .login .login_sns li.google.en button {background-size:128px 34px;} .login .login_sns li.facebook.en button {background-size:142px 34px;} .login .login_sns li.weibo.en button {background-size:126px 34px;} .login .login_sns li.vk.en button {background-size:109px 34px;} .login .login_sns li.qq.en button {background-size:104px 34px;} .login .login_sns li.phone.en button {background-size:163px 34px;} .login .login_sns li.apple.en button {background-size:121px 34px;} .login .login_sns li.huawei.en button {background-size:152px 34px;} .login .login_sns li.google.ja button {background-size:119px 34px;} .login .login_sns li.facebook.ja button {background-size:134px 34px;} .login .login_sns li.weibo.ja button {background-size:117px 34px;} .login .login_sns li.vk.ja button {background-size:100px 34px;} .login .login_sns li.qq.ja button {background-size:96px 34px;} .login .login_sns li.phone.ja button {background-size:151px 34px;} .login .login_sns li.apple.ja button {background-size:101px 34px;} .login .login_sns li.huawei.ja button {background-size:136px 34px;} .login .login_sns li.google.zh-hans button {background-size:146px 34px;} .login .login_sns li.facebook.zh-hans button {background-size:126px 34px;} .login .login_sns li.weibo.zh-hans button {background-size:100px 34px;} .login .login_sns li.vk.zh-hans button {background-size:92px 34px;} .login .login_sns li.qq.zh-hans button {background-size:89px 34px;} .login .login_sns li.phone.zh-hans button {background-size:118px 34px;} .login .login_sns li.apple.zh-hans button {background-size:99px 34px;} .login .login_sns li.huawei.zh-hans button {background-size:138px 34px;} .login .login_sns li.google.zh-hant button {background-size:112px 34px;} .login .login_sns li.facebook.zh-hant button {background-size:126px 34px;} .login .login_sns li.weibo.zh-hant button {background-size:101px 34px;} .login .login_sns li.vk.zh-hant button {background-size:93px 34px;} .login .login_sns li.qq.zh-hant button {background-size:89px 34px;} .login .login_sns li.phone.zh-hant button {background-size:118px 34px;} .login .login_sns li.apple.zh-hant button {background-size:113px 34px;} .login .login_sns li.huawei.zh-hant button {background-size:143px 34px;} .login .login_sns li.google.de button {background-size:139px 34px;} .login .login_sns li.facebook.de button {background-size:154px 34px;} .login .login_sns li.weibo.de button {background-size:138px 34px;} .login .login_sns li.vk.de button {background-size:120px 34px;} .login .login_sns li.qq.de button {background-size:117px 34px;} .login .login_sns li.phone.de button {background-size:204px 34px;} .login .login_sns li.apple.de button {background-size:132px 34px;} .login .login_sns li.huawei.de button {background-size:164px 34px;} .login .login_sns li.google.ru button {background-size:170px 34px;} .login .login_sns li.facebook.ru button {background-size:185px 34px;} .login .login_sns li.weibo.ru button {background-size:168px 34px;} .login .login_sns li.vk.ru button {background-size:196px 34px;} .login .login_sns li.qq.ru button {background-size:147px 34px;} .login .login_sns li.phone.ru button {background-size:199px 34px;} .login .login_sns li.apple.ru button {background-size:160px 34px;} .login .login_sns li.huawei.ru button {background-size:195px 34px;} .account_list {margin:20px 20px 0;} .account_list li {margin:0 0 5px 0;} .account_list li a {height:52px;} .account_list li .user_id {padding:0 0 0 47px;line-height:50px;} .account_list li .image {width:32px;height:32px;left:10px;top:10px;} .btn_diff {margin:18px 0 0 0;} .log_txt {padding:23px 10px 0;line-height:15px;} .log_txt.ty1 {padding:10px 10px 0;line-height:17px;} .log_txt.ty2 {padding:15px 10px 0;} .log_txt.ty3 {padding:13px 10px 0;} .log_txt.ty4 {padding:0 10px 21px;} .log_txt.ty5 {padding:0 10px 0;} .log_txt.ty6 {padding:26px 10px 22px;line-height:17px;} .log_txt.ty7 {padding:24px 10px 26px;line-height:22px;} .log_txt.ty8 {padding:24px 10px 26px;line-height:22px;} .security_txt {padding-top:28px;} .security_txt h4 {margin-bottom:6px;padding:7px 10px 7px;line-height:15px;} .security_txt .sub_txt {padding:0 10px;line-height:15px;} .time_count {margin-bottom:-11px;padding:12px 0 0;line-height:14px;} .btn_email {padding-top:23px;} .view_id {margin-bottom:-3px;padding:12px 10px;line-height:15px;} .dormant_id {height:40px;line-height:39px;} .tit_log {margin:34px 10px 19px;line-height:18px;} .logbox_info {margin:25px 10px 0;} .logbox_txt {height:110px;padding:0 10px;line-height:19px;} .logbox_txt.ty2 {padding:15px;} .uns_txt {padding:22px 10px 0;line-height:15px;} .first_login .join_agree {padding:15px 10px 0;} .first_login .join_agree label {min-height:19px;padding:0 0 0 24px;} .first_login .join_agree .all_agree .all_desc {margin-top:3px;padding-left:24px;} .first_login .join_agree .option_check {padding-left:19px;} .first_login .join_agree .option_check .agree {margin-top:10px;} .first_login .join_agree .option_check .agree ~ .agree {margin-top:16px;} .first_login .join_agree .option_check .desc > span {margin-bottom:10px;} .first_login .join_agree .btn_login {margin-top:25px;} .first_login .join_agree .btn_login button {height:34px;border-radius:5px;} /* join */ .agree_chk {padding:11px 39px 12px 10px;} .agree_chk label {line-height:16px;} .agree_chk label:after {width:39px;height:39px;margin:-19px 0 0 0;background:url('../img/btn_accept_off.png') no-repeat 10px 10px;background-size:19px 19px;} .agree_chk label.checked:after {background:url('../img/btn_accept.png') no-repeat 10px 10px;background-size:19px 19px;} .agree_con {padding:0 0 10px 0;} .agree_con .agree_chk {margin:0 0 0 10px;padding:11px 39px 12px 0;} .agree_con .agree_box {height:74px;margin:0 10px 0;padding:9px 10px 10px 10px;line-height:15px;} .agree_con .agree_box h1, .agree_con .agree_box h2 {padding:5px 0 5px 0;} .agree_con .agree_box h3 {padding:0 0 5px 0;} .agree_con .agree_box table {margin:9px 0;} .agree_con .agree_box table th, .agree_con .agree_box table td {padding:5px;} .join_inp {margin:15px 0 0 0;} .join_inp li {margin:10px 10px 0;} .join_inp li:first-child {margin:0 10px 0;} .join_inp li input {height:41px;padding:0 10px;line-height:20px;} .join_inp li .email_report .t {margin:9px 0 0 0;line-height:19px;} .join_inp li .email_report select {height:41px;padding:0 30px 0 8px;border:1px solid #ccc;border-radius:5px;background-size:19px 5px;} .join_inp li .email_conf {margin:9px 0 0 0;} .join_inp li .btn_sm {margin:4px 0 0 0;line-height:15px;} .join_inp .error, .acco_inp .error {margin:0 0 -2px 0;padding:2px 0 0 9px;line-height:14px;text-indent:-9px;} .join_inp .email input {padding:0 40px 0 10px;} .join_inp .btn_errorinfo {width:40px;height:41px;background:url('../img/ico_war.png') no-repeat 11px 11px;background-size:19px 19px;} /* .join_inp .eu_birth {padding-right:29px;} */ .join_inp .eu_birth .btn_tip {width:29px;height:41px;background-size:24px 24px;} .join_inp .eu_birth .tip_desc > p {padding:4px 0 11px;} .join_agree {margin:5px 10px 0;padding:0 0 10px 0;line-height:15px;} .join_agree .agree {padding:10px 0 7px 0;} .join_agree .agree ~ .agree {padding:0 0 7px 0;} .join_agree .desc {padding-left:24px;} .join_agree .desc > span {margin-bottom:10px;} .join_agree label {padding:3px 0 3px 24px;line-height:14px;background-size:19px 19px;} .join_agree label.checked {background-size:19px 19px;} .join_agree em {padding:0 0 0 9px;text-indent:-9px;} .join_agree .btn_use_link {margin:11px 0 0 0;} .join_agree .btn_use_link.ty2 {margin:19px 0 0 0;} .phone_num_inp input {height:40px;padding:0 10px;line-height:20px;} .phone_num_inp .error {margin:0 10px;padding:4px 0 0 9px;line-height:15px;} .phone_num_inp .error.ty2 {margin:0 10px -7px;padding:4px 0 0 0;} .ios_info_time {margin:13px 10px 0;} .ios_info_txt {margin:0 10px;padding:10px 0 0 9px;line-height:15px;text-indent:-9px;} .join_phone {margin:10px 0 0 0;padding:10px;} .join_phone .state_num {height:27px;padding:0 0 0 8px;line-height:27px;} .join_phone .verify_num {height:41px;margin:10px 0 0 0;line-height:20px;} .join_phone .verify_num .num_inp {margin:0 109px 0 0;} .join_phone .verify_num .num_inp input {padding:0 0 0 10px;line-height:20px;} .join_phone .verify_num button {width:97px;height:28px;right:6px;top:6px;} .join_phone .error {margin:0 0 -2px 0;padding:4px 0 0 9px;line-height:15px;text-indent:-9px;} .join_inp .email_mod input {padding:0 80px 0 10px;} .join_inp .btn_modify {min-width:60px;height:28px;right:6px;top:6px;padding:0 10px;} .jv_email_txt {padding:0 10px 20px;line-height:15px;} .jv_email_box {margin:0 10px;padding:15px 20px 16px;line-height:19px;border:1px solid #ccc;} .jv_email_box strong {padding:5px 0 0 0;} .join_otp {margin:26px 10px 25px;} .join_otp p ~ p{margin-top:17px;} .join_otp_block {margin:36px 10px 40px;} .otp_code input {height:40px;padding:0 10px;line-height:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .otp_code .error {margin:5px 10px 0;line-height:15px;} .btn_resend {margin-top:10px;padding:0 10px;} .join_btn {margin-top:20px;padding:0 10px;} .join_btn button {min-width:145px;height:34px;padding:0 20px;border-radius:5px;} .join_link {margin:25px 10px 0;} /* Edit Account */ .edit_account {padding:18px 10px 0;} .edit_account li {margin-top:12px;} .edit_account label {margin-bottom:6px;} .edit_account .in_id.correct:after {right:10px;top:14px;width:15px;height:12px;} .edit_account input {height:41px;padding:0 10px;border:1px solid #ccc;} .edit_account .in_id input {padding-right:25px;} .edit_account .error, .edit_account .tip {padding:2px 0 0 8px;text-indent:-8px;line-height:15px;} /* SNS agree */ .agree_form {padding:14px 10px 20px;border-bottom:1px solid #ccc;} .agree_form h3 {margin-bottom:16px;line-height:22px;} .agree_form .check_all {min-height:19px;margin-bottom:15px;} .agree_form .check_all input {left:-4999px;top:-4999px;} .agree_form .check_all label {min-height:19px;padding-left:24px;line-height:16px;background-size:19px 19px;} .agree_form .check_all label.checked {background-size:19px 19px;} .agree_form .check {padding:14px 9px;border:1px solid #ccc;} .agree_form .check li {margin-top:15px;} .agree_form .check input {left:-4999px;top:-4999px;} .agree_form .check label {min-height:19px;padding-left:24px;line-height:16px;background-size:19px 19px;} .agree_form .check label.checked {background-size:19px 19px;} .agree_form .check button {height:19px;} .check_id {padding-top:24px;} .check_id h3 {margin-bottom:22px;line-height:22px;} .check_id .sub_txt {margin-bottom:16px;padding:0 10px;line-height:17px;} .check_id .id_form {padding:0 10px 10px;} .check_id .id_form.correct:after {right:20px;top:14px;width:15px;height:12px;} .check_id .id_form input {height:41px;padding:0 25px 0 10px;border:1px solid #ccc;} .check_id .id_form .error {padding:2px 0 0 8px;text-indent:-8px;line-height:15px;} .check_id .recommend {padding:3px 10px 10px;} .check_id .recommend p {margin-bottom:7px;line-height:15px;} .check_id .recommend li {padding:0 2px;} .check_id .recommend button {height:28px;border-radius:5px;} /* welcome flow */ h3.top_tit {padding:16px 10px 13px;} .top_txt {padding:16px 10px 5px;line-height:17px;} h3.top_tit+.top_txt {padding-top:0;} .txt_sync {padding:0 10px;line-height:17px;} .welcome_sns_list {margin:12px 0 5px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .welcome_sns_list.agree {margin:16px 0 0 0;} .welcome_sns_list.hive {margin:11px 0 21px 0;} .welcome_sns_list li:after {width:8px;height:14px;right:10px;top:17px;background-size:8px 14px;} .welcome_sns_list li a {height:48px;margin:0 0 0 10px;padding:0 0 0 33px;line-height:48px;border-top:1px solid #ccc;} .welcome_sns_list li a:after {width:28px;height:28px;left:10px;top:10px;} .welcome_sns_list li a.facebook:after {background-size:28px 28px;} .welcome_sns_list li a.google:after {background-size:28px 28px;} .welcome_sns_list li a.line:after {background-size:28px 28px;} .welcome_sns_list li a.weibo:after {background-size:28px 28px;} .welcome_sns_list li a.wechat:after {background-size:28px 28px;} .welcome_profile {width:86px;height:86px;margin:17px auto 0;} .welcome_profile .btn_photo_edit {width:38px;height:38px;right:-5px;bottom:-10px;background-size:38px 38px;} .welcome_dm {margin:25px 10px 18px;} .welcome_dm input {height:41px;padding:0 10px;line-height:20px;border:1px solid #ccc;} .welcome_dm .error {padding:4px 0 0 9px;line-height:15px;text-indent:-9px;} /* edit account */ .acco_def_inp {margin:0 0 11px 0;} .acco.join_inp li {margin:10px 10px 10px;} .acco.join_inp .complete p {padding:12px 15px 13px;line-height:14px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .acco_phone_inp {padding:10px 10px 0;} .acco_phone_inp input {height:41px;padding:0 10px;line-height:20px;} .acco_phone_inp .error {padding:4px 0 0 9px;line-height:15px;text-indent:-9px;} .acco_service {margin:11px 0 0 0;} .acco_service li {height:40px;margin:0 0 0 10px;line-height:40px;} .acco_service li .btn_connect, .acco_service li .btn_disconnect {width:36px;height:19px;right:10px;top:10px;} .acco_service li .btn_connect {background-size:36px 19px;} .acco_service li .btn_disconnect {background-size:36px 19px;} .acco_service li .btn_refresh {width:24px;height:24px;right:10px;top:8px;background-size:24px 24px;} .acco_service label {padding:3px 0 3px 24px;line-height:13px;background-size:19px 19px;} .acco_service label.checked {background-size:19px 19px;} .acco_dormantid_add {margin:10px 0 0 0;padding:0 10px 15px;} .acco_dormantid_add .tit {padding:9px 0 6px 0;} .acco_dormantid_add .sel_box {height:27px;background-size:19px 5px;} .acco_dormantid_add .sel_box .seltit {height:27px;padding:0 0 0 10px;line-height:25px;} .acco_dormantid_add .sel_box dl {top:28px;padding:0 10px 10px;} .acco_dormantid_add .sel_box dt {padding:10px 0 0 0;} .acco_dormantid_add .sel_box dd {padding:2px 0 0 0;line-height:15px;} .acco_dormantid_add input[type="text"] {height:41px;padding:0 10px;line-height:20px;} .acco_dormantid_add select {height:28px;margin:0 0 15px 0;padding:0 30px 0 8px;border-radius:5px;background-size:19px 5px;} .acco_dormantid_add label {padding:3px 0 3px 24px;line-height:13px;background-size:19px 19px;} .acco_dormantid_add label.checked {background-size:19px 19px;} .acco_dormantid_add .acco_chk ~ .acco_chk {margin-top:10px;} .acco_tit {margin:26px 10px 25px;line-height:18px;} .acco_tit.ty2 {margin:15px 10px 17px;} .acco_txt {padding:0 10px 22px;line-height:15px;} .acco_txt_2 {padding:17px 35px 0 10px;line-height:15px;} .email_error {padding:0 10px;} .email_error .txt {margin:15px 0 0 0;line-height:14px;} .email_error .use li {margin:15px 0 0 0;padding:0 0 0 16px;line-height:14px;} .email_error .use li strong {margin:0 0 4px 0;} .email_error .use li strong:after {width:11px;height:11px;top:2px;} .email_error .use li:nth-of-type(1) strong:after {background-size:11px 11px;} .email_error .use li:nth-of-type(2) strong:after {background-size:11px 11px;} .email_error .use li:nth-of-type(3) strong:after {background-size:11px 11px;} .email_mr_txt {margin:13px 10px 0 10px;padding:0 0 4px 0;line-height:17px;} .email_mr {margin:15px 0 0 0;} .email_mr li {margin:10px 10px 0;} .email_mr li input {height:41px;padding:0 10px;line-height:20px;} .email_mr li .new_inp .t {margin:9px 0 0 0;line-height:19px;} .email_mr li .new_inp select {height:41px;padding:0 30px 0 8px;border-radius:5px;background-size:19px 5px;} .email_mr .error {margin:0 0 -2px 0;padding:4px 0 0 9px;line-height:15px;text-indent:-9px;} .acco_nickname {margin:16px 0 13px 0;padding:13px 10px 0;} .acco_nickname .txt {margin:0 0 8px 0;line-height:15px;} .acco_nickname input {height:41px;padding:0 10px;line-height:20px;} .acco_nickname .error {margin:0 0 -2px 0;padding:4px 0 0 9px;line-height:15px;text-indent:-9px;} .acco_info_etc {margin:0 0 13px 0;} .acco_info_etc .btn_view {width:31px;height:22px;top:18px;background:url('../img/ico_down_arrow_3.png') no-repeat 10px 10px;background-size:11px 6px;} .acco_info_etc.show .btn_view {background:url('../img/ico_up_arrow_2.png') no-repeat 10px 10px;background-size:11px 6px;} .unss_sel {margin:-8px 0 0 0;} .unss_sel li {min-height:40px;margin:0 0 5px 0;padding:10px 10px 10px;} .unss_sel li:nth-of-type(3) {margin:0 0 13px 0;} .unss_sel li .tl {padding:0 20px 0 0;line-height:15px;} .unss_sel li .tr {width:70px;line-height:13px;} /* find password */ .find_pw {padding:36px 10px 27px;} .find_pw h3 {margin-bottom:25px;} .find_pw .sub_txt {line-height:17px;} /* lebi */ .lebi_list li {height:48px;margin:0 0 0 10px;line-height:48px;} .lebi_list li a:after {width:8px;height:14px;right:10px;top:17px;background-size:8px 14px;} .lebi_list li .btn_accept {width:43px;height:28px;right:10px;top:10px;border-radius:5px;} .lebi_txt {margin:10px 10px 0;line-height:20px;} .lebi_txt em {width:19px;height:19px;line-height:18px;} .lebi_search {padding:10px 10px 10px;} .lebi_search h3 {padding:0 0 6px 0;} .lebi_search select {height:28px;margin:0 0 10px 0;padding:0 30px 0 8px;border-radius:5px;background-size:19px 5px;} .lebi_sel .date_sel {margin:0 53px 0 0;} .lebi_sel .btn_search {width:43px;height:28px;border-radius:5px;} .lebi_date_box {margin:10px 10px 0;} .lebi_date_box strong {height:28px;line-height:28px;} .lebi_date_box p {height:42px;padding:0 0 0 11px;line-height:43px;} .lebi_date_box dl {padding:11px 11px 5px;line-height:17px;} .lebi_date_box dt {width:95px;margin:0 0 6px 0;} .lebi_date_box dt em {width:79px;} .lebi_date_box dt span {width:16px;} .lebi_date_box dd {margin:0 0 6px 0;} .lebi_cash_info {padding:8px 10px 10px;} .lebi_cash_info dd {padding:0 0 0 5px;} .lebi_login_info {height:40px;padding:0 0 0 10px;} .lebi_login_info strong {line-height:39px;} .lebi_login_info .btn_login {width:43px;height:28px;right:10px;top:6px;border-radius:5px;} .lebi_guide {padding:0 10px 18px;} .lebi_guide h3 {padding:10px 0 0 0;} .lebi_shop_list li {height:70px;} .lebi_shop_list li .name {padding:16px 0 0 69px;} .lebi_shop_list li .price {padding:0 0 0 69px;} .lebi_shop_list li .image {width:50px;height:50px;left:10px;top:10px;} .lebi_shop_list li .btn_buy {width:78px;height:28px;right:10px;top:21px;border-radius:5px;} /* welcome hive */ .hive_introduction {margin:-15px 10px 0;box-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-border-radius:1px 1px 0 0;-moz-border-radius:1px 1px 0 0;border-radius:1px 1px 0 0;} .hive_introduction .ad_text {padding:13px 0 0 0;line-height:14px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);} .hive_introduction h1 {line-height:30px;border-radius:1px 1px 0 0;} .hive_introduction .contents_wrap {padding:0 7px 64px 7px;} .hive_introduction .contents_wrap .cbtn {bottom:15px;} .hive_introduction .contents_wrap .btn_policy {bottom:68px;right:7px;} .hive_introduction .btn_change {height:31px;margin:0 1px;line-height:31px;border-radius:10px;box-shadow:inset -1px -1px 0 rgba(228,128,39,0.5), inset 0 1px 0 rgba(255,255,255,1), 1px 1px 1px rgba(0,0,0,0.2);} .hive_introduction .btn_change a {padding:0 30px;} .hive_introduction .btn_policy {padding-right:10px;} .hive_introduction .ad_box {padding:12px 7px 25px;border-bottom:1px solid #198add;} .hive_introduction .ad_box .contents {padding:0 0 5px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);border-radius:2px;border:1px solid #198add;} .hive_introduction .ad_box .contents .con_wrap {width:283px;} .hive_introduction .ad_box .contents .section1 img, .hive_introduction .ad_box .contents .section2 img, .hive_introduction .ad_box .contents .section3 img {width:141px;height:74px;} .hive_introduction .ad_box .contents .section1 p, .hive_introduction .ad_box .contents .section2 p {width:141px;line-height:12px;} .hive_introduction .ad_box .contents .section1 p span, .hive_introduction .ad_box .contents .section2 p span {padding:0 10px;} /* email campaign */ .email_campaign .tit_1 {margin:20px 10px 21px;line-height:18px;} .email_campaign .ec_box {padding:0 10px 0;} .email_campaign .txt_1 {margin:11px 0 16px;line-height:15px;} .email_campaign .inp_email {height:41px;padding:0 10px;line-height:20px;} .email_campaign .btn_eau, .email_campaign .btn_eac {height:34px;margin:25px 0 0 0;border-radius:5px;} .email_campaign .btn_eac {margin:23px 0 25px 0;} .email_campaign .emailau_info dt {margin:20px 0 4px 0;line-height:11px;} .email_campaign .emailau_info dd {margin:0 0 13px 0;line-height:13px;} .email_campaign .txt_2 {margin:11px 0 0;padding:12px 0 0 0;line-height:15px;} .email_campaign .tit_2 {margin:11px 10px 0;line-height:13px;} .email_campaign .use li {margin:8px 10px 0;line-height:14px;} .email_campaign .dst_chk {margin:23px 10px 0;} .email_campaign .dst_chk label {padding:3px 0 3px 24px;line-height:13px;background-size:19px 19px;} .email_campaign .dst_chk label.checked {background-size:19px 19px;} .email_campaign .btn_close {min-width:145px;height:34px;margin:25px 0 0;padding:0 20px;border-radius:5px;} .email_campaign .email_sel {margin:0 0 7px 0;} .email_campaign .email_sel input {height:41px;padding:0 10px;line-height:20px;} .email_campaign .email_sel .t {margin:9px 0 0 0;line-height:19px;} .email_campaign .email_sel select {height:41px;padding:0 30px 0 8px;border-radius:5px;background-size:19px 5px;} .email_campaign .error {padding:4px 0 0 9px;line-height:15px;text-indent:-9px;} .email_campaign .txt_0 {margin:-6px 10px 20px;line-height:15px;} .email_campaign .btn_area {margin:25px 0;} .email_campaign .btn_area .btn_ty_1, .email_campaign .btn_area .btn_ty_2 {height:34px;border-radius:5px;} /* real name verification */ .rnv_txt {margin:28px 0 25px 0;padding:0 10px 5px;line-height:15px;} .china_num {padding:10px;} .china_num span {padding:8px 0 8px 8px;line-height:15px;border-radius:5px;} .china_num_inp li {margin:10px 10px 0;} .china_num_inp li input {height:41px;padding:0 110px 0 10px;line-height:20px;} .china_num_inp li .btn_send {width:97px;height:28px;right:10px;top:6px;border-radius:5px;} .china_num_inp li .time {right:10px;top:11px;line-height:16px;} /* security function settings */ .scy_settings_guide {padding:11px 10px 12px;} .scy_settings_guide h3 {line-height:15px;} .scy_settings_guide p {margin:4px 0 0 0;line-height:13px;} .scy_settings_form .target_game {margin:8px 0 0;} .scy_settings_form .target_game .txt {height:39px;padding:0 56px 0 10px;line-height:36px;} .scy_settings_form .target_game .ico_off, .scy_settings_form .target_game .ico_on {width:36px;height:19px;right:10px;top:10px;line-height:18px;border-radius:25px;} .scy_settings_form .txt {padding:13px 10px 0;line-height:15px;} .scy_settings_form .pwd li {margin:8px 10px 0;} .scy_settings_form .pwd li input {height:41px;padding:0 10px;line-height:20px;} .scy_settings_form .error {padding:4px 0 0 19px;line-height:15px;text-indent:-9px;} .scy_settings_form .pwd.ty2 .error {padding:1px 0 0 0;} .scy_settings_form .pwd.ty2 .tip {padding:1px 0 0 0;line-height:15px;} .security_campaign {margin:0 15px;} .security_campaign .tit_1 {margin:-18px 0 0 0;line-height:25px;} .security_campaign .stit_1 {margin:18px 0 0 0;line-height:20px;} .security_campaign .how_txt {margin:13px 0 0 0;} .security_campaign .how_txt dt {line-height:12px;} .security_campaign .how_txt dd {margin:2px 0 0 0;line-height:12px;} .security_campaign .step {margin:18px 0 0 0;} .security_campaign .step li {margin:0 0 16px 0;} .security_campaign .step li .tit {margin:0 0 7px 0;line-height:17px;} .security_campaign .step li .new {line-height:17px;} .security_campaign .step li .box_txt {padding:10px;line-height:12px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:360px) and (max-width:413px) { html {font-size:35.16%;} /* main */ .event_banner .ev_navi {bottom:10px;} .event_banner .ev_navi span {width:9px;height:9px;margin:0 11px 0 0;border-radius:5px;} .event_banner .ev_navi span.selected {border:1px solid #fff;} .tit_h3 {margin:10px 0 0 11px;} .tit_h3.ty2 {margin:10px 0 5px 11px;} .cont_head .btn_all {right:11px;top:2px;} .m_game_list {margin:6px 11px 0 11px;} .m_game_list.profile {margin:16px 11px 0 11px;} .m_game_list li {margin:0 0 11px 0;} .m_game_list li a {height:79px;} .m_game_list li a .tit {padding:10px 101px 0 10px;line-height:20px;} .m_game_list.profile li a .tit {padding:27px 101px 0 10px;} .m_game_list li a .image {width:80px;height:79px;} .m_game_list li a .txt {padding:5px 101px 0 10px;line-height:16px;} .m_game_list li a .txt i {height:16px;margin-right:2px;} .m_game_list li .btn_play {right:91px;top:52px;} .cafe_list {margin:6px 0 0 0;} .cafe_list li {padding:0 0 0 11px;} .cafe_list li a {padding:0 0 14px 0;} .cafe_list li.image a {min-height:76px;padding:0 0 16px 0;} .cafe_list li a .txt {padding:12px 11px 0 0;line-height:18px;} .cafe_list li a .nt {padding:8px 0 0 0;} .cafe_list li.image a .nt {bottom:13px;} .cafe_list li a .info {right:11px;bottom:16px;line-height:11px;} .cafe_list li.image a .info {right:81px;bottom:16px;} .cafe_list li a .info .hits {margin:0 13px 0 0;padding:0 0 0 19px;background:url('../img/ico_hits.png') no-repeat 0 3px;background-size:14px 10px;} .cafe_list li a .info .comment {padding:0 0 0 16px;background:url('../img/ico_comment.png') no-repeat 0 3px;background-size:12px 10px;} .cafe_list li a .image_play, .cafe_list li a .image_detailview {width:59px;height:59px;margin:16px 11px 0 19px;} .cafe_list li a .image_play:after {background-size:21px 21px;} .main.cafe_notice {margin:7px 0 0 0;} .main.cafe_notice li a {padding:0 54px 0 0;} .channel {margin:11px 0 0 0;} .channel h3 {padding:0 0 9px 11px;} .channel dl {height:48px;border-top:1px solid #ccc;} .channel dt {padding:14px 0 0 11px;} .channel dd {top:11px;} .channel dd a {width:25px;height:25px;margin:0 11px 0 0;} .channel dd a.ico_c_youtube {background-size:25px 25px;} .channel dd a.ico_c_weibo {background-size:25px 25px;} .channel dd a.ico_c_wechat {background-size:25px 25px;} .channel dd a.ico_c_twitter {background-size:25px 25px;} .channel dd a.ico_c_soku {background-size:25px 25px;} .channel dd a.ico_c_forums {background-size:25px 25px;} .channel dd a.ico_c_facebook {background-size:25px 25px;} .channel dd a.ico_c_google {background-size:25px 25px;} .channel dd a.ico_c_cafe {background-size:25px 25px;} .channel dd a.ico_c_blog_kr {background-size:25px 25px;} .channel dd a.ico_c_blog_jp {background-size:25px 25px;} .channel dd a.ico_c_blog_jp_2 {background-size:25px 25px;} .channel dd a.ico_c_blog_cn {background-size:25px 25px;} .channel dd a.ico_c_tumblr {background-size:25px 25px;} .channel dd a.ico_c_insta {background-size:25px 25px;} /* profile */ .profile_head {height:146px;} .profile_head.char {height:151px;} .profile_head.lebi {height:114px;} .profile_head .photo {width:81px;height:81px;top:16px;margin:0 0 0 -40px;} .profile_head .photo .btn_noti {width:29px;height:29px;right:-1px;top:-1px;} .profile_head.lebi .photo {left:16px;top:16px;} .profile_head.char .photo {top:22px;margin:0 0 0 -40px;} .profile_head .name {padding:100px 0 0 0;line-height:22px;} .profile_head .displayname {line-height:16px;} .profile_head.char .name {padding:104px 0 0 0;} .profile_head.lebi .name {margin:0 0 0 113px;padding:47px 0 0 0;} .profile_head .btn_area a, .profile_head .btn_area button {width:38px;height:38px;top:38px;} .profile_head .btn_area a.btn_messages {left:67px;background-size:38px 38px;} .profile_head .btn_area a.btn_setting {right:67px;background-size:38px 38px;} .profile_head .btn_area button.btn_photo_edit {left:67px;background-size:38px 38px;} .profile_head .btn_area button.btn_friend {right:67px;} .profile_head .btn_area button.btn_friend.add {background-size:38px 38px;} .profile_head .btn_area button.btn_friend.del {background-size:38px 38px;} .profile_head .btn_area button.btn_friend.ing {background-size:38px 38px;} .profile_head .btn_area a.btn_modify {left:67px;background-size:38px 38px;} .profile_head .btn_area.cn a.btn_messages, .profile_head .btn_area.cn button.btn_photo_edit, .profile_head .btn_area.cn a.btn_modify {right:84px;} .profile_head .btn_area.cn a.btn_setting {right:29px;} .profile_head .btn_area a.btn_lebi {left:29px;background-size:38px 38px;} .profile_head .btn_area a.btn_wechat {left:84px;background-size:38px 38px;} .profile_head .btn_area.cn.lb a:first-child {left:67px;} .profile_sns_list {margin:7px 0 0 0;} .profile_sns_list li {height:45px;margin:0 0 0 11px;line-height:45px;} .profile_sns_list li button {width:40px;height:21px;right:11px;top:11px;} .profile_sns_list li button.btn_connect {background-size:40px 21px;} .profile_sns_list li button.btn_disconnect {background-size:40px 21px;} .profile_info_list {margin:7px 0 0 0;} .profile_info_list li {height:45px;margin:0 0 0 11px;line-height:45px;} .profile_info_list li .description {padding:0 11px;} .profile_info_list li .btn_refresh {width:27px;height:27px;margin:8px 0 0 11px;background-size:27px 27px;} .profile_info_list li .btn_modify {width:27px;height:27px;margin:8px 0 0 11px;background-size:27px 27px;} .edit_email .txt_frame {margin:31px 11px 28px;} .edit_email fieldset {margin:0 11px;} .edit_email li ~ li {margin-top:11px;} .edit_email li input {height:46px;padding:0 11px;line-height:22px;border:1px solid #ccc;} .edit_email li .email_report .t {margin:10px 0 0 0;line-height:21px;} .edit_email li .email_report select {height:46px;padding:0 33px 0 9px;border:1px solid #ccc;border-radius:5px;background-size:21px 5px;} .edit_email .error {margin-top:5px;} .edit_email .btn_list {margin:28px 0 0;} .edit_email .btn_list button {height:38px;border-radius:5px;} .set_hive .txt_frame {margin:31px 11px 28px;} .set_hive fieldset {margin:0 11px;} .set_hive li ~ li {margin-top:11px;} .set_hive li input {height:46px;padding:0 11px;line-height:22px;border:1px solid #ccc;} .set_hive li .email_report .t {margin:10px 0 0 0;line-height:21px;} .set_hive li .email_report select {height:46px;padding:0 33px 0 9px;border:1px solid #ccc;border-radius:5px;background-size:21px 5px;} .set_hive .error {margin-top:5px;} .set_hive .btn_list {margin:28px 0 0;} .set_hive .btn_list button {height:38px;border-radius:5px;} .set_hive .btn_send {min-width:55px;height:31px;padding:0 11px;right:11px;top:6px;border-radius:5px;} .popular_game_down {margin:13px 0 0 0;padding:0 0 5px 0;} .popular_game_down h3 {padding:21px 11px 4px;} .popular_game_down .txt {padding:0 11px;} .popular_game_down .game_list {margin:23px 11px 0;} .popular_game_down .game_list li {height:118px;margin:0 0 16px 0; background:url('../img/bg_shadow.png') repeat-x 1px 86px;background-size:1px 8px;} .popular_game_down .game_list li:after {top:81px;border-bottom:5px solid #e0e0e0;} .popular_game_down .game_list li .image {width:81px;height:81px;} .popular_game_down .game_list li .image:after {width:87px;height:82px;left:-3px;top:-1px;background-size:87px 82px;} .popular_game_down .game_list li .game_complete, .popular_game_down .game_list li .game_runn {margin:16px 0 0 0;} .popular_game_down .game_list li .btn_game_down, .popular_game_down .game_list li .btn_game_play {width:81px;height:21px;margin:14px 0 0 0;line-height:22px;border-radius:11px;} .profile_character_list .character_sel {margin:0 0 5px 0;} .profile_character_list .character_sel a.tit {height:45px;padding:0 0 0 11px;line-height:45px;} .profile_character_list .character_sel a.tit:after {width:12px;height:7px;right:11px;margin:-3px 0 0 0;background-size:12px 7px;} .profile_character_list .character_sel.selected a.tit:after {background-size:12px 7px;} .profile_character_list .character_sel .char_list {margin:0 0 0 11px;padding:16px 11px 5px 0;} .profile_character_list .character_sel .char_list li {margin:0 0 11px 0;} .profile_character_list .character_sel .char_list li a.selected:after {border:2px solid #2a84d8;} .tit_txt {margin:38px 11px 37px;line-height:20px;} .tit_txt.ty3 {margin:22px 11px 21px;} .id_setting li {margin:11px 11px 0;} .id_setting li:first-child {margin:0 11px 0;} .id_setting li input {height:46px;padding:0 11px;line-height:22px;} .id_setting .error {margin:0 0 -2px 0;padding:4px 0 0 10px;line-height:16px;text-indent:-10px;} .btn_area_b_ty2 {margin:28px 11px 0;} .btn_area_b_ty2 .btn_ty_1, .btn_area_b_ty2 .btn_ty_2, .btn_area_b_ty2 .btn_ty_3 {height:38px;border-radius:5px;} .btn_area_b_ty3 {margin:8px 22px 0;} .btn_area_b_ty3 button {height:45px;padding:0 11px;border-radius:5px;} .editpwd_link .btn_editpwd {height:45px;margin:16px 0 0 0;line-height:19px;} .editpwd_link .notice {padding:6px 0 0 10px;} .profile_chimg {margin:7px 0 0 0;} .profile_chimg li {margin:0 0 0 11px;} .profile_chimg li:after {width:9px;height:15px;right:11px;top:15px;background-size:7px 12px;} .profile_chimg li button, .profile_chimg li .btn_photo {height:45px;padding:0 0 0 23px;line-height:45px;} .profile_chimg li button:after, .profile_chimg li .btn_photo:after {width:31px;height:31px;top:11px;} .profile_chimg li .btn_camera:after {background:url('../img/btn_edit_photo_3.png') no-repeat 0 3px;background-size:18px 15px;} .profile_chimg li .btn_photo:after {background:url('../img/btn_album.png') no-repeat 0 2px;background-size:18px 18px;} .profile_chimg li input {top:1px;left:1px;} .profile_nickname {margin:7px 0 16px 0;padding:12px 11px 14px;} .profile_nickname .txt {margin:0 0 9px 0;line-height:16px;} .profile_nickname input {height:46px;padding:0 11px;line-height:22px;border:1px solid #ccc;} .profile_nickname .error {margin:0 0 -2px 0;padding:4px 0 0 10px;line-height:16px;text-indent:-10px;} .btn_area_b .btn_mdf_save {height:38px;border-radius:5px;} .profile_guest_txt {padding:95px 11px;line-height:22px;} .btn_area_b_ty2.guest {margin: 0 11px 0;} .btn_area_b_ty2.guest .btn_ty_1 {border:1px solid #2a84d8;} .profile_init {margin-top:28px;} /* games */ .m_game_list.games_list {margin:16px 11px 0 11px;} .m_game_list.games_list li.new .tit, .m_game_list.games_list li.hot .tit {padding:11px 101px 0 21px;} .games_list li.new em, .games_list li.hot em {width:16px;height:31px;left:-1px;top:-1px;} .games_list li.new em {background-size:16px 31px;} .games_list li.hot em {background-size:16px 31px;} .game_os_select {right:11px;top:38px;} .game_os_select .btn_ios, .game_os_select .btn_android {width:25px;height:38px;} .game_os_select .btn_ios {margin:0 11px 0 0;background:url('../img/btn_ios_off.png') no-repeat 0 6px;background-size:25px 25px;} .game_os_select .btn_android {background:url('../img/btn_android_off.png') no-repeat 0 6px;background-size:25px 25px;} .game_os_select .btn_ios.selected {background:url('../img/btn_ios_on.png') no-repeat 0 6px;background-size:25px 25px;} .game_os_select .btn_android.selected {background:url('../img/btn_android_on.png') no-repeat 0 6px;background-size:25px 25px;} .games_head {height:183px;} .games_head:after {height:183px;} .games_head .image {width:81px;height:81px;top:29px;margin:0 0 0 -42px;padding:2px;} .games_head .game_name {top:127px;padding:0 11px;} .games_head .btn_area a {width:38px;height:38px;top:51px;} .games_head .btn_area a.btn_cafe {left:65px;background-size:38px 38px;} .games_head .btn_area a.btn_download {right:67px;background-size:38px 38px;} .games_head .btn_area.cn a.btn_cafe {right:82px;} .games_head .btn_area.cn a.btn_download {right:27px;} .games_head .btn_area a.btn_lebi {left:27px;background-size:38px 38px;} .games_head .btn_area a.btn_wechat {left:82px;background-size:38px 38px;} .games_head .btn_area.cn.lb a:first-child {left:65px;} .games_head .game_bg img {height:183px;} .game_guide {margin:7px 0 0 0;padding:11px 11px 18px;} .game_guide .glist li {margin:0 0 0 11px;} .game_guide.gmp .glist li {width:190px;height:337px;} .game_guide .glist li a.play:after {background-size:45px 45px;} .game_guide .navi {margin:6px 0 0 0;} .game_guide .navi span {width:9px;height:9px;margin:0 5px 0 0;border-radius:5px;border:1px solid #999;} .game_guide .txt {margin:11px 0 0 0;line-height:19px;} .game_feature_list {margin:7px 0 0 0;padding:10px 11px 11px;line-height:19px;} .game_ratings_12age {width:267px;height:51px;margin:28px auto 0;} /* New 2019-04-02 */ .genre_tab {height:43px;margin-bottom:7px;border-bottom:1px solid #ccc;} .genre_tab ul {padding:0 11px;} .genre_tab ul li {padding-left:5px;} .genre_tab ul li button {padding:0 11px 0 11px;letter-spacing:-1px;} .genre_tab ul li.on button:after {height:2px;} .order_list {height:39px;padding-left:18px;border-bottom:1px solid #ccc;} .order_list .tit {margin-right:20px;line-height:39px;} .order_list ul li {margin-left:23px;} .order_list ul button {letter-spacing:-1px;padding-left:9px;} .order_list ul button:after {width:8px;height:6px;margin-top:-3px;background-size:8px 6px;} .order_list ul .on button:after {background-size:8px 6px;} .game_list_new {padding-bottom:16px;border-bottom:1px solid #ccc;} .game_list_new li {height:112px;padding:16px 11px 0;} .game_list_new li a {height:112px;padding-left:123px;padding-top:7px;} .game_list_new li.new a, .game_list_new li.best a {padding-top:24px;} .game_list_new li .thumb {width:112px;height:112px;border-radius:27px;} .game_list_new li .thumb img {width:112px;height:112px;} .game_list_new h3 {margin-bottom:1px;} .game_list_new .sticker {left:118px;width:45px;height:22px;line-height:22px;} .game_list_new .content {left:123px;bottom:1px;height:38px;line-height:19px;} .game_list_new .content i {height:19px;margin-right:5px;} .game_list_new li .tag {height:22px;margin:0 0 2px -5px;} .game_list_new li .tag span {height:22px;margin-left:1px;padding:0 8px;border-radius:56px;} .game_detail .youtube_wrap a:after {background-size:45px 45px;} .game_detail .game_contents {margin-bottom:11px;padding:16px 11px 0;} .game_detail .introduce {height:112px;padding:0 0 11px 128px;border-bottom:1px solid #ccc;} .game_detail .introduce .thumb {width:112px;height:112px;border-radius:27px;} .game_detail .introduce dl {padding-top:14px;} .game_detail .introduce dt {height:47px;margin-bottom:5px;line-height:23px;} .game_detail .introduce_txt {padding:16px 0 17px;border-bottom:1px solid #ccc;} .game_detail .introduce_txt span {height:19px;margin-top:9px;line-height:19px;} .game_detail .introduce_txt i {height:19px;margin-right:5px;} .game_detail .btns {padding-top:10px;margin-bottom:28px;} .game_detail .btns p {height:38px;} .game_detail .btns .share {padding-right:5px;} .game_detail .btns .game {padding-left:5px;} .game_detail .btns button {border-radius:5px;} .game_detail .share button {border:1px solid #2a84d8;} .game_detail .gallery_wrap {height:174px;margin:0 -11px;} .game_detail .gallery_wrap ul {padding:0 11px;} .game_detail .gallery_wrap li {width:308px;padding-left:11px;} .game_detail .gallery_wrap img {width:308px;height:174px;border-radius:5px;} .game_detail .game_txt {margin-top:19px;padding-bottom:18px;border-bottom:1px solid #ccc;} .game_detail .feature_txt {margin-top:14px;padding-bottom:25px;} .game_detail .game_feature_list {height:90px;line-height:18px;} .game_detail h3 {margin-bottom:11px;} .game_detail .txt {height:90px;line-height:18px;} .game_detail .more {margin-top:15px;} .game_detail .more button {padding-right:12px;} .game_detail .more button:after {width:9px;height:5px;margin-top:-2px;} .game_detail .other_game {padding:19px 0;} .game_detail .other_game h3 {margin:0 0 12px 11px;} .game_detail .other_game div {height:155px;} .game_detail .other_game ul {padding:0 11px;} .game_detail .other_game li {width:112px;padding-left:16px;} .game_detail .other_game .thumb {width:112px;height:112px;margin:0 auto 6px;border-radius:27px;} .game_detail .other_game dt {height:19px;margin-bottom:1px;line-height:19px;} .game_detail .other_game dt i {height:19px;margin-right:1px;} /* customer service */ .custom_menu {margin:16px 11px 0;} .custom_menu li a {height:56px;line-height:56px;} .custom_menu li a .new {width:21px;height:21px;right:11px;top:16px;background-size:21px 21px;} .faq_list li .question {padding:11px 34px 12px 11px;line-height:19px;} .faq_list li .question span em {width:15px;height:15px;margin:0 4px 2px 0;} .faq_list li .question span em.new {background-size:15px 15px;} .faq_list li .question span em.hot {background-size:15px 15px;} .faq_list li .question:after {width:12px;height:7px;right:11px;margin:-3px 0 0 0;background-size:12px 7px;} .faq_list li.selected .question:after {background-size:12px 7px;} .faq_list li .answer {margin:0 0 0 11px;padding:7px 11px 13px 0;line-height:19px;} .faq_list li .answer .war {margin:14px 0 0 0;line-height:14px;} .cs_guide {margin:22px 11px 0;} .cs_guide.ty {margin:11px 0 0 0;padding:0 11px;} .cs_guide .txt {margin:0 11px 9px;} .cs_guide .btn_ty_1 {height:38px;border-radius:5px;} .cs_guide .btn_cs {height:38px;margin-top:11px;border-radius:5px;} .cs_guide .btn_cs .new {width:21px;height:21px;right:11px;margin-top:-10px;line-height:21px;border-radius:28px;} .cs_guide .btn_ty_2 {min-width:163px;height:38px;border-radius:5px;} .cs_write {margin:0 11px 0;} .cs_write .int_box {height:45px;} .cs_write .int_box input[type="text"] {padding:0 10px;} .cs_write .int_txt {margin:5px 0 0 0;} .cs_write .int_txt label {padding:2px 0 12px 27px;line-height:18px;background-size:21px 21px;} .cs_write .int_txt label.checked {background-size:21px 21px;} .cs_write input[type="checkbox"] {top:-5624px;left:1px;} .cs_write .file_btn {height:31px;} .cs_write .file_btn em {padding:0 0 0 37px;line-height:30px;} .cs_write .file_btn .btn_add, .cs_write .file_btn .btn_delete {width:38px;height:31px;background:url('../img/btn_add.png') no-repeat 11px 7px;background-size:15px 15px;} .cs_write .file_btn .btn_delete {background:url('../img/btn_delete.png') no-repeat 11px 14px;background-size:15px 2px;} .cs_write .file_btn .btn_add input {top:1px;left:1px;} .cs_write .file_view_img {margin:0 11px;} .cs_write .file_view_img p {margin:5px 0 0 0;} .cs_write .file_view_img p:first-child {margin-top:11px;} .cs_write .file_view_img p:last-child {margin-bottom:11px;} .cs_write .file_view_img .image {width:49px;height:49px;} .cs_write .file_view_img .image.video:after {background-size:21px 21px;} .cs_write .file_view_img .info {height:49px;margin:0 0 0 55px;padding:10px 10px 0 10px;line-height:15px;} .cs_write .file_view_text {margin:0 11px;} .cs_write .file_view_text p {height:25px;margin:5px 0 0 0;padding:0 10px;line-height:25px;} .cs_write .file_view_text p:first-child {margin-top:11px;} .cs_write .file_view_text p:last-child {margin-bottom:11px;} .cs_write .txt_area {margin:11px 11px 0;} .cs_write .txt_area textarea {height:47px;line-height:15px;} .cs_write .txt_area.report textarea {height:312px;line-height:18px;} .cs_write .limit {margin:2px 11px 8px 0;} .cs_write .note_agree {margin:5px 11px 0;line-height:16px;} .cs_write .note_agree > p {margin-top:7px;} .cs_write .note_agree > .dot {padding-left:8px;} .cs_write .note_agree > .dot:after {top:6px;width:2px;height:2px;border-radius:11px;} .cs_write .note_agree .agree {padding:11px 0 5px 0;} .cs_write .note_agree label {padding:3px 0 3px 27px;line-height:15px;background-size:21px 21px;} .cs_write .note_agree label.checked {background-size:21px 21px;} .cs_write .note_agree .age_sel {padding:11px 0 5px 0;} .cs_write .note_agree .age_sel p {margin-top:2px;} .cs_write .note_agree .age_sel input {top:3px;width:16px;height:16px;} .cs_write .note_agree .age_sel label {padding-left:21px;} .cs_write .info_txt {padding:4px 0 7px 10px;line-height:16px;text-indent:-10px;} .stit_h3 {margin:37px 11px 39px;} .cs_email_txt {margin:0 11px;padding:16px 22px 18px;line-height:21px;} .HIVEcontents > h3 {margin:12px 11px 8px;line-height:16px;} .HIVEcontents .point {padding-left:11px;} .HIVEcontents .point:after {width:5px;height:5px;margin-top:-2px;} .select_area li {margin-bottom:11px;} .cs_write ul li {padding-left:11px;} .cs_write ul li.point:after {top:19px;} .board_list.cnews {margin:11px 0 0 0;} .board_list.edit li {padding:0 11px 10px;} .board_list li a {padding:0 11px 10px;} .board_list li .category {padding:9px 78px 0 0;} .board_list li .date {right:11px;top:9px;} .board_list li .tit {padding:10px 14px 0 0;} .board_list.msg li .tit {padding:10px 34px 0 0;} .board_list.cnews li .tit {padding:10px 0 0 0;} .board_list li .ico_new {width:21px;height:21px;right:11px;top:32px;background-size:21px 21px;} .board_list li .btn_delete {width:33px;height:33px;top:26px;background:url('../img/btn_delete_2.png') no-repeat 11px 11px;background-size:10px 10px;} .board_list.cnews li .commdate {padding:3px 0 0 0;} .board_view .category {padding:9px 0 0 11px;} .board_view .date {right:11px;top:9px;} .board_view .tit {padding:10px 29px 11px 0;margin:0 0 0 11px;} .board_view .image {margin:11px 90px 0 11px;} .board_view .noti img {margin:0 0 11px 0;} .board_view .image_dp {margin:11px 11px 0;} .board_view .image_dp img {width:53px;height:67px;} .board_view .txt {padding:12px 11px 16px;line-height:19px;} .board_view .btn_details {padding:0 0 16px 11px;} .mymsg_answer {padding:0 0 22px 11px;} .mymsg_answer .tit {padding:7px 0 0 12px;background:url('../img/ico_answer.png') no-repeat 0 5px;background-size:7px 11px;} .mymsg_answer .date {right:11px;top:9px;} .mymsg_answer .txt {margin:10px 11px 0 0;line-height:20px;} .mymsg_answer .recont {padding:16px 11px 0 0;} .mymsg_answer .btn_recont {height:38px;border-radius:5px;} .mymsg_answer .image {margin:14px 90px 5px 0;} /* 2019-09-11 추가 */ .mymsg_answer .rating {margin:22px 11px 0 0;padding:18px 16px 22px;border:1px solid #ccc;} .mymsg_answer .rating .rating_txt {margin-bottom:19px;line-height:19px;} .mymsg_answer .rating .selec_star {margin-bottom:22px;} .mymsg_answer .rating .selec_star li {width:31px;height:30px;margin-left:5px;} .mymsg_answer .rating .select {margin-bottom:22px;} .mymsg_answer .rating .select select {height:31px;padding:0 33px 0 9px;border:1px solid #ccc;border-radius:5px;background-size:21px 5px;} .mymsg_answer .rating .btn_rating button {height:37px;border-radius:5px;} .mymsg_answer .rating_complete {margin:22px 11px 0 0;padding:27px 16px 28px;line-height:22px;border:1px solid #ccc;} .view_navi {height:38px;} .view_navi .btn_prev, .view_navi .btn_next {width:31px;height:38px;background:url('../img/btn_prev_on.png') no-repeat 11px 11px;background-size:9px 15px;} .view_navi .btn_next {left:65px;background:url('../img/btn_next_on.png') no-repeat 11px 11px;background-size:9px 15px;} .view_navi .btn_prev.non {background:url('../img/btn_prev_off.png') no-repeat 11px 11px;background-size:9px 15px;} .view_navi .btn_next.non {background:url('../img/btn_next_off.png') no-repeat 11px 11px;background-size:9px 15px;} .view_navi .btn_list {height:38px;right:11px;line-height:38px;} .reportcenter_info {margin:13px 11px 0;} .reportcenter_info p {margin:0 0 18px 0;line-height:20px;} .reportcenter_agree {margin:5px 0 0;padding:0 0 11px 0;line-height:16px;} .reportcenter_agree .agree {padding:22px 0 7px 0;} .reportcenter_agree label {padding:3px 0 3px 27px;line-height:15px;background-size:21px 21px;} .reportcenter_agree label.checked {background-size:21px 21px;} .reportcenter_agree em {padding:0 0 0 10px;text-indent:-10px;} .reportcenter_agree .btn_use_link {margin:13px 0 0 0;line-height:21px;} .search_none {margin-top:22px;padding:0 22px;padding-top:149px;line-height:23px;background-size:124px 122px;} .sel_game {margin-top:-11px;padding:0 10px;} .sel_game li {padding:0 10px;margin-top:20px;} .sel_game li a {border-radius:22px;} .sel_game li .name {padding:0 16px;line-height:19px;} .sel_game .name i {width:5px;height:5px;margin:5px 5px 0 0;border-radius:56px;} .btn_game_more {padding:22px 20px 0;} .btn_game_more button {height:38px;border-radius:5px;} /* cafe */ .cafe_all_list {margin:16px 0 0 0;} .cafe_all_list.ty2 {margin:11px 0 0 0;} .cafe_all_list li a {padding:0 0 0 11px;height:86px;} .cafe_all_list li .game_name {padding:20px 119px 0 0;line-height:19px;} .cafe_all_list li .date {padding:14px 0 0 0;line-height:22px;} .cafe_all_list li .date .new {width:21px;height:21px;background-size:21px 21px;} .cafe_all_list li .image {width:64px;height:64px;right:43px;top:11px;} .cafe_all_list li .btn_bookmark {width:43px;height:43px;top:21px;background:url('../img/btn_bookmark_off.png') no-repeat 11px 11px;background-size:21px 20px;} .cafe_all_list li .btn_bookmark.selected {background:url('../img/btn_bookmark_on.png') no-repeat 11px 11px;background-size:21px 20px;} .ssub_tab {margin:11px 11px 0;} .ssub_tab li a {height:30px;line-height:31px;border-radius:5px;} .ssub_tab li:nth-of-type(1) a {border-radius:5px 0 0 5px;} .ssub_tab li:nth-of-type(3) a {border-radius:0 5px 5px 0;} .cafe_list.cposts {margin:11px 0 0 0;} .cafe_list.cposts li.image a {min-height:104px;} .cafe_list li a .game_name {padding:10px 0 0 0;} .cafe_mg_head {height:108px;} .cafe_mg_head .game_name {padding:15px 11px 0 106px;} .cafe_mg_head .image {width:81px;height:81px;left:11px;top:11px;padding:2px;} .cafe_mg_head .btn_area {right:11px;top:58px;} .cafe_mg_head .btn_area a {width:38px;height:38px;margin:0 0 0 11px;} .cafe_mg_head .btn_area a.btn_wechat {background-size:38px 38px;} .cafe_mg_head .btn_area a.btn_event {background-size:38px 38px;} .cafe_mg_head .btn_area a.btn_download {background-size:38px 38px;} .btn_cafe_dtail {padding:0 0 11px 0;} .btn_cafe_dtail button {height:31px;border-radius:5px;} .cafe_notice {margin:7px 0 16px 0;} .cafe_notice li a {height:38px;margin:0 0 0 11px;padding:0 95px 0 0;line-height:38px;} .cafe_notice li a .date {right:11px;} .search_result_tit {margin:0 0 11px 0;padding:12px 11px 13px;line-height:19px;} .cafe_list.search_r .cont {padding:12px 11px 14px 0;line-height:19px;} .cafe_detail_head {padding:16px 0 0 11px;} .cafe_detail_head .user_id {padding:0 0 0 40px;line-height:12px;} .cafe_detail_head .geti {padding:4px 0 0 40px;} .cafe_detail_head .image {width:36px;height:36px;left:11px;top:11px;} .cafe_detail_head .tit {padding:15px 11px 33px 0;line-height:20px;} .cafe_detail_head .info {right:11px;bottom:11px;line-height:11px;} .cafe_detail_head .info .hits {margin:0 13px 0 0;padding:0 0 0 19px;background:url('../img/ico_hits.png') no-repeat 0 3px;background-size:14px 10px;} .cafe_detail_head .info .comment {padding:0 0 0 16px;background:url('../img/ico_comment.png') no-repeat 0 3px;background-size:12px 10px;} .cafe_detail_head .btn_multi {width:28px;height:39px;right:5px;top:5px;background:url('../img/btn_multi.png') no-repeat 11px 11px;background-size:5px 16px;} .cafe_detail_cont {padding:11px 0 0 0;} .cafe_detail_cont .image {margin:0 90px 11px 11px;} .cafe_detail_cont .image.play:after {background-size:45px 45px;} .cafe_detail_cont .china_war {height:194px;margin:5px 90px 5px 11px;padding:63px 0 0 0;} .cafe_detail_cont .china_war img {width:199px;height:68px;} .cafe_detail_cont .txt {padding:12px 11px 16px;line-height:19px;} .comment_write {padding:11px 0;} .comment_write .btn_img_import {width:54px;height:31px;top:11px;background:url('../img/btn_photo_1.png') no-repeat 11px 0;background-size:31px 31px;} .comment_write .msg_inp {margin:0 87px 0 11px;border-radius:5px;} .comment_write.new .msg_inp {margin:0 87px 0 54px;} .comment_write .msg_inp .auto_intext {height:31px;padding:5px 32px 9px 11px;line-height:16px;border-radius:5px;} .comment_write .msg_inp .btn_delete {width:32px;height:31px;background:url('../img/btn_delete_2.png') no-repeat 11px 10px;background-size:10px 10px;} .comment_write .btn_send {width:65px;height:31px;right:11px;top:11px;border-radius:5px;} .comment_write .file_info {width:212px;height:25px;margin:11px 11px 0;padding:0 32px 0 11px;border-radius:5px;} .comment_write .file_info span {line-height:24px;} .comment_write .file_info .btn_fidelete {width:32px;height:25px;background:url('../img/btn_delete_8.png') no-repeat 11px 7px;background-size:10px 10px;} .comment_list li {padding:11px 0 12px 0;} .comment_list li .user_id {padding:0 0 0 41px;line-height:28px;} .comment_list li .image {width:25px;height:25px;left:11px;top:11px;} .comment_list li .txt {padding:5px 11px 0 41px;line-height:16px;} .comment_list li .txt.del {padding:0 11px 0 42px;} .comment_list li .btn_reply {margin:13px 0 0 41px;} .comment_list li .btn_delete {width:33px;height:33px;background:url('../img/btn_delete_4.png') no-repeat 11px 11px;background-size:10px 10px;} .comment_list li .upload_image {margin:11px 114px 0 42px;padding:0 0 5px 0;} .comment_list li .reply {margin:12px 0 0 0;} .comment_list li .reply li {margin:12px 0 0 0;padding:11px 0 0 0;background:url('../img/ico_comment_2.png') no-repeat 11px 11px;background-size:7px 16px;} .comment_list li .reply .user_id {padding:0 0 0 55px;} .comment_list li .reply .image{left:24px;} .comment_list li .reply .txt {padding:5px 11px 0 55px;} .comment_list li .reply.new {margin:12px 0 0 42px;} .comment_list li .reply.new .user_id {padding:0 0 0 31px;} .comment_list li .reply.new .txt {padding:3px 11px 0 31px;} .comment_list li .reply .upload_image {margin:11px 83px 0 31px;padding:0 0 5px 0;} .reply_write {margin:16px 0 0 0;} .reply_write .btn_img_import {width:54px;height:31px;left:31px;background:url('../img/btn_photo_2.png') no-repeat 11px 0;background-size:31px 31px;} .reply_write .msg_inp {margin:0 87px 0 41px;border-radius:5px;} .reply_write.new .msg_inp {margin:0 87px 0 85px;} .reply_write .msg_inp .auto_intext {height:31px;padding:5px 32px 9px 11px;line-height:16px;border-radius:5px;} .reply_write .msg_inp .btn_delete {width:32px;height:31px;background:url('../img/btn_delete_5.png') no-repeat 11px 10px;background-size:10px 10px;} .reply_write .btn_send {width:65px;height:31px;right:11px;border-radius:5px;} .reply_write .file_info {width:212px;height:25px;margin:11px 11px 5px 42px;padding:0 32px 0 11px;border-radius:5px;} .reply_write .file_info span {line-height:24px;} .reply_write .file_info .btn_fidelete {width:32px;height:25px;background:url('../img/btn_delete_8.png') no-repeat 11px 7px;background-size:10px 10px;} .comment_paging {height:45px;padding:0 11px;} .comment_paging .tit {line-height:45px;} .comment_paging .btn_cpv {line-height:45px;} .report_tit {margin:13px 11px 0;line-height:18px;} .report_txt {margin:4px 11px 0;} .report_type {margin:13px 11px 0;} .report_type li {height:33px;padding:11px 0 0 11px;} .report_type label {padding:0 0 0 27px;line-height:21px;background-size:21px 21px;} .report_type label.checked {background-size:21px 21px;} .report_txtarea {margin:11px 11px 0;padding:16px 11px 10px;} .report_txtarea textarea {height:64px;line-height:15px;} .report_txtarea .limit {margin:20px 0 0 0;} .iv_report_bar {height:45px;} .iv_report_bar.ing {margin:38px 0 0 0;} .iv_report_bar .navi {line-height:42px;} .iv_report_bar .btn_report {width:42px;height:45px;background:url('../img/btn_report.png') no-repeat 11px 12px;background-size:20px 17px;} .iv_report_bar .btn_close {width:36px;height:45px;background:url('../img/btn_close.png') no-repeat 11px 15px;background-size:14px 14px;} .iv_con .image.imgland {max-height:270px;} .iv_down_bar {height:56px;} .iv_down_bar .btn_down {width:59px;height:56px;margin:0 0 0 -29px;background:url('../img/btn_download_2.png') no-repeat 19px 19px;background-size:20px 17px;} /* login */ .txt_notice {padding:6px 11px 7px;} .login {width:315px;} .login .btn_join {top:19px;padding:0 12px 0 0;line-height:16px;background:url('../img/ico_link_arrow_5.png') no-repeat 100% 2px;background-size:7px 12px;} .login .login_form {padding:67px 0 0 0;} .login.mw .login_form {padding:45px 0 0 0;} .login.mw.captcha .login_form {padding:13px 0 0 0;} .login .login_form input {height:56px;padding:0 11px;line-height:22px;} .login .login_form input[type="text"] {border-radius:4px 4px 0 0;} .login .login_form input[type="password"] {border-radius:0 0 4px 4px;} .login .login_form .error {padding:4px 0 0 0;line-height:16px;} .login .login_form .btn_help {width:29px;height:14px;margin:1px 0 0 0;} .login .login_form .btn_login {height:45px;margin:13px 0 0 0;border-radius:5px;} .login .btn_pwd_link, .login .btn_cs_link, .login .log_sel .bar {margin:13px 0 0 0;} .login .log_sel .bar {margin:0 5px;} .login .log_sel .auto {margin:12px 0 0 0;} .login .log_sel .auto label {padding:3px 0 3px 27px;line-height:15px;background-size:21px 21px;} .login .log_sel .auto label.checked {background-size:21px 21px;} .login .log_sel .auto input[type="checkbox"] {top:-5624px;left:1px;} .login .log_with {margin:39px 0 0 0;} .login .btn_face_link, .login .btn_goo_link, .login .btn_weibo_link, .login .btn_qq_link, .login .btn_vk_link, .login .btn_apple_link, .login .btn_huawei_link, .login .btn_ph_link {height:38px;margin:0 0 11px 0;border-radius:5px;} .login .btn_goo_link {padding:0 0 0 1px;border-radius:1px;} .login .ico_fg {width:16px;height:16px;padding:0 11px 0 0;} .login .btn_face_link .ico_fg {background-size:16px 16px;} .login .btn_goo_link.ko .ico_fg {width:112px;height:36px;} .login .btn_goo_link.en .ico_fg {width:169px;height:36px;} .login .btn_goo_link.ja .ico_fg {width:154px;height:36px;} .login .btn_goo_link.cn .ico_fg {width:118px;height:36px;} .login .btn_goo_link.tw .ico_fg {width:118px;height:36px;} .login .btn_goo_link.de .ico_fg {width:154px;height:36px;} .login .btn_goo_link.ru .ico_fg {width:146px;height:36px;} .login .btn_goo_link.fr .ico_fg {width:208px;height:36px;} .login .btn_goo_link.vi .ico_fg {width:198px;height:36px;} .login .btn_weibo_link .ico_fg {background-size:16px 16px;} .login .btn_qq_link .ico_fg {background-size:16px 16px;} .login .btn_vk_link .ico_fg {background-size:16px 16px;} .login .btn_ph_link .ico_fg {background-size:16px 16px;} .login .btn_apple_link .ico_fg {background-size:16px 16px;} .login .btn_huawei_link .ico_fg {background-size:16px 15px;} .login .captchabox {margin:7px 0 0 0;padding:0;border-radius:0;border:none;background-color:transparent;} .login .captchabox .cimage {width:279px !important;height:52px !important;} .login .captchabox .txt {padding:16px 0 0 0;line-height:16px;} .login .captchabox .txt.w {padding:4px 0 0 0;} .login .captchabox .btn_refresh {width:27px;height:27px;top:11px;background-size:27px 27px;} .login .login_form .captchabox input {height:43px;margin:16px 0 0 0;} .login .copy {padding:13px 0 0 0;} .login .copy span {margin:0 7px;} .login .log_with_cn {margin:32px 0 0 0;padding:0 0 16px 0;} .login .log_with_cn .txt {padding:14px 0;line-height:14px;} .login .log_with_cn .btn_qq_link, .login .log_with_cn .btn_weibo_link {width:45px;height:45px;} .login .log_with_cn button:nth-of-type(1) {margin:0 20px 0 0;} .login .login_sns {padding-top:33px;} .login .login_sns li {height:38px;margin-top:11px;} .login .login_sns li button {letter-spacing:-1px;border-radius:5px;} .login .login_sns li.apple button {border:1px solid #000;} .login .login_sns li.google button {background-size:123px 38px;} .login .login_sns li.facebook button {background-size:153px 38px;} .login .login_sns li.weibo button {background-size:122px 38px;} .login .login_sns li.vk button {background-size:101px 38px;} .login .login_sns li.qq button {background-size:97px 38px;} .login .login_sns li.phone button {background-size:144px 38px;} .login .login_sns li.huawei button {background-size:153px 38px;} .login .login_sns li.apple button {background-size:105px 38px;} .login .login_sns li.google.en button {background-size:144px 38px;} .login .login_sns li.facebook.en button {background-size:160px 38px;} .login .login_sns li.weibo.en button {background-size:141px 38px;} .login .login_sns li.vk.en button {background-size:122px 38px;} .login .login_sns li.qq.en button {background-size:117px 38px;} .login .login_sns li.phone.en button {background-size:183px 38px;} .login .login_sns li.apple.en button {background-size:136px 38px;} .login .login_sns li.huawei.en button {background-size:171px 38px;} .login .login_sns li.google.ja button {background-size:133px 38px;} .login .login_sns li.facebook.ja button {background-size:150px 38px;} .login .login_sns li.weibo.ja button {background-size:132px 38px;} .login .login_sns li.vk.ja button {background-size:113px 38px;} .login .login_sns li.qq.ja button {background-size:108px 38px;} .login .login_sns li.phone.ja button {background-size:169px 38px;} .login .login_sns li.apple.ja button {background-size:114px 38px;} .login .login_sns li.huawei.ja button {background-size:153px 38px;} .login .login_sns li.google.zh-hans button {background-size:164px 38px;} .login .login_sns li.facebook.zh-hans button {background-size:141px 38px;} .login .login_sns li.weibo.zh-hans button {background-size:113px 38px;} .login .login_sns li.vk.zh-hans button {background-size:104px 38px;} .login .login_sns li.qq.zh-hans button {background-size:100px 38px;} .login .login_sns li.phone.zh-hans button {background-size:132px 38px;} .login .login_sns li.apple.zh-hans button {background-size:111px 38px;} .login .login_sns li.huawei.zh-hans button {background-size:155px 38px;} .login .login_sns li.google.zh-hant button {background-size:126px 38px;} .login .login_sns li.facebook.zh-hant button {background-size:142px 38px;} .login .login_sns li.weibo.zh-hant button {background-size:113px 38px;} .login .login_sns li.vk.zh-hant button {background-size:104px 38px;} .login .login_sns li.qq.zh-hant button {background-size:100px 38px;} .login .login_sns li.phone.zh-hant button {background-size:132px 38px;} .login .login_sns li.apple.zh-hant button {background-size:127px 38px;} .login .login_sns li.huawei.zh-hant button {background-size:161px 38px;} .login .login_sns li.google.de button {background-size:156px 38px;} .login .login_sns li.facebook.de button {background-size:173px 38px;} .login .login_sns li.weibo.de button {background-size:155px 38px;} .login .login_sns li.vk.de button {background-size:135px 38px;} .login .login_sns li.qq.de button {background-size:131px 38px;} .login .login_sns li.phone.de button {background-size:229px 38px;} .login .login_sns li.apple.de button {background-size:148px 38px;} .login .login_sns li.huawei.de button {background-size:185px 38px;} .login .login_sns li.google.ru button {background-size:191px 38px;} .login .login_sns li.facebook.ru button {background-size:208px 38px;} .login .login_sns li.weibo.ru button {background-size:189px 38px;} .login .login_sns li.vk.ru button {background-size:220px 38px;} .login .login_sns li.qq.ru button {background-size:165px 38px;} .login .login_sns li.phone.ru button {background-size:223px 38px;} .login .login_sns li.apple.ru button {background-size:180px 38px;} .login .login_sns li.huawei.ru button {background-size:219px 38px;} .account_list {margin:22px 22px 0;} .account_list li {margin:0 0 5px 0;} .account_list li a {height:58px;} .account_list li .user_id {padding:0 0 0 52px;line-height:56px;} .account_list li .image {width:36px;height:36px;left:11px;top:11px;} .btn_diff {margin:20px 0 0 0;} .log_txt {padding:25px 11px 0;line-height:16px;} .log_txt.ty1 {padding:11px 11px 0;line-height:19px;} .log_txt.ty2 {padding:16px 11px 0;} .log_txt.ty3 {padding:14px 11px 0;} .log_txt.ty4 {padding:0 11px 23px;} .log_txt.ty5 {padding:0 11px 0;} .log_txt.ty6 {padding:29px 11px 24px;line-height:19px;} .log_txt.ty7 {padding:27px 11px 29px;line-height:24px;} .log_txt.ty8 {padding:27px 11px 29px;line-height:24px;} .security_txt {padding-top:31px;} .security_txt h4 {margin-bottom:6px;padding:8px 11px 7px;line-height:16px;} .security_txt .sub_txt {padding:0 11px;line-height:16px;} .time_count {margin-bottom:-12px;padding:14px 0 0;line-height:15px;} .btn_email {padding-top:25px;} .view_id {margin-bottom:-3px;padding:14px 11px;line-height:16px;} .dormant_id {height:45px;line-height:43px;} .tit_log {margin:38px 11px 21px;line-height:20px;} .logbox_info {margin:28px 11px 0;} .logbox_txt {height:123px;padding:0 11px;line-height:21px;} .logbox_txt.ty2 {padding:16px;} .uns_txt {padding:24px 11px 0;line-height:16px;} .first_login .join_agree {padding:16px 11px 0;} .first_login .join_agree label {min-height:21px;padding:0 0 0 27px;} .first_login .join_agree .all_agree .all_desc {margin-top:3px;padding-left:27px;} .first_login .join_agree .option_check {padding-left:21px;} .first_login .join_agree .option_check .agree {margin-top:11px;} .first_login .join_agree .option_check .agree ~ .agree {margin-top:18px;} .first_login .join_agree .option_check .desc > span {margin-bottom:11px;} .first_login .join_agree .btn_login {margin-top:28px;} .first_login .join_agree .btn_login button {height:38px;border-radius:5px;} /* join */ .agree_chk {padding:12px 43px 13px 11px;} .agree_chk label {line-height:18px;} .agree_chk label:after {width:43px;height:43px;margin:-21px 0 0 0;background:url('../img/btn_accept_off.png') no-repeat 11px 11px;background-size:21px 21px;} .agree_chk label.checked:after {background:url('../img/btn_accept.png') no-repeat 11px 11px;background-size:21px 21px;} .agree_con {padding:0 0 11px 0;} .agree_con .agree_chk {margin:0 0 0 11px;padding:12px 43px 13px 0;} .agree_con .agree_box {height:83px;margin:0 11px 0;padding:10px 11px 11px 11px;line-height:16px;} .agree_con .agree_box h1, .agree_con .agree_box h2 {padding:5px 0 5px 0;} .agree_con .agree_box h3 {padding:0 0 5px 0;} .agree_con .agree_box table {margin:10px 0;} .agree_con .agree_box table th, .agree_con .agree_box table td {padding:5px;} .join_inp {margin:16px 0 0 0;} .join_inp li {margin:11px 11px 0;} .join_inp li:first-child {margin:0 11px 0;} .join_inp li input {height:46px;padding:0 11px;line-height:22px;} .join_inp li .email_report .t {margin:10px 0 0 0;line-height:21px;} .join_inp li .email_report select {height:46px;padding:0 33px 0 9px;border:1px solid #ccc;border-radius:5px;background-size:21px 5px;} .join_inp li .email_conf {margin:10px 0 0 0;} .join_inp li .btn_sm {margin:4px 0 0 0;line-height:16px;} .join_inp .error, .acco_inp .error {margin:0 0 -2px 0;padding:2px 0 0 10px;line-height:15px;text-indent:-10px;} .join_inp .email input {padding:0 45px 0 11px;} .join_inp .btn_errorinfo {width:45px;height:46px;background:url('../img/ico_war.png') no-repeat 12px 12px;background-size:21px 21px;} /* .join_inp .eu_birth {padding-right:32px;} */ .join_inp .eu_birth .btn_tip {width:32px;height:46px;background-size:27px 27px;} .join_inp .eu_birth .tip_desc > p {padding:4px 0 12px;} .join_agree {margin:5px 11px 0;padding:0 0 11px 0;line-height:16px;} .join_agree .agree {padding:11px 0 7px 0;} .join_agree .agree ~ .agree {padding:0 0 7px 0;} .join_agree .desc {padding-left:27px;} .join_agree .desc > span {margin-bottom:11px;} .join_agree label {padding:3px 0 3px 27px;line-height:15px;background-size:21px 21px;} .join_agree label.checked {background-size:21px 21px;} .join_agree em {padding:0 0 0 10px;text-indent:-10px;} .join_agree .btn_use_link {margin:12px 0 0 0;} .join_agree .btn_use_link.ty2 {margin:21px 0 0 0;} .phone_num_inp input {height:45px;padding:0 11px;line-height:22px;} .phone_num_inp .error {margin:0 11px;padding:4px 0 0 10px;line-height:16px;} .phone_num_inp .error.ty2 {margin:0 11px -7px;padding:4px 0 0 0;} .ios_info_time {margin:14px 11px 0;} .ios_info_txt {margin:0 11px;padding:11px 0 0 10px;line-height:16px;text-indent:-10px;} .join_phone {margin:11px 0 0 0;padding:11px;} .join_phone .state_num {height:30px;padding:0 0 0 9px;line-height:30px;} .join_phone .verify_num {height:46px;margin:11px 0 0 0;line-height:22px;} .join_phone .verify_num .num_inp {margin:0 122px 0 0;} .join_phone .verify_num .num_inp input {padding:0 0 0 11px;line-height:22px;} .join_phone .verify_num button {width:109px;height:31px;right:6px;top:6px;} .join_phone .error {margin:0 0 -2px 0;padding:4px 0 0 10px;line-height:16px;text-indent:-10px;} .join_inp .email_mod input {padding:0 90px 0 11px;} .join_inp .btn_modify {min-width:67px;height:31px;right:6px;top:7px;padding:0 11px;} .jv_email_txt {padding:0 11px 22px;line-height:16px;} .jv_email_box {margin:0 11px;padding:16px 22px 18px;line-height:21px;border:1px solid #ccc;} .jv_email_box strong {padding:5px 0 0 0;} .join_otp {margin:29px 11px 28px;} .join_otp p ~ p{margin-top:19px;} .join_otp_block {margin:40px 11px 45px;} .otp_code input {height:45px;padding:0 11px;line-height:22px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .otp_code .error {margin:5px 11px 0;line-height:16px;} .btn_resend {margin-top:11px;padding:0 11px;} .join_btn {margin-top:22px;padding:0 11px;} .join_btn button {min-width:163px;height:38px;padding:0 22px;border-radius:5px;} .join_link {margin:28px 11px 0;} /* Edit Account */ .edit_account {padding:20px 11px 0;} .edit_account li {margin-top:14px;} .edit_account label {margin-bottom:7px;} .edit_account .in_id.correct:after {right:11px;top:16px;width:16px;height:13px;} .edit_account input {height:46px;padding:0 11px;border:1px solid #ccc;} .edit_account .in_id input {padding-right:28px;} .edit_account .error, .edit_account .tip {padding:2px 0 0 9px;text-indent:-9px;line-height:16px;} /* SNS agree */ .agree_form {padding:16px 11px 22px;border-bottom:1px solid #ccc;} .agree_form h3 {margin-bottom:18px;line-height:24px;} .agree_form .check_all {min-height:21px;margin-bottom:16px;} .agree_form .check_all input {left:-5624px;top:-5624px;} .agree_form .check_all label {min-height:21px;padding-left:27px;line-height:18px;background-size:21px 21px;} .agree_form .check_all label.checked {background-size:21px 21px;} .agree_form .check {padding:16px 10px;border:1px solid #ccc;} .agree_form .check li {margin-top:16px;} .agree_form .check input {left:-5624px;top:-5624px;} .agree_form .check label {min-height:21px;padding-left:27px;line-height:18px;background-size:21px 21px;} .agree_form .check label.checked {background-size:21px 21px;} .agree_form .check button {height:21px;} .check_id {padding-top:27px;} .check_id h3 {margin-bottom:24px;line-height:24px;} .check_id .sub_txt {margin-bottom:18px;padding:0 11px;line-height:19px;} .check_id .id_form {padding:0 11px 11px;} .check_id .id_form.correct:after {right:22px;top:16px;width:16px;height:13px;} .check_id .id_form input {height:46px;padding:0 28px 0 11px;border:1px solid #ccc;} .check_id .id_form .error {padding:2px 0 0 9px;text-indent:-9px;line-height:16px;} .check_id .recommend {padding:3px 11px 11px;} .check_id .recommend p {margin-bottom:8px;line-height:16px;} .check_id .recommend li {padding:0 2px;} .check_id .recommend button {height:31px;border-radius:5px;} /* welcome flow */ h3.top_tit {padding:18px 11px 15px;} .top_txt {padding:18px 11px 5px;line-height:19px;} h3.top_tit+.top_txt {padding-top:0;} .txt_sync {padding:0 11px;line-height:19px;} .welcome_sns_list {margin:13px 0 5px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .welcome_sns_list.agree {margin:18px 0 0 0;} .welcome_sns_list.hive {margin:12px 0 23px 0;} .welcome_sns_list li:after {width:9px;height:15px;right:11px;top:19px;background-size:9px 15px;} .welcome_sns_list li a {height:54px;margin:0 0 0 11px;padding:0 0 0 37px;line-height:54px;border-top:1px solid #ccc;} .welcome_sns_list li a:after {width:31px;height:31px;left:11px;top:11px;} .welcome_sns_list li a.facebook:after {background-size:31px 31px;} .welcome_sns_list li a.google:after {background-size:31px 31px;} .welcome_sns_list li a.line:after {background-size:31px 31px;} .welcome_sns_list li a.weibo:after {background-size:31px 31px;} .welcome_sns_list li a.wechat:after {background-size:31px 31px;} .welcome_profile {width:97px;height:97px;margin:19px auto 0;} .welcome_profile .btn_photo_edit {width:42px;height:42px;right:-5px;bottom:-11px;background-size:42px 42px;} .welcome_dm {margin:28px 11px 20px;} .welcome_dm input {height:46px;padding:0 11px;line-height:22px;border:1px solid #ccc;} .welcome_dm .error {padding:4px 0 0 10px;line-height:16px;text-indent:-10px;} /* edit account */ .acco_def_inp {margin:0 0 12px 0;} .acco.join_inp li {margin:11px 11px 11px;} .acco.join_inp .complete p {padding:14px 16px 15px;line-height:15px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .acco_phone_inp {padding:11px 11px 0;} .acco_phone_inp input {height:46px;padding:0 11px;line-height:22px;} .acco_phone_inp .error {padding:4px 0 0 10px;line-height:16px;text-indent:-10px;} .acco_service {margin:12px 0 0 0;} .acco_service li {height:45px;margin:0 0 0 11px;line-height:45px;} .acco_service li .btn_connect, .acco_service li .btn_disconnect {width:40px;height:21px;right:11px;top:11px;} .acco_service li .btn_connect {background-size:40px 21px;} .acco_service li .btn_disconnect {background-size:40px 21px;} .acco_service li .btn_refresh {width:27px;height:27px;right:11px;top:9px;background-size:27px 27px;} .acco_service label {padding:3px 0 3px 27px;line-height:16px;background-size:21px 21px;} .acco_service label.checked {background-size:21px 21px;} .acco_dormantid_add {margin:11px 0 0 0;padding:0 11px 16px;} .acco_dormantid_add .tit {padding:10px 0 6px 0;} .acco_dormantid_add .sel_box {height:30px;background-size:21px 5px;} .acco_dormantid_add .sel_box .seltit {height:30px;padding:0 0 0 11px;line-height:28px;} .acco_dormantid_add .sel_box dl {top:31px;padding:0 11px 11px;} .acco_dormantid_add .sel_box dt {padding:11px 0 0 0;} .acco_dormantid_add .sel_box dd {padding:2px 0 0 0;line-height:16px;} .acco_dormantid_add input[type="text"] {height:46px;padding:0 11px;line-height:22px;} .acco_dormantid_add select {height:31px;margin:0 0 16px 0;padding:0 33px 0 9px;border-radius:5px;background-size:21px 5px;} .acco_dormantid_add label {padding:3px 0 3px 27px;line-height:14px;background-size:21px 21px;} .acco_dormantid_add label.checked {background-size:21px 21px;} .acco_dormantid_add .acco_chk ~ .acco_chk {margin-top:11px;} .acco_tit {margin:29px 11px 28px;line-height:20px;} .acco_tit.ty2 {margin:16px 11px 19px;} .acco_txt {padding:0 11px 24px;line-height:16px;} .acco_txt_2 {padding:19px 39px 0 11px;line-height:16px;} .email_error {padding:0 11px;} .email_error .txt {margin:16px 0 0 0;line-height:15px;} .email_error .use li {margin:16px 0 0 0;padding:0 0 0 18px;line-height:15px;} .email_error .use li strong {margin:0 0 4px 0;} .email_error .use li strong:after {width:12px;height:12px;top:2px;} .email_error .use li:nth-of-type(1) strong:after {background-size:12px 12px;} .email_error .use li:nth-of-type(2) strong:after {background-size:12px 12px;} .email_error .use li:nth-of-type(3) strong:after {background-size:12px 12px;} .email_mr_txt {margin:14px 11px 0 11px;padding:0 0 4px 0;line-height:19px;} .email_mr {margin:16px 0 0 0;} .email_mr li {margin:11px 11px 0;} .email_mr li input {height:46px;padding:0 11px;line-height:22px;} .email_mr li .new_inp .t {margin:10px 0 0 0;line-height:21px;} .email_mr li .new_inp select {height:46px;padding:0 33px 0 9px;border-radius:5px;background-size:21px 5px;} .email_mr .error {margin:0 0 -2px 0;padding:4px 0 0 10px;line-height:16px;text-indent:-10px;} .acco_nickname {margin:18px 0 14px 0;padding:14px 11px 0;} .acco_nickname .txt {margin:0 0 9px 0;line-height:16px;} .acco_nickname input {height:46px;padding:0 11px;line-height:22px;} .acco_nickname .error {margin:0 0 -2px 0;padding:4px 0 0 10px;line-height:16px;text-indent:-10px;} .acco_info_etc {margin:0 0 14px 0;} .acco_info_etc .btn_view {width:34px;height:25px;top:20px;background:url('../img/ico_down_arrow_3.png') no-repeat 11px 11px;background-size:12px 7px;} .acco_info_etc.show .btn_view {background:url('../img/ico_up_arrow_2.png') no-repeat 11px 11px;background-size:12px 7px;} .unss_sel {margin:-9px 0 0 0;} .unss_sel li {min-height:45px;margin:0 0 5px 0;padding:11px 11px 11px;} .unss_sel li:nth-of-type(3) {margin:0 0 14px 0;} .unss_sel li .tl {padding:0 22px 0 0;line-height:16px;} .unss_sel li .tr {width:78px;line-height:14px;} /* find password */ .find_pw {padding:41px 11px 30px;} .find_pw h3 {margin-bottom:28px;} .find_pw .sub_txt {line-height:19px;} /* lebi */ .lebi_list li {height:54px;margin:0 0 0 11px;line-height:54px;} .lebi_list li a:after {width:9px;height:15px;right:11px;top:19px;background-size:9px 15px;} .lebi_list li .btn_accept {width:48px;height:31px;right:11px;top:11px;border-radius:5px;} .lebi_txt {margin:11px 11px 0;line-height:22px;} .lebi_txt em {width:21px;height:21px;line-height:20px;} .lebi_search {padding:11px 11px 11px;} .lebi_search h3 {padding:0 0 6px 0;} .lebi_search select {height:31px;margin:0 0 11px 0;padding:0 33px 0 9px;border-radius:5px;background-size:21px 5px;} .lebi_sel .date_sel {margin:0 59px 0 0;} .lebi_sel .btn_search {width:48px;height:31px;border-radius:5px;} .lebi_date_box {margin:11px 11px 0;} .lebi_date_box strong {height:31px;line-height:31px;} .lebi_date_box p {height:47px;padding:0 0 0 12px;line-height:48px;} .lebi_date_box dl {padding:12px 12px 5px;line-height:19px;} .lebi_date_box dt {width:106px;margin:0 0 6px 0;} .lebi_date_box dt em {width:88px;} .lebi_date_box dt span {width:18px;} .lebi_date_box dd {margin:0 0 6px 0;} .lebi_cash_info {padding:9px 11px 11px;} .lebi_cash_info dd {padding:0 0 0 5px;} .lebi_login_info {height:45px;padding:0 0 0 11px;} .lebi_login_info strong {line-height:43px;} .lebi_login_info .btn_login {width:48px;height:31px;right:11px;top:7px;border-radius:5px;} .lebi_guide {padding:0 11px 20px;} .lebi_guide h3 {padding:11px 0 0 0;} .lebi_shop_list li {height:78px;} .lebi_shop_list li .name {padding:18px 0 0 77px;} .lebi_shop_list li .price {padding:0 0 0 77px;} .lebi_shop_list li .image {width:56px;height:56px;left:11px;top:11px;} .lebi_shop_list li .btn_buy {width:87px;height:31px;right:11px;top:23px;border-radius:5px;} /* welcome hive */ .hive_introduction {margin:-16px 11px 0;box-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-border-radius:1px 1px 0 0;-moz-border-radius:1px 1px 0 0;border-radius:1px 1px 0 0;} .hive_introduction .ad_text {padding:14px 0 0 0;line-height:15px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);} .hive_introduction h1 {line-height:33px;border-radius:1px 1px 0 0;} .hive_introduction .contents_wrap {padding:0 7px 72px 7px;} .hive_introduction .contents_wrap .cbtn {bottom:16px;} .hive_introduction .contents_wrap .btn_policy {bottom:76px;right:7px;} .hive_introduction .btn_change {height:34px;margin:0 1px;line-height:34px;border-radius:11px;box-shadow:inset -1px -1px 0 rgba(228,128,39,0.5), inset 0 1px 0 rgba(255,255,255,1), 1px 1px 1px rgba(0,0,0,0.2);} .hive_introduction .btn_change a {padding:0 33px;} .hive_introduction .btn_policy {padding-right:11px;} .hive_introduction .ad_box {padding:14px 8px 28px;border-bottom:1px solid #198add;} .hive_introduction .ad_box .contents {padding:0 0 5px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);border-radius:2px;border:1px solid #198add;} .hive_introduction .ad_box .contents .con_wrap {width:318px;} .hive_introduction .ad_box .contents .section1 img, .hive_introduction .ad_box .contents .section2 img, .hive_introduction .ad_box .contents .section3 img {width:159px;height:83px;} .hive_introduction .ad_box .contents .section1 p, .hive_introduction .ad_box .contents .section2 p {width:159px;line-height:14px;} .hive_introduction .ad_box .contents .section1 p span, .hive_introduction .ad_box .contents .section2 p span {padding:0 11px;} /* email campaign */ .email_campaign .tit_1 {margin:22px 11px 23px;line-height:20px;} .email_campaign .ec_box {padding:0 11px 0;} .email_campaign .txt_1 {margin:12px 0 18px;line-height:16px;} .email_campaign .inp_email {height:46px;padding:0 11px;line-height:22px;} .email_campaign .btn_eau, .email_campaign .btn_eac {height:38px;margin:28px 0 0 0;border-radius:5px;} .email_campaign .btn_eac {margin:25px 0 28px 0;} .email_campaign .emailau_info dt {margin:22px 0 4px 0;line-height:12px;} .email_campaign .emailau_info dd {margin:0 0 14px 0;line-height:14px;} .email_campaign .txt_2 {margin:12px 0 0;padding:13px 0 0 0;line-height:16px;} .email_campaign .tit_2 {margin:12px 11px 0;line-height:14px;} .email_campaign .use li {margin:9px 11px 0;line-height:15px;} .email_campaign .dst_chk {margin:25px 11px 0;} .email_campaign .dst_chk label {padding:3px 0 3px 27px;line-height:14px;background-size:21px 21px;} .email_campaign .dst_chk label.checked {background-size:21px 21px;} .email_campaign .btn_close {min-width:163px;height:38px;margin:28px 0 0;padding:0 22px;border-radius:5px;} .email_campaign .email_sel {margin:0 0 7px 0;} .email_campaign .email_sel input {height:46px;padding:0 11px;line-height:22px;} .email_campaign .email_sel .t {margin:10px 0 0 0;line-height:21px;} .email_campaign .email_sel select {height:46px;padding:0 33px 0 9px;border-radius:5px;background-size:21px 5px;} .email_campaign .error {padding:4px 0 0 10px;line-height:16px;text-indent:-10px;} .email_campaign .txt_0 {margin:-6px 11px 22px;line-height:16px;} .email_campaign .btn_area {margin:28px 0;} .email_campaign .btn_area .btn_ty_1, .email_campaign .btn_area .btn_ty_2 {height:38px;border-radius:5px;} /* real name verification */ .rnv_txt {margin:31px 0 28px 0;padding:0 11px 5px;line-height:16px;} .china_num {padding:11px;} .china_num span {padding:9px 0 9px 9px;line-height:16px;border-radius:5px;} .china_num_inp li {margin:11px 11px 0;} .china_num_inp li input {height:46px;padding:0 123px 0 11px;line-height:22px;} .china_num_inp li .btn_send {width:109px;height:31px;right:11px;top:6px;border-radius:5px;} .china_num_inp li .time {right:11px;top:12px;line-height:18px;} /* security function settings */ .scy_settings_guide {padding:12px 11px 13px;} .scy_settings_guide h3 {line-height:16px;} .scy_settings_guide p {margin:4px 0 0 0;line-height:14px;} .scy_settings_form .target_game {margin:9px 0 0;} .scy_settings_form .target_game .txt {height:43px;padding:0 63px 0 11px;line-height:40px;} .scy_settings_form .target_game .ico_off, .scy_settings_form .target_game .ico_on {width:40px;height:21px;right:11px;top:11px;line-height:20px;border-radius:28px;} .scy_settings_form .txt {padding:14px 11px 0;line-height:16px;} .scy_settings_form .pwd li {margin:9px 11px 0;} .scy_settings_form .pwd li input {height:46px;padding:0 11px;line-height:22px;} .scy_settings_form .error {padding:4px 0 0 21px;line-height:16px;text-indent:-10px;} .scy_settings_form .pwd.ty2 .error {padding:1px 0 0 0;} .scy_settings_form .pwd.ty2 .tip {padding:1px 0 0 0;line-height:16px;} .security_campaign {margin:0 16px;} .security_campaign .tit_1 {margin:-20px 0 0 0;line-height:28px;} .security_campaign .stit_1 {margin:20px 0 0 0;line-height:22px;} .security_campaign .how_txt {margin:14px 0 0 0;} .security_campaign .how_txt dt {line-height:13px;} .security_campaign .how_txt dd {margin:2px 0 0 0;line-height:13px;} .security_campaign .step {margin:20px 0 0 0;} .security_campaign .step li {margin:0 0 18px 0;} .security_campaign .step li .tit {margin:0 0 7px 0;line-height:19px;} .security_campaign .step li .new {line-height:19px;} .security_campaign .step li .box_txt {padding:11px;line-height:13px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:414px) and (max-width:479px) { html {font-size:40.43%;} /* main */ .event_banner .ev_navi {bottom:11px;} .event_banner .ev_navi span {width:10px;height:10px;margin:0 12px 0 0;border-radius:6px;} .event_banner .ev_navi span.selected {border:1px solid #fff;} .tit_h3 {margin:11px 0 0 12px;} .tit_h3.ty2 {margin:11px 0 6px 12px;} .cont_head .btn_all {right:12px;top:2px;} .m_game_list {margin:7px 12px 0 12px;} .m_game_list.profile {margin:19px 12px 0 12px;} .m_game_list li {margin:0 0 12px 0;} .m_game_list li a {height:91px;} .m_game_list li a .tit {padding:11px 116px 0 12px;line-height:23px;} .m_game_list.profile li a .tit {padding:31px 116px 0 12px;} .m_game_list li a .image {width:92px;height:91px;} .m_game_list li a .txt {padding:6px 116px 0 12px;line-height:19px;} .m_game_list li a .txt i {height:19px;margin-right:3px;} .m_game_list li .btn_play {right:104px;top:60px;} .cafe_list {margin:7px 0 0 0;} .cafe_list li {padding:0 0 0 12px;} .cafe_list li a {padding:0 0 16px 0;} .cafe_list li.image a {min-height:87px;padding:0 0 19px 0;} .cafe_list li a .txt {padding:14px 12px 0 0;line-height:21px;} .cafe_list li a .nt {padding:9px 0 0 0;} .cafe_list li.image a .nt {bottom:15px;} .cafe_list li a .info {right:12px;bottom:19px;line-height:12px;} .cafe_list li.image a .info {right:93px;bottom:19px;} .cafe_list li a .info .hits {margin:0 15px 0 0;padding:0 0 0 22px;background:url('../img/ico_hits.png') no-repeat 0 4px;background-size:16px 11px;} .cafe_list li a .info .comment {padding:0 0 0 19px;background:url('../img/ico_comment.png') no-repeat 0 4px;background-size:14px 11px;} .cafe_list li a .image_play, .cafe_list li a .image_detailview {width:68px;height:68px;margin:19px 12px 0 21px;} .cafe_list li a .image_play:after {background-size:24px 24px;} .main.cafe_notice {margin:8px 0 0 0;} .main.cafe_notice li a {padding:0 62px 0 0;} .channel {margin:12px 0 0 0;} .channel h3 {padding:0 0 10px 12px;} .channel dl {height:55px;border-top:1px solid #ccc;} .channel dt {padding:16px 0 0 12px;} .channel dd {top:12px;} .channel dd a {width:29px;height:29px;margin:0 12px 0 0;} .channel dd a.ico_c_youtube {background-size:29px 29px;} .channel dd a.ico_c_weibo {background-size:29px 29px;} .channel dd a.ico_c_wechat {background-size:29px 29px;} .channel dd a.ico_c_twitter {background-size:29px 29px;} .channel dd a.ico_c_soku {background-size:29px 29px;} .channel dd a.ico_c_forums {background-size:29px 29px;} .channel dd a.ico_c_facebook {background-size:29px 29px;} .channel dd a.ico_c_google {background-size:29px 29px;} .channel dd a.ico_c_cafe {background-size:29px 29px;} .channel dd a.ico_c_blog_kr {background-size:29px 29px;} .channel dd a.ico_c_blog_jp {background-size:29px 29px;} .channel dd a.ico_c_blog_jp_2 {background-size:29px 29px;} .channel dd a.ico_c_blog_cn {background-size:29px 29px;} .channel dd a.ico_c_tumblr {background-size:29px 29px;} .channel dd a.ico_c_insta {background-size:29px 29px;} /* profile */ .profile_head {height:168px;} .profile_head.char {height:174px;} .profile_head.lebi {height:131px;} .profile_head .photo {width:93px;height:93px;top:19px;margin:0 0 0 -46px;} .profile_head .photo .btn_noti {width:33px;height:33px;right:-1px;top:-1px;} .profile_head.lebi .photo {left:19px;top:19px;} .profile_head.char .photo {top:25px;margin:0 0 0 -46px;} .profile_head .name {padding:115px 0 0 0;line-height:25px;} .profile_head .displayname {line-height:19px;} .profile_head.char .name {padding:120px 0 0 0;} .profile_head.lebi .name {margin:0 0 0 130px;padding:54px 0 0 0;} .profile_head .btn_area a, .profile_head .btn_area button {width:43px;height:43px;top:43px;} .profile_head .btn_area a.btn_messages {left:77px;background-size:43px 43px;} .profile_head .btn_area a.btn_setting {right:77px;background-size:43px 43px;} .profile_head .btn_area button.btn_photo_edit {left:77px;background-size:43px 43px;} .profile_head .btn_area button.btn_friend {right:77px;} .profile_head .btn_area button.btn_friend.add {background-size:43px 43px;} .profile_head .btn_area button.btn_friend.del {background-size:43px 43px;} .profile_head .btn_area button.btn_friend.ing {background-size:43px 43px;} .profile_head .btn_area a.btn_modify {left:77px;background-size:43px 43px;} .profile_head .btn_area.cn a.btn_messages, .profile_head .btn_area.cn button.btn_photo_edit, .profile_head .btn_area.cn a.btn_modify {right:97px;} .profile_head .btn_area.cn a.btn_setting {right:33px;} .profile_head .btn_area a.btn_lebi {left:33px;background-size:43px 43px;} .profile_head .btn_area a.btn_wechat {left:97px;background-size:43px 43px;} .profile_head .btn_area.cn.lb a:first-child {left:77px;} .profile_sns_list {margin:9px 0 0 0;} .profile_sns_list li {height:51px;margin:0 0 0 12px;line-height:51px;} .profile_sns_list li button {width:46px;height:24px;right:12px;top:12px;} .profile_sns_list li button.btn_connect {background-size:46px 24px;} .profile_sns_list li button.btn_disconnect {background-size:46px 24px;} .profile_info_list {margin:9px 0 0 0;} .profile_info_list li {height:51px;margin:0 0 0 12px;line-height:51px;} .profile_info_list li .description {padding:0 12px;} .profile_info_list li .btn_refresh {width:31px;height:31px;margin:9px 0 0 12px;background-size:31px 31px;} .profile_info_list li .btn_modify {width:31px;height:31px;margin:9px 0 0 12px;background-size:31px 31px;} .edit_email .txt_frame {margin:36px 12px 32px;} .edit_email fieldset {margin:0 12px;} .edit_email li ~ li {margin-top:12px;} .edit_email li input {height:53px;padding:0 12px;line-height:25px;border:1px solid #ccc;} .edit_email li .email_report .t {margin:11px 0 0 0;line-height:24px;} .edit_email li .email_report select {height:53px;padding:0 38px 0 10px;border:1px solid #ccc;border-radius:6px;background-size:24px 6px;} .edit_email .error {margin-top:6px;} .edit_email .btn_list {margin:32px 0 0;} .edit_email .btn_list button {height:43px;border-radius:6px;} .set_hive .txt_frame {margin:36px 12px 32px;} .set_hive fieldset {margin:0 12px;} .set_hive li ~ li {margin-top:12px;} .set_hive li input {height:53px;padding:0 12px;line-height:25px;border:1px solid #ccc;} .set_hive li .email_report .t {margin:11px 0 0 0;line-height:24px;} .set_hive li .email_report select {height:53px;padding:0 38px 0 10px;border:1px solid #ccc;border-radius:6px;background-size:24px 6px;} .set_hive .error {margin-top:6px;} .set_hive .btn_list {margin:32px 0 0;} .set_hive .btn_list button {height:43px;border-radius:6px;} .set_hive .btn_send {min-width:63px;height:36px;padding:0 12px;right:12px;top:7px;border-radius:6px;} .popular_game_down {margin:15px 0 0 0;padding:0 0 6px 0;} .popular_game_down h3 {padding:24px 12px 5px;} .popular_game_down .txt {padding:0 12px;} .popular_game_down .game_list {margin:27px 12px 0;} .popular_game_down .game_list li {height:135px;margin:0 0 19px 0; background:url('../img/bg_shadow.png') repeat-x 1px 99px;background-size:1px 9px;} .popular_game_down .game_list li:after {top:93px;border-bottom:6px solid #e0e0e0;} .popular_game_down .game_list li .image {width:93px;height:93px;} .popular_game_down .game_list li .image:after {width:100px;height:94px;left:-3px;top:-1px;background-size:100px 94px;} .popular_game_down .game_list li .game_complete, .popular_game_down .game_list li .game_runn {margin:18px 0 0 0;} .popular_game_down .game_list li .btn_game_down, .popular_game_down .game_list li .btn_game_play {width:93px;height:24px;margin:16px 0 0 0;line-height:25px;border-radius:12px;} .profile_character_list .character_sel {margin:0 0 5px 0;} .profile_character_list .character_sel a.tit {height:51px;padding:0 0 0 12px;line-height:51px;} .profile_character_list .character_sel a.tit:after {width:14px;height:8px;right:12px;margin:-3px 0 0 0;background-size:14px 8px;} .profile_character_list .character_sel.selected a.tit:after {background-size:14px 8px;} .profile_character_list .character_sel .char_list {margin:0 0 0 12px;padding:19px 12px 6px 0;} .profile_character_list .character_sel .char_list li {margin:0 0 12px 0;} .profile_character_list .character_sel .char_list li a.selected:after {border:2px solid #2a84d8;} .tit_txt {margin:43px 12px 42px;line-height:23px;} .tit_txt.ty3 {margin:25px 12px 24px;} .id_setting li {margin:12px 12px 0;} .id_setting li:first-child {margin:0 12px 0;} .id_setting li input {height:53px;padding:0 12px;line-height:25px;} .id_setting .error {margin:0 0 -2px 0;padding:5px 0 0 11px;line-height:19px;text-indent:-11px;} .btn_area_b_ty2 {margin:32px 12px 0;} .btn_area_b_ty2 .btn_ty_1, .btn_area_b_ty2 .btn_ty_2, .btn_area_b_ty2 .btn_ty_3 {height:43px;border-radius:6px;} .btn_area_b_ty3 {margin:9px 25px 0;} .btn_area_b_ty3 button {height:51px;padding:0 12px;border-radius:6px;} .editpwd_link .btn_editpwd {height:51px;margin:19px 0 0 0;line-height:21px;} .editpwd_link .notice {padding:7px 0 0 11px;} .profile_chimg {margin:9px 0 0 0;} .profile_chimg li {margin:0 0 0 12px;} .profile_chimg li:after {width:10px;height:18px;right:12px;top:18px;background-size:8px 14px;} .profile_chimg li button, .profile_chimg li .btn_photo {height:51px;padding:0 0 0 27px;line-height:51px;} .profile_chimg li button:after, .profile_chimg li .btn_photo:after {width:36px;height:36px;top:12px;} .profile_chimg li .btn_camera:after {background:url('../img/btn_edit_photo_3.png') no-repeat 0 3px;background-size:20px 17px;} .profile_chimg li .btn_photo:after {background:url('../img/btn_album.png') no-repeat 0 2px;background-size:20px 20px;} .profile_chimg li input {top:1px;left:1px;} .profile_nickname {margin:9px 0 19px 0;padding:14px 12px 16px;} .profile_nickname .txt {margin:0 0 10px 0;line-height:19px;} .profile_nickname input {height:53px;padding:0 12px;line-height:25px;border:1px solid #ccc;} .profile_nickname .error {margin:0 0 -2px 0;padding:5px 0 0 11px;line-height:19px;text-indent:-11px;} .btn_area_b .btn_mdf_save {height:43px;border-radius:6px;} .profile_guest_txt {padding:109px 12px;line-height:25px;} .btn_area_b_ty2.guest {margin: 0 12px 0;} .btn_area_b_ty2.guest .btn_ty_1 {border:1px solid #2a84d8;} .profile_init {margin-top:32px;} /* games */ .m_game_list.games_list {margin:19px 12px 0 12px;} .m_game_list.games_list li.new .tit, .m_game_list.games_list li.hot .tit {padding:12px 116px 0 24px;} .games_list li.new em, .games_list li.hot em {width:19px;height:36px;left:-1px;top:-1px;} .games_list li.new em {background-size:19px 36px;} .games_list li.hot em {background-size:19px 36px;} .game_os_select {right:12px;top:43px;} .game_os_select .btn_ios, .game_os_select .btn_android {width:29px;height:43px;} .game_os_select .btn_ios {margin:0 12px 0 0;background:url('../img/btn_ios_off.png') no-repeat 0 7px;background-size:29px 29px;} .game_os_select .btn_android {background:url('../img/btn_android_off.png') no-repeat 0 7px;background-size:29px 29px;} .game_os_select .btn_ios.selected {background:url('../img/btn_ios_on.png') no-repeat 0 7px;background-size:29px 29px;} .game_os_select .btn_android.selected {background:url('../img/btn_android_on.png') no-repeat 0 7px;background-size:29px 29px;} .games_head {height:210px;} .games_head:after {height:210px;} .games_head .image {width:93px;height:93px;top:33px;margin:0 0 0 -49px;padding:2px;} .games_head .game_name {top:146px;padding:0 12px;} .games_head .btn_area a {width:43px;height:43px;top:59px;} .games_head .btn_area a.btn_cafe {left:75px;background-size:43px 43px;} .games_head .btn_area a.btn_download {right:77px;background-size:43px 43px;} .games_head .btn_area.cn a.btn_cafe {right:94px;} .games_head .btn_area.cn a.btn_download {right:31px;} .games_head .btn_area a.btn_lebi {left:31px;background-size:43px 43px;} .games_head .btn_area a.btn_wechat {left:94px;background-size:43px 43px;} .games_head .btn_area.cn.lb a:first-child {left:75px;} .games_head .game_bg img {height:210px;} .game_guide {margin:8px 0 0 0;padding:12px 12px 20px;} .game_guide .glist li {margin:0 0 0 12px;} .game_guide.gmp .glist li {width:218px;height:388px;} .game_guide .glist li a.play:after {background-size:51px 51px;} .game_guide .navi {margin:7px 0 0 0;} .game_guide .navi span {width:10px;height:10px;margin:0 6px 0 0;border-radius:6px;border:1px solid #999;} .game_guide .txt {margin:12px 0 0 0;line-height:21px;} .game_feature_list {margin:8px 0 0 0;padding:11px 12px 12px;line-height:21px;} .game_ratings_12age {width:307px;height:59px;margin:32px auto 0;} /* New 2019-04-02 */ .genre_tab {height:49px;margin-bottom:8px;border-bottom:1px solid #ccc;} .genre_tab ul {padding:0 12px;} .genre_tab ul li {padding-left:5px;} .genre_tab ul li button {padding:0 13px 0 12px;letter-spacing:-1px;} .genre_tab ul li.on button:after {height:2px;} .order_list {height:45px;padding-left:20px;border-bottom:1px solid #ccc;} .order_list .tit {margin-right:23px;line-height:45px;} .order_list ul li {margin-left:26px;} .order_list ul button {letter-spacing:-1px;padding-left:10px;} .order_list ul button:after {width:9px;height:7px;margin-top:-3px;background-size:9px 7px;} .order_list ul .on button:after {background-size:9px 7px;} .game_list_new {padding-bottom:18px;border-bottom:1px solid #ccc;} .game_list_new li {height:129px;padding:19px 12px 0;} .game_list_new li a {height:129px;padding-left:142px;padding-top:8px;} .game_list_new li.new a, .game_list_new li.best a {padding-top:27px;} .game_list_new li .thumb {width:129px;height:129px;border-radius:31px;} .game_list_new li .thumb img {width:129px;height:129px;} .game_list_new h3 {margin-bottom:1px;} .game_list_new .sticker {left:135px;width:51px;height:25px;line-height:25px;} .game_list_new .content {left:142px;bottom:1px;height:43px;line-height:21px;} .game_list_new .content i {height:21px;margin-right:6px;} .game_list_new li .tag {height:25px;margin:0 0 2px -6px;} .game_list_new li .tag span {height:25px;margin-left:1px;padding:0 9px;border-radius:64px;} .game_detail .youtube_wrap a:after {background-size:51px 51px;} .game_detail .game_contents {margin-bottom:12px;padding:19px 12px 0;} .game_detail .introduce {height:129px;padding:0 0 12px 148px;border-bottom:1px solid #ccc;} .game_detail .introduce .thumb {width:129px;height:129px;border-radius:31px;} .game_detail .introduce dl {padding-top:16px;} .game_detail .introduce dt {height:54px;margin-bottom:6px;line-height:27px;} .game_detail .introduce_txt {padding:19px 0 20px;border-bottom:1px solid #ccc;} .game_detail .introduce_txt span {height:21px;margin-top:10px;line-height:21px;} .game_detail .introduce_txt i {height:21px;margin-right:6px;} .game_detail .btns {padding-top:12px;margin-bottom:32px;} .game_detail .btns p {height:43px;} .game_detail .btns .share {padding-right:6px;} .game_detail .btns .game {padding-left:6px;} .game_detail .btns button {border-radius:6px;} .game_detail .share button {border:1px solid #2a84d8;} .game_detail .gallery_wrap {height:200px;margin:0 -12px;} .game_detail .gallery_wrap ul {padding:0 12px;} .game_detail .gallery_wrap li {width:355px;padding-left:12px;} .game_detail .gallery_wrap img {width:355px;height:200px;border-radius:6px;} .game_detail .game_txt {margin-top:22px;padding-bottom:20px;border-bottom:1px solid #ccc;} .game_detail .feature_txt {margin-top:16px;padding-bottom:29px;} .game_detail .game_feature_list {height:103px;line-height:20px;} .game_detail h3 {margin-bottom:13px;} .game_detail .txt {height:103px;line-height:20px;} .game_detail .more {margin-top:17px;} .game_detail .more button {padding-right:14px;} .game_detail .more button:after {width:10px;height:6px;margin-top:-3px;} .game_detail .other_game {padding:21px 0;} .game_detail .other_game h3 {margin:0 0 14px 12px;} .game_detail .other_game div {height:178px;} .game_detail .other_game ul {padding:0 12px;} .game_detail .other_game li {width:129px;padding-left:19px;} .game_detail .other_game .thumb {width:129px;height:129px;margin:0 auto 7px;border-radius:31px;} .game_detail .other_game dt {height:21px;margin-bottom:1px;line-height:21px;} .game_detail .other_game dt i {height:21px;margin-right:2px;} /* customer service */ .custom_menu {margin:19px 12px 0;} .custom_menu li a {height:64px;line-height:64px;} .custom_menu li a .new {width:24px;height:24px;right:12px;top:19px;background-size:24px 24px;} .faq_list li .question {padding:12px 40px 14px 12px;line-height:22px;} .faq_list li .question span em {width:18px;height:18px;margin:0 5px 2px 0;} .faq_list li .question span em.new {background-size:18px 18px;} .faq_list li .question span em.hot {background-size:18px 18px;} .faq_list li .question:after {width:14px;height:8px;right:12px;margin:-3px 0 0 0;background-size:14px 8px;} .faq_list li.selected .question:after {background-size:14px 8px;} .faq_list li .answer {margin:0 0 0 12px;padding:8px 12px 15px 0;line-height:22px;} .faq_list li .answer .war {margin:16px 0 0 0;line-height:16px;} .cs_guide {margin:25px 12px 0;} .cs_guide.ty {margin:12px 0 0 0;padding:0 12px;} .cs_guide .txt {margin:0 12px 10px;} .cs_guide .btn_ty_1 {height:43px;border-radius:6px;} .cs_guide .btn_cs {height:43px;margin-top:12px;border-radius:6px;} .cs_guide .btn_cs .new {width:24px;height:24px;right:12px;margin-top:-12px;line-height:24px;border-radius:32px;} .cs_guide .btn_ty_2 {min-width:187px;height:43px;border-radius:6px;} .cs_write {margin:0 12px 0;} .cs_write .int_box {height:51px;} .cs_write .int_box input[type="text"] {padding:0 12px;} .cs_write .int_txt {margin:6px 0 0 0;} .cs_write .int_txt label {padding:2px 0 14px 31px;line-height:20px;background-size:24px 24px;} .cs_write .int_txt label.checked {background-size:24px 24px;} .cs_write input[type="checkbox"] {top:-6468px;left:1px;} .cs_write .file_btn {height:36px;} .cs_write .file_btn em {padding:0 0 0 43px;line-height:34px;} .cs_write .file_btn .btn_add, .cs_write .file_btn .btn_delete {width:43px;height:36px;background:url('../img/btn_add.png') no-repeat 12px 9px;background-size:18px 18px;} .cs_write .file_btn .btn_delete {background:url('../img/btn_delete.png') no-repeat 12px 16px;background-size:18px 2px;} .cs_write .file_btn .btn_add input {top:1px;left:1px;} .cs_write .file_view_img {margin:0 12px;} .cs_write .file_view_img p {margin:6px 0 0 0;} .cs_write .file_view_img p:first-child {margin-top:12px;} .cs_write .file_view_img p:last-child {margin-bottom:12px;} .cs_write .file_view_img .image {width:56px;height:56px;} .cs_write .file_view_img .image.video:after {background-size:24px 24px;} .cs_write .file_view_img .info {height:56px;margin:0 0 0 63px;padding:12px 12px 0 12px;line-height:18px;} .cs_write .file_view_text {margin:0 12px;} .cs_write .file_view_text p {height:29px;margin:6px 0 0 0;padding:0 12px;line-height:29px;} .cs_write .file_view_text p:first-child {margin-top:12px;} .cs_write .file_view_text p:last-child {margin-bottom:12px;} .cs_write .txt_area {margin:12px 12px 0;} .cs_write .txt_area textarea {height:54px;line-height:18px;} .cs_write .txt_area.report textarea {height:359px;line-height:20px;} .cs_write .limit {margin:2px 12px 9px 0;} .cs_write .note_agree {margin:6px 12px 0;line-height:19px;} .cs_write .note_agree > p {margin-top:9px;} .cs_write .note_agree > .dot {padding-left:9px;} .cs_write .note_agree > .dot:after {top:7px;width:2px;height:2px;border-radius:12px;} .cs_write .note_agree .agree {padding:12px 0 6px 0;} .cs_write .note_agree label {padding:3px 0 4px 31px;line-height:18px;background-size:24px 24px;} .cs_write .note_agree label.checked {background-size:24px 24px;} .cs_write .note_agree .age_sel {padding:12px 0 6px 0;} .cs_write .note_agree .age_sel p {margin-top:3px;} .cs_write .note_agree .age_sel input {top:3px;width:19px;height:19px;} .cs_write .note_agree .age_sel label {padding-left:24px;} .cs_write .info_txt {padding:5px 0 9px 11px;line-height:19px;text-indent:-11px;} .stit_h3 {margin:42px 12px 45px;} .cs_email_txt {margin:0 12px;padding:19px 25px 20px;line-height:24px;} .HIVEcontents > h3 {margin:14px 12px 9px;line-height:19px;} .HIVEcontents .point {padding-left:12px;} .HIVEcontents .point:after {width:6px;height:6px;margin-top:-3px;} .select_area li {margin-bottom:12px;} .cs_write ul li {padding-left:12px;} .cs_write ul li.point:after {top:22px;} .board_list.cnews {margin:12px 0 0 0;} .board_list.edit li {padding:0 12px 11px;} .board_list li a {padding:0 12px 11px;} .board_list li .category {padding:10px 90px 0 0;} .board_list li .date {right:12px;top:10px;} .board_list li .tit {padding:11px 16px 0 0;} .board_list.msg li .tit {padding:11px 40px 0 0;} .board_list.cnews li .tit {padding:11px 0 0 0;} .board_list li .ico_new {width:24px;height:24px;right:12px;top:36px;background-size:24px 24px;} .board_list li .btn_delete {width:38px;height:38px;top:30px;background:url('../img/btn_delete_2.png') no-repeat 12px 12px;background-size:12px 12px;} .board_list.cnews li .commdate {padding:3px 0 0 0;} .board_view .category {padding:10px 0 0 12px;} .board_view .date {right:12px;top:10px;} .board_view .tit {padding:11px 33px 12px 0;margin:0 0 0 12px;} .board_view .image {margin:12px 103px 0 12px;} .board_view .noti img {margin:0 0 12px 0;} .board_view .image_dp {margin:12px 12px 0;} .board_view .image_dp img {width:61px;height:77px;} .board_view .txt {padding:14px 12px 19px;line-height:21px;} .board_view .btn_details {padding:0 0 19px 12px;} .mymsg_answer {padding:0 0 25px 12px;} .mymsg_answer .tit {padding:9px 0 0 14px;background:url('../img/ico_answer.png') no-repeat 0 6px;background-size:9px 12px;} .mymsg_answer .date {right:12px;top:10px;} .mymsg_answer .txt {margin:11px 12px 0 0;line-height:23px;} .mymsg_answer .recont {padding:19px 12px 0 0;} .mymsg_answer .btn_recont {height:43px;border-radius:6px;} .mymsg_answer .image {margin:16px 103px 6px 0;} /* 2019-09-11 추가 */ .mymsg_answer .rating {margin:25px 12px 0 0;padding:20px 18px 25px;border:1px solid #ccc;} .mymsg_answer .rating .rating_txt {margin-bottom:21px;line-height:21px;} .mymsg_answer .rating .selec_star {margin-bottom:25px;} .mymsg_answer .rating .selec_star li {width:36px;height:35px;margin-left:6px;} .mymsg_answer .rating .select {margin-bottom:25px;} .mymsg_answer .rating .select select {height:36px;padding:0 38px 0 10px;border:1px solid #ccc;border-radius:6px;background-size:24px 6px;} .mymsg_answer .rating .btn_rating button {height:43px;border-radius:6px;} .mymsg_answer .rating_complete {margin:25px 12px 0 0;padding:31px 18px 32px;line-height:25px;border:1px solid #ccc;} .view_navi {height:43px;} .view_navi .btn_prev, .view_navi .btn_next {width:36px;height:43px;background:url('../img/btn_prev_on.png') no-repeat 12px 12px;background-size:10px 18px;} .view_navi .btn_next {left:75px;background:url('../img/btn_next_on.png') no-repeat 12px 12px;background-size:10px 18px;} .view_navi .btn_prev.non {background:url('../img/btn_prev_off.png') no-repeat 12px 12px;background-size:10px 18px;} .view_navi .btn_next.non {background:url('../img/btn_next_off.png') no-repeat 12px 12px;background-size:10px 18px;} .view_navi .btn_list {height:43px;right:12px;line-height:43px;} .reportcenter_info {margin:15px 12px 0;} .reportcenter_info p {margin:0 0 20px 0;line-height:23px;} .reportcenter_agree {margin:6px 0 0;padding:0 0 12px 0;line-height:19px;} .reportcenter_agree .agree {padding:25px 0 9px 0;} .reportcenter_agree label {padding:3px 0 4px 31px;line-height:18px;background-size:24px 24px;} .reportcenter_agree label.checked {background-size:24px 24px;} .reportcenter_agree em {padding:0 0 0 11px;text-indent:-11px;} .reportcenter_agree .btn_use_link {margin:15px 0 0 0;line-height:24px;} .search_none {margin-top:25px;padding:0 25px;padding-top:172px;line-height:27px;background-size:142px 140px;} .sel_game {margin-top:-12px;padding:0 11px;} .sel_game li {padding:0 11px;margin-top:23px;} .sel_game li a {border-radius:25px;} .sel_game li .name {padding:0 19px;line-height:21px;} .sel_game .name i {width:6px;height:6px;margin:6px 6px 0 0;border-radius:64px;} .btn_game_more {padding:25px 23px 0;} .btn_game_more button {height:43px;border-radius:6px;} /* cafe */ .cafe_all_list {margin:19px 0 0 0;} .cafe_all_list.ty2 {margin:12px 0 0 0;} .cafe_all_list li a {padding:0 0 0 12px;height:99px;} .cafe_all_list li .game_name {padding:23px 137px 0 0;line-height:21px;} .cafe_all_list li .date {padding:16px 0 0 0;line-height:25px;} .cafe_all_list li .date .new {width:24px;height:24px;background-size:24px 24px;} .cafe_all_list li .image {width:73px;height:73px;right:50px;top:12px;} .cafe_all_list li .btn_bookmark {width:50px;height:49px;top:25px;background:url('../img/btn_bookmark_off.png') no-repeat 12px 12px;background-size:24px 23px;} .cafe_all_list li .btn_bookmark.selected {background:url('../img/btn_bookmark_on.png') no-repeat 12px 12px;background-size:24px 23px;} .ssub_tab {margin:12px 12px 0;} .ssub_tab li a {height:34px;line-height:36px;border-radius:6px;} .ssub_tab li:nth-of-type(1) a {border-radius:6px 0 0 6px;} .ssub_tab li:nth-of-type(3) a {border-radius:0 6px 6px 0;} .cafe_list.cposts {margin:12px 0 0 0;} .cafe_list.cposts li.image a {min-height:120px;} .cafe_list li a .game_name {padding:11px 0 0 0;} .cafe_mg_head {height:124px;} .cafe_mg_head .game_name {padding:18px 12px 0 122px;} .cafe_mg_head .image {width:93px;height:93px;left:12px;top:12px;padding:2px;} .cafe_mg_head .btn_area {right:12px;top:67px;} .cafe_mg_head .btn_area a {width:43px;height:43px;margin:0 0 0 12px;} .cafe_mg_head .btn_area a.btn_wechat {background-size:43px 43px;} .cafe_mg_head .btn_area a.btn_event {background-size:43px 43px;} .cafe_mg_head .btn_area a.btn_download {background-size:43px 43px;} .btn_cafe_dtail {padding:0 0 12px 0;} .btn_cafe_dtail button {height:36px;border-radius:6px;} .cafe_notice {margin:8px 0 19px 0;} .cafe_notice li a {height:43px;margin:0 0 0 12px;padding:0 109px 0 0;line-height:43px;} .cafe_notice li a .date {right:12px;} .search_result_tit {margin:0 0 12px 0;padding:14px 12px 15px;line-height:21px;} .cafe_list.search_r .cont {padding:14px 12px 16px 0;line-height:22px;} .cafe_detail_head {padding:19px 0 0 12px;} .cafe_detail_head .user_id {padding:0 0 0 46px;line-height:14px;} .cafe_detail_head .geti {padding:5px 0 0 46px;} .cafe_detail_head .image {width:41px;height:41px;left:12px;top:12px;} .cafe_detail_head .tit {padding:18px 12px 38px 0;line-height:23px;} .cafe_detail_head .info {right:12px;bottom:12px;line-height:12px;} .cafe_detail_head .info .hits {margin:0 15px 0 0;padding:0 0 0 22px;background:url('../img/ico_hits.png') no-repeat 0 4px;background-size:16px 11px;} .cafe_detail_head .info .comment {padding:0 0 0 19px;background:url('../img/ico_comment.png') no-repeat 0 4px;background-size:14px 11px;} .cafe_detail_head .btn_multi {width:32px;height:45px;right:6px;top:6px;background:url('../img/btn_multi.png') no-repeat 12px 12px;background-size:6px 19px;} .cafe_detail_cont {padding:12px 0 0 0;} .cafe_detail_cont .image {margin:0 103px 12px 12px;} .cafe_detail_cont .image.play:after {background-size:51px 51px;} .cafe_detail_cont .china_war {height:223px;margin:6px 103px 6px 12px;padding:72px 0 0 0;} .cafe_detail_cont .china_war img {width:229px;height:78px;} .cafe_detail_cont .txt {padding:14px 12px 19px;line-height:21px;} .comment_write {padding:12px 0;} .comment_write .btn_img_import {width:62px;height:36px;top:12px;background:url('../img/btn_photo_1.png') no-repeat 12px 0;background-size:36px 36px;} .comment_write .msg_inp {margin:0 100px 0 12px;border-radius:6px;} .comment_write.new .msg_inp {margin:0 100px 0 62px;} .comment_write .msg_inp .auto_intext {height:36px;padding:6px 37px 10px 12px;line-height:19px;border-radius:6px;} .comment_write .msg_inp .btn_delete {width:37px;height:36px;background:url('../img/btn_delete_2.png') no-repeat 12px 12px;background-size:12px 12px;} .comment_write .btn_send {width:75px;height:36px;right:12px;top:12px;border-radius:6px;} .comment_write .file_info {width:244px;height:29px;margin:12px 12px 0;padding:0 37px 0 12px;border-radius:6px;} .comment_write .file_info span {line-height:28px;} .comment_write .file_info .btn_fidelete {width:37px;height:29px;background:url('../img/btn_delete_8.png') no-repeat 12px 9px;background-size:11px 11px;} .comment_list li {padding:12px 0 14px 0;} .comment_list li .user_id {padding:0 0 0 47px;line-height:32px;} .comment_list li .image {width:29px;height:29px;left:12px;top:12px;} .comment_list li .txt {padding:6px 12px 0 47px;line-height:19px;} .comment_list li .txt.del {padding:0 12px 0 49px;} .comment_list li .btn_reply {margin:15px 0 0 47px;} .comment_list li .btn_delete {width:38px;height:38px;background:url('../img/btn_delete_4.png') no-repeat 12px 12px;background-size:12px 12px;} .comment_list li .upload_image {margin:12px 131px 0 49px;padding:0 0 6px 0;} .comment_list li .reply {margin:14px 0 0 0;} .comment_list li .reply li {margin:14px 0 0 0;padding:12px 0 0 0;background:url('../img/ico_comment_2.png') no-repeat 12px 12px;background-size:9px 19px;} .comment_list li .reply .user_id {padding:0 0 0 63px;} .comment_list li .reply .image{left:28px;} .comment_list li .reply .txt {padding:6px 12px 0 63px;} .comment_list li .reply.new {margin:14px 0 0 49px;} .comment_list li .reply.new .user_id {padding:0 0 0 36px;} .comment_list li .reply.new .txt {padding:4px 12px 0 36px;} .comment_list li .reply .upload_image {margin:12px 95px 0 36px;padding:0 0 6px 0;} .reply_write {margin:19px 0 0 0;} .reply_write .btn_img_import {width:62px;height:36px;left:36px;background:url('../img/btn_photo_2.png') no-repeat 12px 0;background-size:36px 36px;} .reply_write .msg_inp {margin:0 100px 0 47px;border-radius:6px;} .reply_write.new .msg_inp {margin:0 100px 0 98px;} .reply_write .msg_inp .auto_intext {height:36px;padding:6px 37px 10px 12px;line-height:19px;border-radius:6px;} .reply_write .msg_inp .btn_delete {width:37px;height:36px;background:url('../img/btn_delete_5.png') no-repeat 12px 12px;background-size:11px 11px;} .reply_write .btn_send {width:75px;height:36px;right:12px;border-radius:6px;} .reply_write .file_info {width:244px;height:29px;margin:12px 12px 6px 49px;padding:0 37px 0 12px;border-radius:6px;} .reply_write .file_info span {line-height:28px;} .reply_write .file_info .btn_fidelete {width:37px;height:29px;background:url('../img/btn_delete_8.png') no-repeat 12px 9px;background-size:11px 11px;} .comment_paging {height:51px;padding:0 12px;} .comment_paging .tit {line-height:51px;} .comment_paging .btn_cpv {line-height:51px;} .report_tit {margin:15px 12px 0;line-height:20px;} .report_txt {margin:5px 12px 0;} .report_type {margin:15px 12px 0;} .report_type li {height:38px;padding:13px 0 0 12px;} .report_type label {padding:0 0 0 31px;line-height:24px;background-size:25px 24px;} .report_type label.checked {background-size:25px 24px;} .report_txtarea {margin:12px 12px 0;padding:19px 12px 11px;} .report_txtarea textarea {height:73px;line-height:18px;} .report_txtarea .limit {margin:23px 0 0 0;} .iv_report_bar {height:51px;} .iv_report_bar.ing {margin:43px 0 0 0;} .iv_report_bar .navi {line-height:49px;} .iv_report_bar .btn_report {width:49px;height:51px;background:url('../img/btn_report.png') no-repeat 12px 14px;background-size:23px 20px;} .iv_report_bar .btn_close {width:42px;height:51px;background:url('../img/btn_close.png') no-repeat 12px 18px;background-size:16px 16px;} .iv_con .image.imgland {max-height:310px;} .iv_down_bar {height:64px;} .iv_down_bar .btn_down {width:68px;height:64px;margin:0 0 0 -34px;background:url('../img/btn_download_2.png') no-repeat 22px 22px;background-size:23px 20px;} /* login */ .txt_notice {padding:7px 12px 9px;} .login {width:362px;} .login .btn_join {top:21px;padding:0 14px 0 0;line-height:19px;background:url('../img/ico_link_arrow_5.png') no-repeat 100% 2px;background-size:9px 14px;} .login .login_form {padding:77px 0 0 0;} .login.mw .login_form {padding:51px 0 0 0;} .login.mw.captcha .login_form {padding:15px 0 0 0;} .login .login_form input {height:64px;padding:0 12px;line-height:25px;} .login .login_form input[type="text"] {border-radius:5px 5px 0 0;} .login .login_form input[type="password"] {border-radius:0 0 5px 5px;} .login .login_form .error {padding:5px 0 0 0;line-height:19px;} .login .login_form .btn_help {width:33px;height:16px;margin:1px 0 0 0;} .login .login_form .btn_login {height:51px;margin:15px 0 0 0;border-radius:6px;} .login .btn_pwd_link, .login .btn_cs_link, .login .log_sel .bar {margin:15px 0 0 0;} .login .log_sel .bar {margin:0 6px;} .login .log_sel .auto {margin:14px 0 0 0;} .login .log_sel .auto label {padding:3px 0 4px 31px;line-height:18px;background-size:24px 24px;} .login .log_sel .auto label.checked {background-size:24px 24px;} .login .log_sel .auto input[type="checkbox"] {top:-6468px;left:1px;} .login .log_with {margin:45px 0 0 0;} .login .btn_face_link, .login .btn_goo_link, .login .btn_weibo_link, .login .btn_qq_link, .login .btn_vk_link, .login .btn_apple_link, .login .btn_huawei_link, .login .btn_ph_link {height:43px;margin:0 0 12px 0;border-radius:6px;} .login .btn_goo_link {padding:0 0 0 1px;border-radius:1px;} .login .ico_fg {width:18px;height:18px;padding:0 12px 0 0;} .login .btn_face_link .ico_fg {background-size:18px 18px;} .login .btn_goo_link.ko .ico_fg {width:129px;height:41px;} .login .btn_goo_link.en .ico_fg {width:195px;height:41px;} .login .btn_goo_link.ja .ico_fg {width:177px;height:41px;} .login .btn_goo_link.cn .ico_fg {width:136px;height:41px;} .login .btn_goo_link.tw .ico_fg {width:136px;height:41px;} .login .btn_goo_link.de .ico_fg {width:177px;height:41px;} .login .btn_goo_link.ru .ico_fg {width:168px;height:41px;} .login .btn_goo_link.fr .ico_fg {width:239px;height:41px;} .login .btn_goo_link.vi .ico_fg {width:227px;height:41px;} .login .btn_weibo_link .ico_fg {background-size:18px 18px;} .login .btn_qq_link .ico_fg {background-size:18px 18px;} .login .btn_vk_link .ico_fg {background-size:18px 18px;} .login .btn_ph_link .ico_fg {background-size:18px 18px;} .login .btn_apple_link .ico_fg {background-size:18px 18px;} .login .btn_huawei_link .ico_fg {background-size:18px 17px;} .login .captchabox {margin:9px 0 0 0;padding:19px 19px 15px;border-radius:5px;} .login .captchabox .cimage {width:320px !important;height:60px !important;} .login .captchabox .txt {padding:19px 0 0 0;line-height:19px;} .login .captchabox .txt.w {padding:5px 0 0 0;} .login .captchabox .btn_refresh {width:31px;height:31px;top:12px;background-size:31px 31px;} .login .login_form .captchabox input {height:50px;margin:19px 0 0 0;} .login .copy {padding:15px 0 0 0;} .login .copy span {margin:0 9px;} .login .log_with_cn {margin:37px 0 0 0;padding:0 0 19px 0;} .login .log_with_cn .txt {padding:16px 0;line-height:16px;} .login .log_with_cn .btn_qq_link, .login .log_with_cn .btn_weibo_link {width:51px;height:51px;} .login .log_with_cn button:nth-of-type(1) {margin:0 23px 0 0;} .login .login_sns {padding-top:38px;} .login .login_sns li {height:43px;margin-top:12px;} .login .login_sns li button {letter-spacing:-1px;border-radius:6px;} .login .login_sns li.apple button {border:1px solid #000;} .login .login_sns li.google button {background-size:141px 43px;} .login .login_sns li.facebook button {background-size:175px 43px;} .login .login_sns li.weibo button {background-size:140px 43px;} .login .login_sns li.vk button {background-size:117px 43px;} .login .login_sns li.qq button {background-size:112px 43px;} .login .login_sns li.phone button {background-size:166px 43px;} .login .login_sns li.huawei button {background-size:175px 43px;} .login .login_sns li.apple button {background-size:120px 43px;} .login .login_sns li.google.en button {background-size:165px 43px;} .login .login_sns li.facebook.en button {background-size:184px 43px;} .login .login_sns li.weibo.en button {background-size:163px 43px;} .login .login_sns li.vk.en button {background-size:141px 43px;} .login .login_sns li.qq.en button {background-size:135px 43px;} .login .login_sns li.phone.en button {background-size:211px 43px;} .login .login_sns li.apple.en button {background-size:156px 43px;} .login .login_sns li.huawei.en button {background-size:197px 43px;} .login .login_sns li.google.ja button {background-size:153px 43px;} .login .login_sns li.facebook.ja button {background-size:173px 43px;} .login .login_sns li.weibo.ja button {background-size:152px 43px;} .login .login_sns li.vk.ja button {background-size:130px 43px;} .login .login_sns li.qq.ja button {background-size:124px 43px;} .login .login_sns li.phone.ja button {background-size:195px 43px;} .login .login_sns li.apple.ja button {background-size:131px 43px;} .login .login_sns li.huawei.ja button {background-size:175px 43px;} .login .login_sns li.google.zh-hans button {background-size:188px 43px;} .login .login_sns li.facebook.zh-hans button {background-size:163px 43px;} .login .login_sns li.weibo.zh-hans button {background-size:130px 43px;} .login .login_sns li.vk.zh-hans button {background-size:119px 43px;} .login .login_sns li.qq.zh-hans button {background-size:115px 43px;} .login .login_sns li.phone.zh-hans button {background-size:152px 43px;} .login .login_sns li.apple.zh-hans button {background-size:128px 43px;} .login .login_sns li.huawei.zh-hans button {background-size:179px 43px;} .login .login_sns li.google.zh-hant button {background-size:144px 43px;} .login .login_sns li.facebook.zh-hant button {background-size:163px 43px;} .login .login_sns li.weibo.zh-hant button {background-size:130px 43px;} .login .login_sns li.vk.zh-hant button {background-size:120px 43px;} .login .login_sns li.qq.zh-hant button {background-size:115px 43px;} .login .login_sns li.phone.zh-hant button {background-size:152px 43px;} .login .login_sns li.apple.zh-hant button {background-size:146px 43px;} .login .login_sns li.huawei.zh-hant button {background-size:185px 43px;} .login .login_sns li.google.de button {background-size:180px 43px;} .login .login_sns li.facebook.de button {background-size:199px 43px;} .login .login_sns li.weibo.de button {background-size:178px 43px;} .login .login_sns li.vk.de button {background-size:155px 43px;} .login .login_sns li.qq.de button {background-size:151px 43px;} .login .login_sns li.phone.de button {background-size:263px 43px;} .login .login_sns li.apple.de button {background-size:170px 43px;} .login .login_sns li.huawei.de button {background-size:212px 43px;} .login .login_sns li.google.ru button {background-size:220px 43px;} .login .login_sns li.facebook.ru button {background-size:239px 43px;} .login .login_sns li.weibo.ru button {background-size:217px 43px;} .login .login_sns li.vk.ru button {background-size:253px 43px;} .login .login_sns li.qq.ru button {background-size:190px 43px;} .login .login_sns li.phone.ru button {background-size:257px 43px;} .login .login_sns li.apple.ru button {background-size:207px 43px;} .login .login_sns li.huawei.ru button {background-size:252px 43px;} .account_list {margin:25px 25px 0;} .account_list li {margin:0 0 6px 0;} .account_list li a {height:67px;} .account_list li .user_id {padding:0 0 0 60px;line-height:64px;} .account_list li .image {width:41px;height:41px;left:12px;top:12px;} .btn_diff {margin:23px 0 0 0;} .log_txt {padding:29px 12px 0;line-height:19px;} .log_txt.ty1 {padding:13px 12px 0;line-height:21px;} .log_txt.ty2 {padding:19px 12px 0;} .log_txt.ty3 {padding:16px 12px 0;} .log_txt.ty4 {padding:0 12px 27px;} .log_txt.ty5 {padding:0 12px 0;} .log_txt.ty6 {padding:33px 12px 28px;line-height:21px;} .log_txt.ty7 {padding:31px 12px 34px;line-height:28px;} .log_txt.ty8 {padding:31px 12px 34px;line-height:28px;} .security_txt {padding-top:36px;} .security_txt h4 {margin-bottom:7px;padding:9px 12px 9px;line-height:19px;} .security_txt .sub_txt {padding:0 12px;line-height:19px;} .time_count {margin-bottom:-14px;padding:16px 0 0;line-height:18px;} .btn_email {padding-top:29px;} .view_id {margin-bottom:-3px;padding:16px 12px;line-height:19px;} .dormant_id {height:51px;line-height:50px;} .tit_log {margin:43px 12px 24px;line-height:23px;} .logbox_info {margin:32px 12px 0;} .logbox_txt {height:142px;padding:0 12px;line-height:24px;} .logbox_txt.ty2 {padding:19px;} .uns_txt {padding:28px 12px 0;line-height:19px;} .first_login .join_agree {padding:19px 12px 0;} .first_login .join_agree label {min-height:24px;padding:0 0 0 31px;} .first_login .join_agree .all_agree .all_desc {margin-top:4px;padding-left:31px;} .first_login .join_agree .option_check {padding-left:24px;} .first_login .join_agree .option_check .agree {margin-top:12px;} .first_login .join_agree .option_check .agree ~ .agree {margin-top:20px;} .first_login .join_agree .option_check .desc > span {margin-bottom:12px;} .first_login .join_agree .btn_login {margin-top:32px;} .first_login .join_agree .btn_login button {height:43px;border-radius:6px;} /* join */ .agree_chk {padding:14px 50px 15px 12px;} .agree_chk label {line-height:20px;} .agree_chk label:after {width:50px;height:50px;margin:-25px 0 0 0;background:url('../img/btn_accept_off.png') no-repeat 12px 12px;background-size:24px 24px;} .agree_chk label.checked:after {background:url('../img/btn_accept.png') no-repeat 12px 12px;background-size:24px 24px;} .agree_con {padding:0 0 12px 0;} .agree_con .agree_chk {margin:0 0 0 12px;padding:14px 50px 15px 0;} .agree_con .agree_box {height:95px;margin:0 12px 0;padding:11px 12px 12px 12px;line-height:19px;} .agree_con .agree_box h1, .agree_con .agree_box h2 {padding:6px 0 6px 0;} .agree_con .agree_box h3 {padding:0 0 6px 0;} .agree_con .agree_box table {margin:11px 0;} .agree_con .agree_box table th, .agree_con .agree_box table td {padding:6px;} .join_inp {margin:19px 0 0 0;} .join_inp li {margin:12px 12px 0;} .join_inp li:first-child {margin:0 12px 0;} .join_inp li input {height:53px;padding:0 12px;line-height:25px;} .join_inp li .email_report .t {margin:11px 0 0 0;line-height:24px;} .join_inp li .email_report select {height:53px;padding:0 38px 0 10px;border:1px solid #ccc;border-radius:6px;background-size:24px 6px;} .join_inp li .email_conf {margin:11px 0 0 0;} .join_inp li .btn_sm {margin:5px 0 0 0;line-height:19px;} .join_inp .error, .acco_inp .error {margin:0 0 -2px 0;padding:3px 0 0 11px;line-height:18px;text-indent:-11px;} .join_inp .email input {padding:0 51px 0 12px;} .join_inp .btn_errorinfo {width:51px;height:53px;background:url('../img/ico_war.png') no-repeat 14px 14px;background-size:24px 24px;} /* .join_inp .eu_birth {padding-right:37px;} */ .join_inp .eu_birth .btn_tip {width:37px;height:53px;background-size:31px 31px;} .join_inp .eu_birth .tip_desc > p {padding:5px 0 14px;} .join_agree {margin:6px 12px 0;padding:0 0 12px 0;line-height:19px;} .join_agree .agree {padding:12px 0 9px 0;} .join_agree .agree ~ .agree {padding:0 0 9px 0;} .join_agree .desc {padding-left:31px;} .join_agree .desc > span {margin-bottom:12px;} .join_agree label {padding:3px 0 4px 31px;line-height:18px;background-size:24px 24px;} .join_agree label.checked {background-size:24px 24px;} .join_agree em {padding:0 0 0 11px;text-indent:-11px;} .join_agree .btn_use_link {margin:14px 0 0 0;} .join_agree .btn_use_link.ty2 {margin:24px 0 0 0;} .phone_num_inp input {height:51px;padding:0 12px;line-height:25px;} .phone_num_inp .error {margin:0 12px;padding:5px 0 0 11px;line-height:19px;} .phone_num_inp .error.ty2 {margin:0 12px -9px;padding:5px 0 0 0;} .ios_info_time {margin:16px 12px 0;} .ios_info_txt {margin:0 12px;padding:12px 0 0 11px;line-height:19px;text-indent:-11px;} .join_phone {margin:12px 0 0 0;padding:12px;} .join_phone .state_num {height:34px;padding:0 0 0 10px;line-height:34px;} .join_phone .verify_num {height:53px;margin:12px 0 0 0;line-height:25px;} .join_phone .verify_num .num_inp {margin:0 141px 0 0;} .join_phone .verify_num .num_inp input {padding:0 0 0 12px;line-height:25px;} .join_phone .verify_num button {width:125px;height:36px;right:7px;top:7px;} .join_phone .error {margin:0 0 -2px 0;padding:5px 0 0 11px;line-height:19px;text-indent:-11px;} .join_inp .email_mod input {padding:0 103px 0 12px;} .join_inp .btn_modify {min-width:77px;height:36px;right:7px;top:7px;padding:0 12px;} .jv_email_txt {padding:0 12px 25px;line-height:19px;} .jv_email_box {margin:0 12px;padding:19px 25px 20px;line-height:24px;border:1px solid #ccc;} .jv_email_box strong {padding:6px 0 0 0;} .join_otp {margin:33px 12px 32px;} .join_otp p ~ p{margin-top:21px;} .join_otp_block {margin:46px 12px 51px;} .otp_code input {height:51px;padding:0 12px;line-height:25px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .otp_code .error {margin:6px 12px 0;line-height:19px;} .btn_resend {margin-top:12px;padding:0 12px;} .join_btn {margin-top:25px;padding:0 12px;} .join_btn button {min-width:187px;height:43px;padding:0 25px;border-radius:6px;} .join_link {margin:32px 12px 0;} /* Edit Account */ .edit_account {padding:23px 12px 0;} .edit_account li {margin-top:16px;} .edit_account label {margin-bottom:8px;} .edit_account .in_id.correct:after {right:12px;top:18px;width:19px;height:15px;} .edit_account input {height:53px;padding:0 12px;border:1px solid #ccc;} .edit_account .in_id input {padding-right:32px;} .edit_account .error, .edit_account .tip {padding:2px 0 0 10px;text-indent:-10px;line-height:19px;} /* SNS agree */ .agree_form {padding:18px 12px 25px;border-bottom:1px solid #ccc;} .agree_form h3 {margin-bottom:21px;line-height:28px;} .agree_form .check_all {min-height:24px;margin-bottom:19px;} .agree_form .check_all input {left:-6468px;top:-6468px;} .agree_form .check_all label {min-height:24px;padding-left:31px;line-height:20px;background-size:24px 24px;} .agree_form .check_all label.checked {background-size:24px 24px;} .agree_form .check {padding:18px 12px;border:1px solid #ccc;} .agree_form .check li {margin-top:19px;} .agree_form .check input {left:-6468px;top:-6468px;} .agree_form .check label {min-height:24px;padding-left:31px;line-height:20px;background-size:24px 24px;} .agree_form .check label.checked {background-size:24px 24px;} .agree_form .check button {height:24px;} .check_id {padding-top:31px;} .check_id h3 {margin-bottom:28px;line-height:28px;} .check_id .sub_txt {margin-bottom:21px;padding:0 12px;line-height:21px;} .check_id .id_form {padding:0 12px 12px;} .check_id .id_form.correct:after {right:25px;top:18px;width:19px;height:15px;} .check_id .id_form input {height:53px;padding:0 32px 0 12px;border:1px solid #ccc;} .check_id .id_form .error {padding:2px 0 0 10px;text-indent:-10px;line-height:19px;} .check_id .recommend {padding:3px 12px 12px;} .check_id .recommend p {margin-bottom:9px;line-height:19px;} .check_id .recommend li {padding:0 3px;} .check_id .recommend button {height:36px;border-radius:6px;} /* welcome flow */ h3.top_tit {padding:21px 12px 17px;} .top_txt {padding:20px 12px 6px;line-height:21px;} h3.top_tit+.top_txt {padding-top:0;} .txt_sync {padding:0 12px;line-height:21px;} .welcome_sns_list {margin:15px 0 6px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .welcome_sns_list.agree {margin:20px 0 0 0;} .welcome_sns_list.hive {margin:14px 0 27px 0;} .welcome_sns_list li:after {width:10px;height:18px;right:12px;top:21px;background-size:10px 18px;} .welcome_sns_list li a {height:62px;margin:0 0 0 12px;padding:0 0 0 43px;line-height:62px;border-top:1px solid #ccc;} .welcome_sns_list li a:after {width:36px;height:36px;left:12px;top:12px;} .welcome_sns_list li a.facebook:after {background-size:36px 36px;} .welcome_sns_list li a.google:after {background-size:36px 36px;} .welcome_sns_list li a.line:after {background-size:36px 36px;} .welcome_sns_list li a.weibo:after {background-size:36px 36px;} .welcome_sns_list li a.wechat:after {background-size:36px 36px;} .welcome_profile {width:111px;height:111px;margin:21px auto 0;} .welcome_profile .btn_photo_edit {width:49px;height:49px;right:-6px;bottom:-12px;background-size:49px 49px;} .welcome_dm {margin:32px 12px 23px;} .welcome_dm input {height:53px;padding:0 12px;line-height:25px;border:1px solid #ccc;} .welcome_dm .error {padding:5px 0 0 11px;line-height:19px;text-indent:-11px;} /* edit account */ .acco_def_inp {margin:0 0 14px 0;} .acco.join_inp li {margin:12px 12px 12px;} .acco.join_inp .complete p {padding:16px 19px 17px;line-height:18px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .acco_phone_inp {padding:12px 12px 0;} .acco_phone_inp input {height:53px;padding:0 12px;line-height:25px;} .acco_phone_inp .error {padding:5px 0 0 11px;line-height:19px;text-indent:-11px;} .acco_service {margin:14px 0 0 0;} .acco_service li {height:51px;margin:0 0 0 12px;line-height:51px;} .acco_service li .btn_connect, .acco_service li .btn_disconnect {width:46px;height:24px;right:12px;top:12px;} .acco_service li .btn_connect {background-size:46px 24px;} .acco_service li .btn_disconnect {background-size:46px 24px;} .acco_service li .btn_refresh {width:31px;height:31px;right:12px;top:10px;background-size:31px 31px;} .acco_service label {padding:3px 0 4px 31px;line-height:16px;background-size:24px 24px;} .acco_service label.checked {background-size:24px 24px;} .acco_dormantid_add {margin:12px 0 0 0;padding:0 12px 19px;} .acco_dormantid_add .tit {padding:11px 0 7px 0;} .acco_dormantid_add .sel_box {height:34px;background-size:24px 6px;} .acco_dormantid_add .sel_box .seltit {height:34px;padding:0 0 0 12px;line-height:32px;} .acco_dormantid_add .sel_box dl {top:36px;padding:0 12px 12px;} .acco_dormantid_add .sel_box dt {padding:12px 0 0 0;} .acco_dormantid_add .sel_box dd {padding:2px 0 0 0;line-height:19px;} .acco_dormantid_add input[type="text"] {height:53px;padding:0 12px;line-height:25px;} .acco_dormantid_add select {height:36px;margin:0 0 19px 0;padding:0 38px 0 10px;border-radius:6px;background-size:24px 6px;} .acco_dormantid_add label {padding:3px 0 4px 31px;line-height:16px;background-size:24px 24px;} .acco_dormantid_add label.checked {background-size:24px 24px;} .acco_dormantid_add .acco_chk ~ .acco_chk {margin-top:12px;} .acco_tit {margin:33px 12px 32px;line-height:23px;} .acco_tit.ty2 {margin:19px 12px 21px;} .acco_txt {padding:0 12px 28px;line-height:19px;} .acco_txt_2 {padding:21px 45px 0 12px;line-height:19px;} .email_error {padding:0 12px;} .email_error .txt {margin:19px 0 0 0;line-height:18px;} .email_error .use li {margin:19px 0 0 0;padding:0 0 0 20px;line-height:18px;} .email_error .use li strong {margin:0 0 5px 0;} .email_error .use li strong:after {width:14px;height:14px;top:2px;} .email_error .use li:nth-of-type(1) strong:after {background-size:14px 14px;} .email_error .use li:nth-of-type(2) strong:after {background-size:14px 14px;} .email_error .use li:nth-of-type(3) strong:after {background-size:14px 14px;} .email_mr_txt {margin:16px 12px 0 12px;padding:0 0 5px 0;line-height:21px;} .email_mr {margin:19px 0 0 0;} .email_mr li {margin:12px 12px 0;} .email_mr li input {height:53px;padding:0 12px;line-height:25px;} .email_mr li .new_inp .t {margin:11px 0 0 0;line-height:24px;} .email_mr li .new_inp select {height:53px;padding:0 38px 0 10px;border-radius:6px;background-size:24px 6px;} .email_mr .error {margin:0 0 -2px 0;padding:5px 0 0 11px;line-height:19px;text-indent:-11px;} .acco_nickname {margin:20px 0 16px 0;padding:16px 12px 0;} .acco_nickname .txt {margin:0 0 10px 0;line-height:19px;} .acco_nickname input {height:53px;padding:0 12px;line-height:25px;} .acco_nickname .error {margin:0 0 -2px 0;padding:5px 0 0 11px;line-height:19px;text-indent:-11px;} .acco_info_etc {margin:0 0 16px 0;} .acco_info_etc .btn_view {width:40px;height:29px;top:23px;background:url('../img/ico_down_arrow_3.png') no-repeat 12px 12px;background-size:14px 8px;} .acco_info_etc.show .btn_view {background:url('../img/ico_up_arrow_2.png') no-repeat 12px 12px;background-size:14px 8px;} .unss_sel {margin:-10px 0 0 0;} .unss_sel li {min-height:51px;margin:0 0 6px 0;padding:12px 12px 12px;} .unss_sel li:nth-of-type(3) {margin:0 0 16px 0;} .unss_sel li .tl {padding:0 25px 0 0;line-height:19px;} .unss_sel li .tr {width:90px;line-height:16px;} /* find password */ .find_pw {padding:47px 12px 34px;} .find_pw h3 {margin-bottom:32px;} .find_pw .sub_txt {line-height:21px;} /* lebi */ .lebi_list li {height:62px;margin:0 0 0 12px;line-height:62px;} .lebi_list li a:after {width:10px;height:18px;right:12px;top:21px;background-size:10px 18px;} .lebi_list li .btn_accept {width:55px;height:36px;right:12px;top:12px;border-radius:6px;} .lebi_txt {margin:12px 12px 0;line-height:25px;} .lebi_txt em {width:24px;height:24px;line-height:23px;} .lebi_search {padding:12px 12px 12px;} .lebi_search h3 {padding:0 0 7px 0;} .lebi_search select {height:36px;margin:0 0 12px 0;padding:0 38px 0 10px;border-radius:6px;background-size:24px 6px;} .lebi_sel .date_sel {margin:0 68px 0 0;} .lebi_sel .btn_search {width:55px;height:36px;border-radius:6px;} .lebi_date_box {margin:12px 12px 0;} .lebi_date_box strong {height:36px;line-height:36px;} .lebi_date_box p {height:54px;padding:0 0 0 14px;line-height:55px;} .lebi_date_box dl {padding:14px 14px 6px;line-height:21px;} .lebi_date_box dt {width:122px;margin:0 0 7px 0;} .lebi_date_box dt em {width:102px;} .lebi_date_box dt span {width:20px;} .lebi_date_box dd {margin:0 0 7px 0;} .lebi_cash_info {padding:10px 12px 12px;} .lebi_cash_info dd {padding:0 0 0 6px;} .lebi_login_info {height:51px;padding:0 0 0 12px;} .lebi_login_info strong {line-height:50px;} .lebi_login_info .btn_login {width:55px;height:36px;right:12px;top:8px;border-radius:6px;} .lebi_guide {padding:0 12px 23px;} .lebi_guide h3 {padding:12px 0 0 0;} .lebi_shop_list li {height:90px;} .lebi_shop_list li .name {padding:20px 0 0 89px;} .lebi_shop_list li .price {padding:0 0 0 89px;} .lebi_shop_list li .image {width:64px;height:64px;left:12px;top:12px;} .lebi_shop_list li .btn_buy {width:100px;height:36px;right:12px;top:27px;border-radius:6px;} /* welcome hive */ .hive_introduction {margin:-19px 12px 0;box-shadow:0 1px 1px rgba(0,0,0,0.2);-webkit-border-radius:1px 1px 0 0;-moz-border-radius:1px 1px 0 0;border-radius:1px 1px 0 0;} .hive_introduction .ad_text {padding:16px 0 0 0;line-height:18px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);} .hive_introduction h1 {line-height:38px;border-radius:1px 1px 0 0;} .hive_introduction .contents_wrap {padding:0 9px 82px 9px;} .hive_introduction .contents_wrap .cbtn {bottom:19px;} .hive_introduction .contents_wrap .btn_policy {bottom:87px;right:9px;} .hive_introduction .btn_change {height:40px;margin:0 1px;line-height:40px;border-radius:12px;box-shadow:inset -1px -1px 0 rgba(228,128,39,0.5), inset 0 1px 0 rgba(255,255,255,1), 1px 1px 1px rgba(0,0,0,0.2);} .hive_introduction .btn_change a {padding:0 38px;} .hive_introduction .btn_policy {padding-right:12px;} .hive_introduction .ad_box {padding:16px 9px 32px;border-bottom:1px solid #198add;} .hive_introduction .ad_box .contents {padding:0 0 6px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);border-radius:3px;border:1px solid #198add;} .hive_introduction .ad_box .contents .con_wrap {width:366px;} .hive_introduction .ad_box .contents .section1 img, .hive_introduction .ad_box .contents .section2 img, .hive_introduction .ad_box .contents .section3 img {width:183px;height:95px;} .hive_introduction .ad_box .contents .section1 p, .hive_introduction .ad_box .contents .section2 p {width:183px;line-height:16px;} .hive_introduction .ad_box .contents .section1 p span, .hive_introduction .ad_box .contents .section2 p span {padding:0 12px;} /* email campaign */ .email_campaign .tit_1 {margin:25px 12px 27px;line-height:23px;} .email_campaign .ec_box {padding:0 12px 0;} .email_campaign .txt_1 {margin:14px 0 20px;line-height:19px;} .email_campaign .inp_email {height:53px;padding:0 12px;line-height:25px;} .email_campaign .btn_eau, .email_campaign .btn_eac {height:43px;margin:32px 0 0 0;border-radius:6px;} .email_campaign .btn_eac {margin:29px 0 32px 0;} .email_campaign .emailau_info dt {margin:25px 0 5px 0;line-height:14px;} .email_campaign .emailau_info dd {margin:0 0 16px 0;line-height:16px;} .email_campaign .txt_2 {margin:14px 0 0;padding:15px 0 0 0;line-height:19px;} .email_campaign .tit_2 {margin:14px 12px 0;line-height:16px;} .email_campaign .use li {margin:10px 12px 0;line-height:18px;} .email_campaign .dst_chk {margin:29px 12px 0;} .email_campaign .dst_chk label {padding:3px 0 4px 31px;line-height:16px;background-size:24px 24px;} .email_campaign .dst_chk label.checked {background-size:24px 24px;} .email_campaign .btn_close {min-width:187px;height:43px;margin:32px 0 0;padding:0 25px;border-radius:6px;} .email_campaign .email_sel {margin:0 0 9px 0;} .email_campaign .email_sel input {height:53px;padding:0 12px;line-height:25px;} .email_campaign .email_sel .t {margin:11px 0 0 0;line-height:24px;} .email_campaign .email_sel select {height:53px;padding:0 38px 0 10px;border-radius:6px;background-size:24px 6px;} .email_campaign .error {padding:5px 0 0 11px;line-height:19px;text-indent:-11px;} .email_campaign .txt_0 {margin:-7px 12px 25px;line-height:19px;} .email_campaign .btn_area {margin:32px 0;} .email_campaign .btn_area .btn_ty_1, .email_campaign .btn_area .btn_ty_2 {height:43px;border-radius:6px;} /* real name verification */ .rnv_txt {margin:36px 0 32px 0;padding:0 12px 6px;line-height:19px;} .china_num {padding:12px;} .china_num span {padding:10px 0 10px 10px;line-height:19px;border-radius:6px;} .china_num_inp li {margin:12px 12px 0;} .china_num_inp li input {height:53px;padding:0 142px 0 12px;line-height:25px;} .china_num_inp li .btn_send {width:125px;height:36px;right:12px;top:7px;border-radius:6px;} .china_num_inp li .time {right:12px;top:14px;line-height:20px;} /* security function settings */ .scy_settings_guide {padding:14px 12px 15px;} .scy_settings_guide h3 {line-height:19px;} .scy_settings_guide p {margin:5px 0 0 0;line-height:16px;} .scy_settings_form .target_game {margin:10px 0 0;} .scy_settings_form .target_game .txt {height:50px;padding:0 72px 0 12px;line-height:46px;} .scy_settings_form .target_game .ico_off, .scy_settings_form .target_game .ico_on {width:46px;height:24px;right:12px;top:12px;line-height:23px;border-radius:32px;} .scy_settings_form .txt {padding:16px 12px 0;line-height:19px;} .scy_settings_form .pwd li {margin:10px 12px 0;} .scy_settings_form .pwd li input {height:53px;padding:0 12px;line-height:25px;} .scy_settings_form .error {padding:5px 0 0 24px;line-height:19px;text-indent:-11px;} .scy_settings_form .pwd.ty2 .error {padding:1px 0 0 0;} .scy_settings_form .pwd.ty2 .tip {padding:1px 0 0 0;line-height:19px;} .security_campaign {margin:0 19px;} .security_campaign .tit_1 {margin:-23px 0 0 0;line-height:32px;} .security_campaign .stit_1 {margin:23px 0 0 0;line-height:25px;} .security_campaign .how_txt {margin:16px 0 0 0;} .security_campaign .how_txt dt {line-height:15px;} .security_campaign .how_txt dd {margin:2px 0 0 0;line-height:15px;} .security_campaign .step {margin:23px 0 0 0;} .security_campaign .step li {margin:0 0 20px 0;} .security_campaign .step li .tit {margin:0 0 9px 0;line-height:21px;} .security_campaign .step li .new {line-height:21px;} .security_campaign .step li .box_txt {padding:12px;line-height:15px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:480px) and (max-width:599px) { html {font-size:46.88%;} /* main */ .event_banner .ev_navi {bottom:13px;} .event_banner .ev_navi span {width:12px;height:12px;margin:0 15px 0 0;border-radius:7px;} .event_banner .ev_navi span.selected {border:2px solid #fff;} .tit_h3 {margin:13px 0 0 15px;} .tit_h3.ty2 {margin:13px 0 7px 15px;} .cont_head .btn_all {right:15px;top:3px;} .m_game_list {margin:9px 15px 0 15px;} .m_game_list.profile {margin:22px 15px 0 15px;} .m_game_list li {margin:0 0 15px 0;} .m_game_list li a {height:106px;} .m_game_list li a .tit {padding:13px 135px 0 14px;line-height:27px;} .m_game_list.profile li a .tit {padding:36px 135px 0 14px;} .m_game_list li a .image {width:107px;height:106px;} .m_game_list li a .txt {padding:7px 135px 0 14px;line-height:22px;} .m_game_list li a .txt i {height:22px;margin-right:4px;} .m_game_list li .btn_play {right:121px;top:70px;} .cafe_list {margin:9px 0 0 0;} .cafe_list li {padding:0 0 0 15px;} .cafe_list li a {padding:0 0 18px 0;} .cafe_list li.image a {min-height:102px;padding:0 0 22px 0;} .cafe_list li a .txt {padding:16px 15px 0 0;line-height:24px;} .cafe_list li a .nt {padding:11px 0 0 0;} .cafe_list li.image a .nt {bottom:18px;} .cafe_list li a .info {right:15px;bottom:22px;line-height:15px;} .cafe_list li.image a .info {right:108px;bottom:22px;} .cafe_list li a .info .hits {margin:0 18px 0 0;padding:0 0 0 26px;background:url('../img/ico_hits.png') no-repeat 0 5px;background-size:19px 13px;} .cafe_list li a .info .comment {padding:0 0 0 22px;background:url('../img/ico_comment.png') no-repeat 0 5px;background-size:16px 13px;} .cafe_list li a .image_play, .cafe_list li a .image_detailview {width:79px;height:79px;margin:22px 15px 0 25px;} .cafe_list li a .image_play:after {background-size:28px 28px;} .main.cafe_notice {margin:9px 0 0 0;} .main.cafe_notice li a {padding:0 72px 0 0;} .channel {margin:15px 0 0 0;} .channel h3 {padding:0 0 12px 15px;} .channel dl {height:64px;border-top:1px solid #ccc;} .channel dt {padding:19px 0 0 15px;} .channel dd {top:15px;} .channel dd a {width:34px;height:34px;margin:0 15px 0 0;} .channel dd a.ico_c_youtube {background-size:34px 34px;} .channel dd a.ico_c_weibo {background-size:34px 34px;} .channel dd a.ico_c_wechat {background-size:34px 34px;} .channel dd a.ico_c_twitter {background-size:34px 34px;} .channel dd a.ico_c_soku {background-size:34px 34px;} .channel dd a.ico_c_forums {background-size:34px 34px;} .channel dd a.ico_c_facebook {background-size:34px 34px;} .channel dd a.ico_c_google {background-size:34px 34px;} .channel dd a.ico_c_cafe {background-size:34px 34px;} .channel dd a.ico_c_blog_kr {background-size:34px 34px;} .channel dd a.ico_c_blog_jp {background-size:34px 34px;} .channel dd a.ico_c_blog_jp_2 {background-size:34px 34px;} .channel dd a.ico_c_blog_cn {background-size:34px 34px;} .channel dd a.ico_c_tumblr {background-size:34px 34px;} .channel dd a.ico_c_insta {background-size:34px 34px;} /* profile */ .profile_head {height:195px;} .profile_head.char {height:202px;} .profile_head.lebi {height:153px;} .profile_head .photo {width:108px;height:108px;top:22px;margin:0 0 0 -54px;} .profile_head .photo .btn_noti {width:39px;height:39px;right:-1px;top:-1px;} .profile_head.lebi .photo {left:22px;top:22px;} .profile_head.char .photo {top:30px;margin:0 0 0 -54px;} .profile_head .name {padding:133px 0 0 0;line-height:30px;} .profile_head .displayname {line-height:22px;} .profile_head.char .name {padding:139px 0 0 0;} .profile_head.lebi .name {margin:0 0 0 151px;padding:63px 0 0 0;} .profile_head .btn_area a, .profile_head .btn_area button {width:51px;height:51px;top:51px;} .profile_head .btn_area a.btn_messages {left:90px;background-size:51px 51px;} .profile_head .btn_area a.btn_setting {right:90px;background-size:51px 51px;} .profile_head .btn_area button.btn_photo_edit {left:90px;background-size:51px 51px;} .profile_head .btn_area button.btn_friend {right:90px;} .profile_head .btn_area button.btn_friend.add {background-size:51px 51px;} .profile_head .btn_area button.btn_friend.del {background-size:51px 51px;} .profile_head .btn_area button.btn_friend.ing {background-size:51px 51px;} .profile_head .btn_area a.btn_modify {left:90px;background-size:51px 51px;} .profile_head .btn_area.cn a.btn_messages, .profile_head .btn_area.cn button.btn_photo_edit, .profile_head .btn_area.cn a.btn_modify {right:112px;} .profile_head .btn_area.cn a.btn_setting {right:39px;} .profile_head .btn_area a.btn_lebi {left:39px;background-size:51px 51px;} .profile_head .btn_area a.btn_wechat {left:112px;background-size:51px 51px;} .profile_head .btn_area.cn.lb a:first-child {left:90px;} .profile_sns_list {margin:10px 0 0 0;} .profile_sns_list li {height:60px;margin:0 0 0 15px;line-height:60px;} .profile_sns_list li button {width:54px;height:28px;right:15px;top:15px;} .profile_sns_list li button.btn_connect {background-size:54px 28px;} .profile_sns_list li button.btn_disconnect {background-size:54px 28px;} .profile_info_list {margin:10px 0 0 0;} .profile_info_list li {height:60px;margin:0 0 0 15px;line-height:60px;} .profile_info_list li .description {padding:0 15px;} .profile_info_list li .btn_refresh {width:36px;height:36px;margin:11px 0 0 15px;background-size:36px 36px;} .profile_info_list li .btn_modify {width:36px;height:36px;margin:11px 0 0 15px;background-size:36px 36px;} .edit_email .txt_frame {margin:42px 15px 37px;} .edit_email fieldset {margin:0 15px;} .edit_email li ~ li {margin-top:15px;} .edit_email li input {height:61px;padding:0 15px;line-height:30px;border:1px solid #ccc;} .edit_email li .email_report .t {margin:13px 0 0 0;line-height:28px;} .edit_email li .email_report select {height:61px;padding:0 45px 0 12px;border:1px solid #ccc;border-radius:7px;background-size:28px 7px;} .edit_email .error {margin-top:7px;} .edit_email .btn_list {margin:37px 0 0;} .edit_email .btn_list button {height:51px;border-radius:7px;} .set_hive .txt_frame {margin:42px 15px 37px;} .set_hive fieldset {margin:0 15px;} .set_hive li ~ li {margin-top:15px;} .set_hive li input {height:61px;padding:0 15px;line-height:30px;border:1px solid #ccc;} .set_hive li .email_report .t {margin:13px 0 0 0;line-height:28px;} .set_hive li .email_report select {height:61px;padding:0 45px 0 12px;border:1px solid #ccc;border-radius:7px;background-size:28px 7px;} .set_hive .error {margin-top:7px;} .set_hive .btn_list {margin:37px 0 0;} .set_hive .btn_list button {height:51px;border-radius:7px;} .set_hive .btn_send {min-width:73px;height:42px;padding:0 15px;right:15px;top:9px;border-radius:7px;} .popular_game_down {margin:18px 0 0 0;padding:0 0 7px 0;} .popular_game_down h3 {padding:28px 15px 6px;} .popular_game_down .txt {padding:0 15px;} .popular_game_down .game_list {margin:31px 15px 0;} .popular_game_down .game_list li {height:157px;margin:0 0 22px 0; background:url('../img/bg_shadow.png') repeat-x 1px 115px;background-size:2px 11px;} .popular_game_down .game_list li:after {top:108px;border-bottom:7px solid #e0e0e0;} .popular_game_down .game_list li .image {width:108px;height:108px;} .popular_game_down .game_list li .image:after {width:116px;height:109px;left:-4px;top:-1px;background-size:116px 109px;} .popular_game_down .game_list li .game_complete, .popular_game_down .game_list li .game_runn {margin:21px 0 0 0;} .popular_game_down .game_list li .btn_game_down, .popular_game_down .game_list li .btn_game_play {width:108px;height:28px;margin:19px 0 0 0;line-height:30px;border-radius:15px;} .profile_character_list .character_sel {margin:0 0 6px 0;} .profile_character_list .character_sel a.tit {height:60px;padding:0 0 0 15px;line-height:60px;} .profile_character_list .character_sel a.tit:after {width:16px;height:9px;right:15px;margin:-4px 0 0 0;background-size:16px 9px;} .profile_character_list .character_sel.selected a.tit:after {background-size:16px 9px;} .profile_character_list .character_sel .char_list {margin:0 0 0 15px;padding:22px 15px 7px 0;} .profile_character_list .character_sel .char_list li {margin:0 0 15px 0;} .profile_character_list .character_sel .char_list li a.selected:after {border:3px solid #2a84d8;} .tit_txt {margin:51px 15px 49px;line-height:27px;} .tit_txt.ty3 {margin:30px 15px 28px;} .id_setting li {margin:15px 15px 0;} .id_setting li:first-child {margin:0 15px 0;} .id_setting li input {height:61px;padding:0 15px;line-height:30px;} .id_setting .error {margin:0 0 -3px 0;padding:6px 0 0 13px;line-height:22px;text-indent:-13px;} .btn_area_b_ty2 {margin:37px 15px 0;} .btn_area_b_ty2 .btn_ty_1, .btn_area_b_ty2 .btn_ty_2, .btn_area_b_ty2 .btn_ty_3 {height:51px;border-radius:7px;} .btn_area_b_ty3 {margin:11px 30px 0;} .btn_area_b_ty3 button {height:60px;padding:0 15px;border-radius:7px;} .editpwd_link .btn_editpwd {height:60px;margin:22px 0 0 0;line-height:25px;} .editpwd_link .notice {padding:8px 0 0 13px;} .profile_chimg {margin:10px 0 0 0;} .profile_chimg li {margin:0 0 0 15px;} .profile_chimg li:after {width:12px;height:21px;right:15px;top:21px;background-size:9px 16px;} .profile_chimg li button, .profile_chimg li .btn_photo {height:60px;padding:0 0 0 31px;line-height:60px;} .profile_chimg li button:after, .profile_chimg li .btn_photo:after {width:42px;height:42px;top:15px;} .profile_chimg li .btn_camera:after {background:url('../img/btn_edit_photo_3.png') no-repeat 0 4px;background-size:24px 20px;} .profile_chimg li .btn_photo:after {background:url('../img/btn_album.png') no-repeat 0 3px;background-size:24px 24px;} .profile_chimg li input {top:1px;left:1px;} .profile_nickname {margin:10px 0 22px 0;padding:16px 15px 19px;} .profile_nickname .txt {margin:0 0 12px 0;line-height:22px;} .profile_nickname input {height:61px;padding:0 15px;line-height:30px;border:1px solid #ccc;} .profile_nickname .error {margin:0 0 -3px 0;padding:6px 0 0 13px;line-height:22px;text-indent:-13px;} .btn_area_b .btn_mdf_save {height:51px;border-radius:7px;} .profile_guest_txt {padding:127px 15px;line-height:30px;} .btn_area_b_ty2.guest {margin: 0 15px 0;} .btn_area_b_ty2.guest .btn_ty_1 {border:1px solid #2a84d8;} .profile_init {margin-top:37px;} /* games */ .m_game_list.games_list {margin:22px 15px 0 15px;} .m_game_list.games_list li.new .tit, .m_game_list.games_list li.hot .tit {padding:15px 135px 0 28px;} .games_list li.new em, .games_list li.hot em {width:22px;height:42px;left:-1px;top:-1px;} .games_list li.new em {background-size:22px 42px;} .games_list li.hot em {background-size:22px 42px;} .game_os_select {right:15px;top:51px;} .game_os_select .btn_ios, .game_os_select .btn_android {width:34px;height:51px;} .game_os_select .btn_ios {margin:0 15px 0 0;background:url('../img/btn_ios_off.png') no-repeat 0 8px;background-size:34px 34px;} .game_os_select .btn_android {background:url('../img/btn_android_off.png') no-repeat 0 8px;background-size:34px 34px;} .game_os_select .btn_ios.selected {background:url('../img/btn_ios_on.png') no-repeat 0 8px;background-size:34px 34px;} .game_os_select .btn_android.selected {background:url('../img/btn_android_on.png') no-repeat 0 8px;background-size:34px 34px;} .games_head {height:244px;} .games_head:after {height:244px;} .games_head .image {width:108px;height:108px;top:39px;margin:0 0 0 -57px;padding:3px;} .games_head .game_name {top:169px;padding:0 15px;} .games_head .btn_area a {width:51px;height:51px;top:69px;} .games_head .btn_area a.btn_cafe {left:87px;background-size:51px 51px;} .games_head .btn_area a.btn_download {right:90px;background-size:51px 51px;} .games_head .btn_area.cn a.btn_cafe {right:109px;} .games_head .btn_area.cn a.btn_download {right:36px;} .games_head .btn_area a.btn_lebi {left:36px;background-size:51px 51px;} .games_head .btn_area a.btn_wechat {left:109px;background-size:51px 51px;} .games_head .btn_area.cn.lb a:first-child {left:87px;} .games_head .game_bg img {height:244px;} .game_guide {margin:9px 0 0 0;padding:15px 15px 24px;} .game_guide .glist li {margin:0 0 0 15px;} .game_guide.gmp .glist li {width:253px;height:450px;} .game_guide .glist li a.play:after {background-size:60px 60px;} .game_guide .navi {margin:9px 0 0 0;} .game_guide .navi span {width:12px;height:12px;margin:0 7px 0 0;border-radius:7px;border:1px solid #999;} .game_guide .txt {margin:15px 0 0 0;line-height:25px;} .game_feature_list {margin:9px 0 0 0;padding:13px 15px 15px;line-height:25px;} .game_ratings_12age {width:357px;height:69px;margin:37px auto 0;} /* New 2019-04-02 */ .genre_tab {height:57px;margin-bottom:9px;border-bottom:1px solid #ccc;} .genre_tab ul {padding:0 15px;} .genre_tab ul li {padding-left:6px;} .genre_tab ul li button {padding:0 15px 0 15px;letter-spacing:-1px;} .genre_tab ul li.on button:after {height:3px;} .order_list {height:52px;padding-left:24px;border-bottom:1px solid #ccc;} .order_list .tit {margin-right:27px;line-height:52px;} .order_list ul li {margin-left:30px;} .order_list ul button {letter-spacing:-1px;padding-left:12px;} .order_list ul button:after {width:11px;height:9px;margin-top:-4px;background-size:11px 9px;} .order_list ul .on button:after {background-size:11px 9px;} .game_list_new {padding-bottom:21px;border-bottom:1px solid #ccc;} .game_list_new li {height:150px;padding:22px 15px 0;} .game_list_new li a {height:150px;padding-left:165px;padding-top:9px;} .game_list_new li.new a, .game_list_new li.best a {padding-top:32px;} .game_list_new li .thumb {width:150px;height:150px;border-radius:36px;} .game_list_new li .thumb img {width:150px;height:150px;} .game_list_new h3 {margin-bottom:1px;} .game_list_new .sticker {left:157px;width:60px;height:30px;line-height:30px;} .game_list_new .content {left:165px;bottom:1px;height:51px;line-height:25px;} .game_list_new .content i {height:25px;margin-right:7px;} .game_list_new li .tag {height:30px;margin:0 0 3px -7px;} .game_list_new li .tag span {height:30px;margin-left:2px;padding:0 11px;border-radius:75px;} .game_detail .youtube_wrap a:after {background-size:60px 60px;} .game_detail .game_contents {margin-bottom:15px;padding:22px 15px 0;} .game_detail .introduce {height:150px;padding:0 0 15px 171px;border-bottom:1px solid #ccc;} .game_detail .introduce .thumb {width:150px;height:150px;border-radius:36px;} .game_detail .introduce dl {padding-top:18px;} .game_detail .introduce dt {height:63px;margin-bottom:7px;line-height:31px;} .game_detail .introduce_txt {padding:22px 0 23px;border-bottom:1px solid #ccc;} .game_detail .introduce_txt span {height:25px;margin-top:12px;line-height:25px;} .game_detail .introduce_txt i {height:25px;margin-right:7px;} .game_detail .btns {padding-top:14px;margin-bottom:37px;} .game_detail .btns p {height:51px;} .game_detail .btns .share {padding-right:7px;} .game_detail .btns .game {padding-left:7px;} .game_detail .btns button {border-radius:7px;} .game_detail .share button {border:1px solid #2a84d8;} .game_detail .gallery_wrap {height:232px;margin:0 -15px;} .game_detail .gallery_wrap ul {padding:0 15px;} .game_detail .gallery_wrap li {width:411px;padding-left:15px;} .game_detail .gallery_wrap img {width:411px;height:232px;border-radius:7px;} .game_detail .game_txt {margin-top:26px;padding-bottom:24px;border-bottom:1px solid #ccc;} .game_detail .feature_txt {margin-top:18px;padding-bottom:33px;} .game_detail .game_feature_list {height:120px;line-height:24px;} .game_detail h3 {margin-bottom:15px;} .game_detail .txt {height:120px;line-height:24px;} .game_detail .more {margin-top:20px;} .game_detail .more button {padding-right:16px;} .game_detail .more button:after {width:12px;height:7px;margin-top:-3px;} .game_detail .other_game {padding:25px 0;} .game_detail .other_game h3 {margin:0 0 16px 15px;} .game_detail .other_game div {height:207px;} .game_detail .other_game ul {padding:0 15px;} .game_detail .other_game li {width:150px;padding-left:22px;} .game_detail .other_game .thumb {width:150px;height:150px;margin:0 auto 9px;border-radius:36px;} .game_detail .other_game dt {height:25px;margin-bottom:1px;line-height:25px;} .game_detail .other_game dt i {height:25px;margin-right:3px;} /* customer service */ .custom_menu {margin:22px 15px 0;} .custom_menu li a {height:75px;line-height:75px;} .custom_menu li a .new {width:28px;height:28px;right:15px;top:22px;background-size:28px 28px;} .faq_list li .question {padding:15px 46px 17px 15px;line-height:26px;} .faq_list li .question span em {width:21px;height:21px;margin:0 6px 2px 0;} .faq_list li .question span em.new {background-size:21px 21px;} .faq_list li .question span em.hot {background-size:21px 21px;} .faq_list li .question:after {width:16px;height:9px;right:15px;margin:-4px 0 0 0;background-size:16px 9px;} .faq_list li.selected .question:after {background-size:16px 9px;} .faq_list li .answer {margin:0 0 0 15px;padding:9px 15px 18px 0;line-height:26px;} .faq_list li .answer .war {margin:19px 0 0 0;line-height:19px;} .cs_guide {margin:30px 15px 0;} .cs_guide.ty {margin:15px 0 0 0;padding:0 15px;} .cs_guide .txt {margin:0 15px 12px;} .cs_guide .btn_ty_1 {height:51px;border-radius:7px;} .cs_guide .btn_cs {height:51px;margin-top:15px;border-radius:7px;} .cs_guide .btn_cs .new {width:28px;height:28px;right:15px;margin-top:-14px;line-height:28px;border-radius:37px;} .cs_guide .btn_ty_2 {min-width:217px;height:51px;border-radius:7px;} .cs_write {margin:0 15px 0;} .cs_write .int_box {height:60px;} .cs_write .int_box input[type="text"] {padding:0 14px;} .cs_write .int_txt {margin:7px 0 0 0;} .cs_write .int_txt label {padding:3px 0 16px 36px;line-height:24px;background-size:28px 28px;} .cs_write .int_txt label.checked {background-size:28px 28px;} .cs_write input[type="checkbox"] {top:-7499px;left:1px;} .cs_write .file_btn {height:42px;} .cs_write .file_btn em {padding:0 0 0 50px;line-height:40px;} .cs_write .file_btn .btn_add, .cs_write .file_btn .btn_delete {width:51px;height:42px;background:url('../img/btn_add.png') no-repeat 15px 10px;background-size:21px 21px;} .cs_write .file_btn .btn_delete {background:url('../img/btn_delete.png') no-repeat 15px 19px;background-size:21px 3px;} .cs_write .file_btn .btn_add input {top:1px;left:1px;} .cs_write .file_view_img {margin:0 15px;} .cs_write .file_view_img p {margin:7px 0 0 0;} .cs_write .file_view_img p:first-child {margin-top:15px;} .cs_write .file_view_img p:last-child {margin-bottom:15px;} .cs_write .file_view_img .image {width:66px;height:66px;} .cs_write .file_view_img .image.video:after {background-size:28px 28px;} .cs_write .file_view_img .info {height:66px;margin:0 0 0 73px;padding:14px 14px 0 14px;line-height:21px;} .cs_write .file_view_text {margin:0 15px;} .cs_write .file_view_text p {height:34px;margin:7px 0 0 0;padding:0 14px;line-height:33px;} .cs_write .file_view_text p:first-child {margin-top:15px;} .cs_write .file_view_text p:last-child {margin-bottom:15px;} .cs_write .txt_area {margin:15px 15px 0;} .cs_write .txt_area textarea {height:63px;line-height:21px;} .cs_write .txt_area.report textarea {height:417px;line-height:24px;} .cs_write .limit {margin:3px 15px 11px 0;} .cs_write .note_agree {margin:7px 15px 0;line-height:22px;} .cs_write .note_agree > p {margin-top:10px;} .cs_write .note_agree > .dot {padding-left:11px;} .cs_write .note_agree > .dot:after {top:9px;width:3px;height:3px;border-radius:15px;} .cs_write .note_agree .agree {padding:15px 0 7px 0;} .cs_write .note_agree label {padding:4px 0 5px 36px;line-height:21px;background-size:28px 28px;} .cs_write .note_agree label.checked {background-size:28px 28px;} .cs_write .note_agree .age_sel {padding:15px 0 7px 0;} .cs_write .note_agree .age_sel p {margin-top:3px;} .cs_write .note_agree .age_sel input {top:4px;width:22px;height:22px;} .cs_write .note_agree .age_sel label {padding-left:28px;} .cs_write .info_txt {padding:6px 0 10px 13px;line-height:22px;text-indent:-13px;} .stit_h3 {margin:49px 15px 52px;} .cs_email_txt {margin:0 15px;padding:22px 30px 24px;line-height:28px;} .HIVEcontents > h3 {margin:17px 15px 11px;line-height:22px;} .HIVEcontents .point {padding-left:15px;} .HIVEcontents .point:after {width:7px;height:7px;margin-top:-3px;} .select_area li {margin-bottom:15px;} .cs_write ul li {padding-left:15px;} .cs_write ul li.point:after {top:26px;} .board_list.cnews {margin:15px 0 0 0;} .board_list.edit li {padding:0 15px 13px;} .board_list li a {padding:0 15px 13px;} .board_list li .category {padding:12px 105px 0 0;} .board_list li .date {right:15px;top:12px;} .board_list li .tit {padding:13px 19px 0 0;} .board_list.msg li .tit {padding:13px 46px 0 0;} .board_list.cnews li .tit {padding:13px 0 0 0;} .board_list li .ico_new {width:28px;height:28px;right:15px;top:42px;background-size:28px 28px;} .board_list li .btn_delete {width:44px;height:44px;top:35px;background:url('../img/btn_delete_2.png') no-repeat 15px 15px;background-size:14px 14px;} .board_list.cnews li .commdate {padding:4px 0 0 0;} .board_view .category {padding:12px 0 0 15px;} .board_view .date {right:15px;top:12px;} .board_view .tit {padding:13px 39px 15px 0;margin:0 0 0 15px;} .board_view .image {margin:15px 120px 0 15px;} .board_view .noti img {margin:0 0 15px 0;} .board_view .image_dp {margin:15px 15px 0;} .board_view .image_dp img {width:71px;height:90px;} .board_view .txt {padding:16px 15px 22px;line-height:25px;} .board_view .btn_details {padding:0 0 22px 15px;} .mymsg_answer {padding:0 0 30px 15px;} .mymsg_answer .tit {padding:10px 0 0 17px;background:url('../img/ico_answer.png') no-repeat 0 7px;background-size:10px 15px;} .mymsg_answer .date {right:15px;top:12px;} .mymsg_answer .txt {margin:13px 15px 0 0;line-height:27px;} .mymsg_answer .recont {padding:22px 15px 0 0;} .mymsg_answer .btn_recont {height:51px;border-radius:7px;} .mymsg_answer .image {margin:19px 120px 7px 0;} /* 2019-09-11 추가 */ .mymsg_answer .rating {margin:30px 15px 0 0;padding:24px 21px 30px;border:1px solid #ccc;} .mymsg_answer .rating .rating_txt {margin-bottom:25px;line-height:25px;} .mymsg_answer .rating .selec_star {margin-bottom:30px;} .mymsg_answer .rating .selec_star li {width:42px;height:41px;margin-left:7px;} .mymsg_answer .rating .select {margin-bottom:30px;} .mymsg_answer .rating .select select {height:42px;padding:0 45px 0 12px;border:1px solid #ccc;border-radius:7px;background-size:28px 7px;} .mymsg_answer .rating .btn_rating button {height:50px;border-radius:7px;} .mymsg_answer .rating_complete {margin:30px 15px 0 0;padding:36px 21px 38px;line-height:30px;border:1px solid #ccc;} .view_navi {height:51px;} .view_navi .btn_prev, .view_navi .btn_next {width:42px;height:51px;background:url('../img/btn_prev_on.png') no-repeat 15px 15px;background-size:12px 21px;} .view_navi .btn_next {left:87px;background:url('../img/btn_next_on.png') no-repeat 15px 15px;background-size:12px 21px;} .view_navi .btn_prev.non {background:url('../img/btn_prev_off.png') no-repeat 15px 15px;background-size:12px 21px;} .view_navi .btn_next.non {background:url('../img/btn_next_off.png') no-repeat 15px 15px;background-size:12px 21px;} .view_navi .btn_list {height:51px;right:15px;line-height:51px;} .reportcenter_info {margin:18px 15px 0;} .reportcenter_info p {margin:0 0 24px 0;line-height:27px;} .reportcenter_agree {margin:7px 0 0;padding:0 0 15px 0;line-height:22px;} .reportcenter_agree .agree {padding:30px 0 10px 0;} .reportcenter_agree label {padding:4px 0 5px 36px;line-height:21px;background-size:28px 28px;} .reportcenter_agree label.checked {background-size:28px 28px;} .reportcenter_agree em {padding:0 0 0 13px;text-indent:-13px;} .reportcenter_agree .btn_use_link {margin:18px 0 0 0;line-height:28px;} .search_none {margin-top:30px;padding:0 30px;padding-top:199px;line-height:31px;background-size:165px 162px;} .sel_game {margin-top:-15px;padding:0 13px;} .sel_game li {padding:0 13px;margin-top:27px;} .sel_game li a {border-radius:30px;} .sel_game li .name {padding:0 22px;line-height:25px;} .sel_game .name i {width:7px;height:7px;margin:7px 7px 0 0;border-radius:75px;} .btn_game_more {padding:30px 27px 0;} .btn_game_more button {height:51px;border-radius:7px;} /* cafe */ .cafe_all_list {margin:22px 0 0 0;} .cafe_all_list.ty2 {margin:15px 0 0 0;} .cafe_all_list li a {padding:0 0 0 15px;height:115px;} .cafe_all_list li .game_name {padding:27px 159px 0 0;line-height:25px;} .cafe_all_list li .date {padding:19px 0 0 0;line-height:30px;} .cafe_all_list li .date .new {width:28px;height:28px;background-size:28px 28px;} .cafe_all_list li .image {width:85px;height:85px;right:58px;top:15px;} .cafe_all_list li .btn_bookmark {width:58px;height:57px;top:29px;background:url('../img/btn_bookmark_off.png') no-repeat 15px 15px;background-size:28px 27px;} .cafe_all_list li .btn_bookmark.selected {background:url('../img/btn_bookmark_on.png') no-repeat 15px 15px;background-size:28px 27px;} .ssub_tab {margin:15px 15px 0;} .ssub_tab li a {height:40px;line-height:42px;border-radius:7px;} .ssub_tab li:nth-of-type(1) a {border-radius:7px 0 0 7px;} .ssub_tab li:nth-of-type(3) a {border-radius:0 7px 7px 0;} .cafe_list.cposts {margin:15px 0 0 0;} .cafe_list.cposts li.image a {min-height:139px;} .cafe_list li a .game_name {padding:13px 0 0 0;} .cafe_mg_head {height:144px;} .cafe_mg_head .game_name {padding:21px 15px 0 142px;} .cafe_mg_head .image {width:108px;height:108px;left:15px;top:15px;padding:3px;} .cafe_mg_head .btn_area {right:15px;top:78px;} .cafe_mg_head .btn_area a {width:51px;height:51px;margin:0 0 0 15px;} .cafe_mg_head .btn_area a.btn_wechat {background-size:51px 51px;} .cafe_mg_head .btn_area a.btn_event {background-size:51px 51px;} .cafe_mg_head .btn_area a.btn_download {background-size:51px 51px;} .btn_cafe_dtail {padding:0 0 15px 0;} .btn_cafe_dtail button {height:42px;border-radius:7px;} .cafe_notice {margin:9px 0 22px 0;} .cafe_notice li a {height:51px;margin:0 0 0 15px;padding:0 127px 0 0;line-height:51px;} .cafe_notice li a .date {right:15px;} .search_result_tit {margin:0 0 15px 0;padding:16px 15px 18px;line-height:25px;} .cafe_list.search_r .cont {padding:16px 15px 19px 0;line-height:26px;} .cafe_detail_head {padding:22px 0 0 15px;} .cafe_detail_head .user_id {padding:0 0 0 54px;line-height:16px;} .cafe_detail_head .geti {padding:6px 0 0 54px;} .cafe_detail_head .image {width:48px;height:48px;left:15px;top:15px;} .cafe_detail_head .tit {padding:21px 15px 45px 0;line-height:27px;} .cafe_detail_head .info {right:15px;bottom:15px;line-height:15px;} .cafe_detail_head .info .hits {margin:0 18px 0 0;padding:0 0 0 26px;background:url('../img/ico_hits.png') no-repeat 0 5px;background-size:19px 13px;} .cafe_detail_head .info .comment {padding:0 0 0 22px;background:url('../img/ico_comment.png') no-repeat 0 5px;background-size:16px 13px;} .cafe_detail_head .btn_multi {width:37px;height:52px;right:7px;top:7px;background:url('../img/btn_multi.png') no-repeat 15px 15px;background-size:7px 22px;} .cafe_detail_cont {padding:15px 0 0 0;} .cafe_detail_cont .image {margin:0 120px 15px 15px;} .cafe_detail_cont .image.play:after {background-size:60px 60px;} .cafe_detail_cont .china_war {height:258px;margin:7px 120px 7px 15px;padding:84px 0 0 0;} .cafe_detail_cont .china_war img {width:266px;height:90px;} .cafe_detail_cont .txt {padding:16px 15px 22px;line-height:25px;} .comment_write {padding:15px 0;} .comment_write .btn_img_import {width:72px;height:42px;top:15px;background:url('../img/btn_photo_1.png') no-repeat 15px 0;background-size:42px 42px;} .comment_write .msg_inp {margin:0 117px 0 15px;border-radius:7px;} .comment_write.new .msg_inp {margin:0 117px 0 72px;} .comment_write .msg_inp .auto_intext {height:42px;padding:7px 43px 12px 15px;line-height:22px;border-radius:7px;} .comment_write .msg_inp .btn_delete {width:43px;height:42px;background:url('../img/btn_delete_2.png') no-repeat 15px 14px;background-size:14px 14px;} .comment_write .btn_send {width:87px;height:42px;right:15px;top:15px;border-radius:7px;} .comment_write .file_info {width:283px;height:34px;margin:15px 15px 0;padding:0 43px 0 15px;border-radius:7px;} .comment_write .file_info span {line-height:33px;} .comment_write .file_info .btn_fidelete {width:43px;height:34px;background:url('../img/btn_delete_8.png') no-repeat 15px 10px;background-size:13px 13px;} .comment_list li {padding:15px 0 16px 0;} .comment_list li .user_id {padding:0 0 0 55px;line-height:37px;} .comment_list li .image {width:34px;height:34px;left:15px;top:15px;} .comment_list li .txt {padding:7px 15px 0 55px;line-height:22px;} .comment_list li .txt.del {padding:0 15px 0 57px;} .comment_list li .btn_reply {margin:18px 0 0 55px;} .comment_list li .btn_delete {width:44px;height:44px;background:url('../img/btn_delete_4.png') no-repeat 15px 15px;background-size:14px 14px;} .comment_list li .upload_image {margin:15px 153px 0 57px;padding:0 0 7px 0;} .comment_list li .reply {margin:16px 0 0 0;} .comment_list li .reply li {margin:16px 0 0 0;padding:15px 0 0 0;background:url('../img/ico_comment_2.png') no-repeat 15px 15px;background-size:10px 22px;} .comment_list li .reply .user_id {padding:0 0 0 73px;} .comment_list li .reply .image{left:33px;} .comment_list li .reply .txt {padding:7px 15px 0 73px;} .comment_list li .reply.new {margin:16px 0 0 57px;} .comment_list li .reply.new .user_id {padding:0 0 0 42px;} .comment_list li .reply.new .txt {padding:5px 15px 0 42px;} .comment_list li .reply .upload_image {margin:15px 111px 0 42px;padding:0 0 7px 0;} .reply_write {margin:22px 0 0 0;} .reply_write .btn_img_import {width:72px;height:42px;left:42px;background:url('../img/btn_photo_2.png') no-repeat 15px 0;background-size:42px 42px;} .reply_write .msg_inp {margin:0 117px 0 55px;border-radius:7px;} .reply_write.new .msg_inp {margin:0 117px 0 114px;} .reply_write .msg_inp .auto_intext {height:42px;padding:7px 43px 12px 15px;line-height:22px;border-radius:7px;} .reply_write .msg_inp .btn_delete {width:43px;height:42px;background:url('../img/btn_delete_5.png') no-repeat 15px 14px;background-size:13px 13px;} .reply_write .btn_send {width:87px;height:42px;right:15px;border-radius:7px;} .reply_write .file_info {width:283px;height:34px;margin:15px 15px 7px 57px;padding:0 43px 0 15px;border-radius:7px;} .reply_write .file_info span {line-height:33px;} .reply_write .file_info .btn_fidelete {width:43px;height:34px;background:url('../img/btn_delete_8.png') no-repeat 15px 10px;background-size:13px 13px;} .comment_paging {height:60px;padding:0 15px;} .comment_paging .tit {line-height:60px;} .comment_paging .btn_cpv {line-height:60px;} .report_tit {margin:18px 15px 0;line-height:24px;} .report_txt {margin:6px 15px 0;} .report_type {margin:18px 15px 0;} .report_type li {height:44px;padding:15px 0 0 15px;} .report_type label {padding:0 0 0 36px;line-height:28px;background-size:29px 28px;} .report_type label.checked {background-size:29px 28px;} .report_txtarea {margin:15px 15px 0;padding:22px 15px 13px;} .report_txtarea textarea {height:85px;line-height:21px;} .report_txtarea .limit {margin:27px 0 0 0;} .iv_report_bar {height:60px;} .iv_report_bar.ing {margin:51px 0 0 0;} .iv_report_bar .navi {line-height:57px;} .iv_report_bar .btn_report {width:57px;height:60px;background:url('../img/btn_report.png') no-repeat 15px 16px;background-size:27px 23px;} .iv_report_bar .btn_close {width:48px;height:60px;background:url('../img/btn_close.png') no-repeat 15px 21px;background-size:18px 18px;} .iv_con .image.imgland {max-height:360px;} .iv_down_bar {height:75px;} .iv_down_bar .btn_down {width:79px;height:75px;margin:0 0 0 -39px;background:url('../img/btn_download_2.png') no-repeat 26px 26px;background-size:27px 23px;} /* login */ .txt_notice {padding:9px 15px 10px;} .login {width:420px;} .login .btn_join {top:25px;padding:0 16px 0 0;line-height:22px;background:url('../img/ico_link_arrow_5.png') no-repeat 100% 3px;background-size:10px 17px;} .login .login_form {padding:90px 0 0 0;} .login.mw .login_form {padding:60px 0 0 0;} .login.mw.captcha .login_form {padding:18px 0 0 0;} .login .login_form input {height:75px;padding:0 15px;line-height:30px;} .login .login_form input[type="text"] {border-radius:6px 6px 0 0;} .login .login_form input[type="password"] {border-radius:0 0 6px 6px;} .login .login_form .error {padding:6px 0 0 0;line-height:22px;} .login .login_form .btn_help {width:39px;height:19px;margin:2px 0 0 0;} .login .login_form .btn_login {height:60px;margin:18px 0 0 0;border-radius:7px;} .login .btn_pwd_link, .login .btn_cs_link, .login .log_sel .bar {margin:18px 0 0 0;} .login .log_sel .bar {margin:0 7px;} .login .log_sel .auto {margin:16px 0 0 0;} .login .log_sel .auto label {padding:4px 0 5px 36px;line-height:21px;background-size:28px 28px;} .login .log_sel .auto label.checked {background-size:28px 28px;} .login .log_sel .auto input[type="checkbox"] {top:-7499px;left:1px;} .login .log_with {margin:52px 0 0 0;} .login .btn_face_link, .login .btn_goo_link, .login .btn_weibo_link, .login .btn_qq_link, .login .btn_vk_link, .login .btn_apple_link, .login .btn_huawei_link, .login .btn_ph_link {height:51px;margin:0 0 15px 0;border-radius:7px;} .login .btn_goo_link {padding:0 0 0 1px;border-radius:2px;} .login .ico_fg {width:21px;height:21px;padding:0 15px 0 0;} .login .btn_face_link .ico_fg {background-size:21px 21px;} .login .btn_goo_link.ko .ico_fg {width:150px;height:48px;} .login .btn_goo_link.en .ico_fg {width:226px;height:48px;} .login .btn_goo_link.ja .ico_fg {width:206px;height:48px;} .login .btn_goo_link.cn .ico_fg {width:158px;height:48px;} .login .btn_goo_link.tw .ico_fg {width:158px;height:48px;} .login .btn_goo_link.de .ico_fg {width:206px;height:48px;} .login .btn_goo_link.ru .ico_fg {width:195px;height:48px;} .login .btn_goo_link.fr .ico_fg {width:278px;height:48px;} .login .btn_goo_link.vi .ico_fg {width:264px;height:48px;} .login .btn_weibo_link .ico_fg {background-size:21px 21px;} .login .btn_qq_link .ico_fg {background-size:21px 21px;} .login .btn_vk_link .ico_fg {background-size:21px 21px;} .login .btn_ph_link .ico_fg {background-size:21px 21px;} .login .btn_apple_link .ico_fg {background-size:21px 21px;} .login .btn_huawei_link .ico_fg {background-size:21px 20px;} .login .captchabox {margin:10px 0 0 0;padding:22px 22px 18px;border-radius:6px;} .login .captchabox .cimage {width:372px !important;height:70px !important;} .login .captchabox .txt {padding:22px 0 0 0;line-height:22px;} .login .captchabox .txt.w {padding:6px 0 0 0;} .login .captchabox .btn_refresh {width:36px;height:36px;top:15px;background-size:36px 36px;} .login .login_form .captchabox input {height:58px;margin:22px 0 0 0;} .login .copy {padding:18px 0 0 0;} .login .copy span {margin:0 10px;} .login .log_with_cn {margin:43px 0 0 0;padding:0 0 22px 0;} .login .log_with_cn .txt {padding:19px 0;line-height:19px;} .login .log_with_cn .btn_qq_link, .login .log_with_cn .btn_weibo_link {width:60px;height:60px;} .login .log_with_cn button:nth-of-type(1) {margin:0 27px 0 0;} .login .login_sns {padding-top:44px;} .login .login_sns li {height:51px;margin-top:15px;} .login .login_sns li button {letter-spacing:-1px;border-radius:7px;} .login .login_sns li.apple button {border:1px solid #000;} .login .login_sns li.google button {background-size:164px 51px;} .login .login_sns li.facebook button {background-size:204px 51px;} .login .login_sns li.weibo button {background-size:162px 51px;} .login .login_sns li.vk button {background-size:135px 51px;} .login .login_sns li.qq button {background-size:130px 51px;} .login .login_sns li.phone button {background-size:192px 51px;} .login .login_sns li.huawei button {background-size:204px 51px;} .login .login_sns li.apple button {background-size:140px 51px;} .login .login_sns li.google.en button {background-size:192px 51px;} .login .login_sns li.facebook.en button {background-size:213px 51px;} .login .login_sns li.weibo.en button {background-size:189px 51px;} .login .login_sns li.vk.en button {background-size:163px 51px;} .login .login_sns li.qq.en button {background-size:156px 51px;} .login .login_sns li.phone.en button {background-size:245px 51px;} .login .login_sns li.apple.en button {background-size:181px 51px;} .login .login_sns li.huawei.en button {background-size:228px 51px;} .login .login_sns li.google.ja button {background-size:178px 51px;} .login .login_sns li.facebook.ja button {background-size:201px 51px;} .login .login_sns li.weibo.ja button {background-size:176px 51px;} .login .login_sns li.vk.ja button {background-size:150px 51px;} .login .login_sns li.qq.ja button {background-size:144px 51px;} .login .login_sns li.phone.ja button {background-size:226px 51px;} .login .login_sns li.apple.ja button {background-size:152px 51px;} .login .login_sns li.huawei.ja button {background-size:204px 51px;} .login .login_sns li.google.zh-hans button {background-size:219px 51px;} .login .login_sns li.facebook.zh-hans button {background-size:189px 51px;} .login .login_sns li.weibo.zh-hans button {background-size:150px 51px;} .login .login_sns li.vk.zh-hans button {background-size:138px 51px;} .login .login_sns li.qq.zh-hans button {background-size:133px 51px;} .login .login_sns li.phone.zh-hans button {background-size:177px 51px;} .login .login_sns li.apple.zh-hans button {background-size:149px 51px;} .login .login_sns li.huawei.zh-hans button {background-size:207px 51px;} .login .login_sns li.google.zh-hant button {background-size:168px 51px;} .login .login_sns li.facebook.zh-hant button {background-size:189px 51px;} .login .login_sns li.weibo.zh-hant button {background-size:151px 51px;} .login .login_sns li.vk.zh-hant button {background-size:139px 51px;} .login .login_sns li.qq.zh-hant button {background-size:134px 51px;} .login .login_sns li.phone.zh-hant button {background-size:177px 51px;} .login .login_sns li.apple.zh-hant button {background-size:169px 51px;} .login .login_sns li.huawei.zh-hant button {background-size:215px 51px;} .login .login_sns li.google.de button {background-size:209px 51px;} .login .login_sns li.facebook.de button {background-size:231px 51px;} .login .login_sns li.weibo.de button {background-size:207px 51px;} .login .login_sns li.vk.de button {background-size:180px 51px;} .login .login_sns li.qq.de button {background-size:175px 51px;} .login .login_sns li.phone.de button {background-size:306px 51px;} .login .login_sns li.apple.de button {background-size:198px 51px;} .login .login_sns li.huawei.de button {background-size:246px 51px;} .login .login_sns li.google.ru button {background-size:255px 51px;} .login .login_sns li.facebook.ru button {background-size:277px 51px;} .login .login_sns li.weibo.ru button {background-size:252px 51px;} .login .login_sns li.vk.ru button {background-size:294px 51px;} .login .login_sns li.qq.ru button {background-size:221px 51px;} .login .login_sns li.phone.ru button {background-size:298px 51px;} .login .login_sns li.apple.ru button {background-size:240px 51px;} .login .login_sns li.huawei.ru button {background-size:292px 51px;} .account_list {margin:30px 30px 0;} .account_list li {margin:0 0 7px 0;} .account_list li a {height:78px;} .account_list li .user_id {padding:0 0 0 70px;line-height:75px;} .account_list li .image {width:48px;height:48px;left:15px;top:15px;} .btn_diff {margin:27px 0 0 0;} .log_txt {padding:34px 15px 0;line-height:22px;} .log_txt.ty1 {padding:15px 15px 0;line-height:25px;} .log_txt.ty2 {padding:22px 15px 0;} .log_txt.ty3 {padding:19px 15px 0;} .log_txt.ty4 {padding:0 15px 31px;} .log_txt.ty5 {padding:0 15px 0;} .log_txt.ty6 {padding:39px 15px 33px;line-height:25px;} .log_txt.ty7 {padding:36px 15px 39px;line-height:33px;} .log_txt.ty8 {padding:36px 15px 39px;line-height:33px;} .security_txt {padding-top:42px;} .security_txt h4 {margin-bottom:9px;padding:11px 15px 10px;line-height:22px;} .security_txt .sub_txt {padding:0 15px;line-height:22px;} .time_count {margin-bottom:-16px;padding:18px 0 0;line-height:21px;} .btn_email {padding-top:34px;} .view_id {margin-bottom:-4px;padding:18px 15px;line-height:22px;} .dormant_id {height:60px;line-height:58px;} .tit_log {margin:51px 15px 28px;line-height:27px;} .logbox_info {margin:37px 15px 0;} .logbox_txt {height:165px;padding:0 15px;line-height:28px;} .logbox_txt.ty2 {padding:22px;} .uns_txt {padding:33px 15px 0;line-height:22px;} .first_login .join_agree {padding:22px 15px 0;} .first_login .join_agree label {min-height:28px;padding:0 0 0 36px;} .first_login .join_agree .all_agree .all_desc {margin-top:5px;padding-left:36px;} .first_login .join_agree .option_check {padding-left:28px;} .first_login .join_agree .option_check .agree {margin-top:15px;} .first_login .join_agree .option_check .agree ~ .agree {margin-top:24px;} .first_login .join_agree .option_check .desc > span {margin-bottom:15px;} .first_login .join_agree .btn_login {margin-top:37px;} .first_login .join_agree .btn_login button {height:51px;border-radius:7px;} /* join */ .agree_chk {padding:16px 58px 18px 15px;} .agree_chk label {line-height:24px;} .agree_chk label:after {width:58px;height:58px;margin:-29px 0 0 0;background:url('../img/btn_accept_off.png') no-repeat 15px 15px;background-size:28px 28px;} .agree_chk label.checked:after {background:url('../img/btn_accept.png') no-repeat 15px 15px;background-size:28px 28px;} .agree_con {padding:0 0 15px 0;} .agree_con .agree_chk {margin:0 0 0 15px;padding:16px 58px 18px 0;} .agree_con .agree_box {height:111px;margin:0 15px 0;padding:13px 15px 15px 15px;line-height:22px;} .agree_con .agree_box h1, .agree_con .agree_box h2 {padding:7px 0 7px 0;} .agree_con .agree_box h3 {padding:0 0 7px 0;} .agree_con .agree_box table {margin:13px 0;} .agree_con .agree_box table th, .agree_con .agree_box table td {padding:7px;} .join_inp {margin:22px 0 0 0;} .join_inp li {margin:15px 15px 0;} .join_inp li:first-child {margin:0 15px 0;} .join_inp li input {height:61px;padding:0 15px;line-height:30px;} .join_inp li .email_report .t {margin:13px 0 0 0;line-height:28px;} .join_inp li .email_report select {height:61px;padding:0 45px 0 12px;border:1px solid #ccc;border-radius:7px;background-size:28px 7px;} .join_inp li .email_conf {margin:13px 0 0 0;} .join_inp li .btn_sm {margin:6px 0 0 0;line-height:22px;} .join_inp .error, .acco_inp .error {margin:0 0 -3px 0;padding:3px 0 0 13px;line-height:21px;text-indent:-13px;} .join_inp .email input {padding:0 60px 0 15px;} .join_inp .btn_errorinfo {width:60px;height:61px;background:url('../img/ico_war.png') no-repeat 16px 16px;background-size:28px 28px;} /* .join_inp .eu_birth {padding-right:43px;} */ .join_inp .eu_birth .btn_tip {width:43px;height:61px;background-size:36px 36px;} .join_inp .eu_birth .tip_desc > p {padding:6px 0 16px;} .join_agree {margin:7px 15px 0;padding:0 0 15px 0;line-height:22px;} .join_agree .agree {padding:15px 0 10px 0;} .join_agree .agree ~ .agree {padding:0 0 10px 0;} .join_agree .desc {padding-left:36px;} .join_agree .desc > span {margin-bottom:15px;} .join_agree label {padding:4px 0 5px 36px;line-height:21px;background-size:28px 28px;} .join_agree label.checked {background-size:28px 28px;} .join_agree em {padding:0 0 0 13px;text-indent:-13px;} .join_agree .btn_use_link {margin:16px 0 0 0;} .join_agree .btn_use_link.ty2 {margin:28px 0 0 0;} .phone_num_inp input {height:60px;padding:0 15px;line-height:30px;} .phone_num_inp .error {margin:0 15px;padding:6px 0 0 13px;line-height:22px;} .phone_num_inp .error.ty2 {margin:0 15px -10px;padding:6px 0 0 0;} .ios_info_time {margin:19px 15px 0;} .ios_info_txt {margin:0 15px;padding:15px 0 0 13px;line-height:22px;text-indent:-13px;} .join_phone {margin:15px 0 0 0;padding:15px;} .join_phone .state_num {height:40px;padding:0 0 0 12px;line-height:40px;} .join_phone .verify_num {height:61px;margin:15px 0 0 0;line-height:30px;} .join_phone .verify_num .num_inp {margin:0 163px 0 0;} .join_phone .verify_num .num_inp input {padding:0 0 0 15px;line-height:30px;} .join_phone .verify_num button {width:145px;height:42px;right:9px;top:9px;} .join_phone .error {margin:0 0 -3px 0;padding:6px 0 0 13px;line-height:22px;text-indent:-13px;} .join_inp .email_mod input {padding:0 120px 0 15px;} .join_inp .btn_modify {min-width:90px;height:42px;right:9px;top:9px;padding:0 15px;} .jv_email_txt {padding:0 15px 30px;line-height:22px;} .jv_email_box {margin:0 15px;padding:22px 30px 24px;line-height:28px;border:1px solid #ccc;} .jv_email_box strong {padding:7px 0 0 0;} .join_otp {margin:39px 15px 37px;} .join_otp p ~ p{margin-top:25px;} .join_otp_block {margin:54px 15px 60px;} .otp_code input {height:60px;padding:0 15px;line-height:30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .otp_code .error {margin:7px 15px 0;line-height:22px;} .btn_resend {margin-top:15px;padding:0 15px;} .join_btn {margin-top:30px;padding:0 15px;} .join_btn button {min-width:217px;height:51px;padding:0 30px;border-radius:7px;} .join_link {margin:37px 15px 0;} /* Edit Account */ .edit_account {padding:27px 15px 0;} .edit_account li {margin-top:18px;} .edit_account label {margin-bottom:9px;} .edit_account .in_id.correct:after {right:15px;top:21px;width:22px;height:18px;} .edit_account input {height:61px;padding:0 15px;border:1px solid #ccc;} .edit_account .in_id input {padding-right:37px;} .edit_account .error, .edit_account .tip {padding:3px 0 0 12px;text-indent:-12px;line-height:22px;} /* SNS agree */ .agree_form {padding:21px 15px 30px;border-bottom:1px solid #ccc;} .agree_form h3 {margin-bottom:24px;line-height:33px;} .agree_form .check_all {min-height:28px;margin-bottom:22px;} .agree_form .check_all input {left:-7499px;top:-7499px;} .agree_form .check_all label {min-height:28px;padding-left:36px;line-height:24px;background-size:28px 28px;} .agree_form .check_all label.checked {background-size:28px 28px;} .agree_form .check {padding:21px 14px;border:1px solid #ccc;} .agree_form .check li {margin-top:22px;} .agree_form .check input {left:-7499px;top:-7499px;} .agree_form .check label {min-height:28px;padding-left:36px;line-height:24px;background-size:28px 28px;} .agree_form .check label.checked {background-size:28px 28px;} .agree_form .check button {height:28px;} .check_id {padding-top:36px;} .check_id h3 {margin-bottom:33px;line-height:33px;} .check_id .sub_txt {margin-bottom:24px;padding:0 15px;line-height:25px;} .check_id .id_form {padding:0 15px 15px;} .check_id .id_form.correct:after {right:30px;top:21px;width:22px;height:18px;} .check_id .id_form input {height:61px;padding:0 37px 0 15px;border:1px solid #ccc;} .check_id .id_form .error {padding:3px 0 0 12px;text-indent:-12px;line-height:22px;} .check_id .recommend {padding:4px 15px 15px;} .check_id .recommend p {margin-bottom:11px;line-height:22px;} .check_id .recommend li {padding:0 3px;} .check_id .recommend button {height:42px;border-radius:7px;} /* welcome flow */ h3.top_tit {padding:24px 15px 20px;} .top_txt {padding:24px 15px 7px;line-height:25px;} h3.top_tit+.top_txt {padding-top:0;} .txt_sync {padding:0 15px;line-height:25px;} .welcome_sns_list {margin:18px 0 7px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .welcome_sns_list.agree {margin:24px 0 0 0;} .welcome_sns_list.hive {margin:17px 0 31px 0;} .welcome_sns_list li:after {width:12px;height:21px;right:15px;top:25px;background-size:12px 21px;} .welcome_sns_list li a {height:72px;margin:0 0 0 15px;padding:0 0 0 50px;line-height:72px;border-top:1px solid #ccc;} .welcome_sns_list li a:after {width:42px;height:42px;left:15px;top:15px;} .welcome_sns_list li a.facebook:after {background-size:42px 42px;} .welcome_sns_list li a.google:after {background-size:42px 42px;} .welcome_sns_list li a.line:after {background-size:42px 42px;} .welcome_sns_list li a.weibo:after {background-size:42px 42px;} .welcome_sns_list li a.wechat:after {background-size:42px 42px;} .welcome_profile {width:129px;height:129px;margin:25px auto 0;} .welcome_profile .btn_photo_edit {width:57px;height:57px;right:-7px;bottom:-15px;background-size:57px 57px;} .welcome_dm {margin:37px 15px 27px;} .welcome_dm input {height:61px;padding:0 15px;line-height:30px;border:1px solid #ccc;} .welcome_dm .error {padding:6px 0 0 13px;line-height:22px;text-indent:-13px;} /* edit account */ .acco_def_inp {margin:0 0 16px 0;} .acco.join_inp li {margin:15px 15px 15px;} .acco.join_inp .complete p {padding:18px 22px 20px;line-height:21px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .acco_phone_inp {padding:15px 15px 0;} .acco_phone_inp input {height:61px;padding:0 15px;line-height:30px;} .acco_phone_inp .error {padding:6px 0 0 13px;line-height:22px;text-indent:-13px;} .acco_service {margin:16px 0 0 0;} .acco_service li {height:60px;margin:0 0 0 15px;line-height:60px;} .acco_service li .btn_connect, .acco_service li .btn_disconnect {width:54px;height:28px;right:15px;top:15px;} .acco_service li .btn_connect {background-size:54px 28px;} .acco_service li .btn_disconnect {background-size:54px 28px;} .acco_service li .btn_refresh {width:36px;height:36px;right:15px;top:12px;background-size:36px 36px;} .acco_service label {padding:4px 0 5px 36px;line-height:19px;background-size:28px 28px;} .acco_service label.checked {background-size:28px 28px;} .acco_dormantid_add {margin:15px 0 0 0;padding:0 15px 22px;} .acco_dormantid_add .tit {padding:13px 0 9px 0;} .acco_dormantid_add .sel_box {height:40px;background-size:28px 7px;} .acco_dormantid_add .sel_box .seltit {height:40px;padding:0 0 0 15px;line-height:37px;} .acco_dormantid_add .sel_box dl {top:42px;padding:0 15px 15px;} .acco_dormantid_add .sel_box dt {padding:15px 0 0 0;} .acco_dormantid_add .sel_box dd {padding:3px 0 0 0;line-height:22px;} .acco_dormantid_add input[type="text"] {height:61px;padding:0 15px;line-height:30px;} .acco_dormantid_add select {height:42px;margin:0 0 22px 0;padding:0 45px 0 12px;border-radius:7px;background-size:28px 7px;} .acco_dormantid_add label {padding:4px 0 5px 36px;line-height:19px;background-size:28px 28px;} .acco_dormantid_add label.checked {background-size:28px 28px;} .acco_dormantid_add .acco_chk ~ .acco_chk {margin-top:15px;} .acco_tit {margin:39px 15px 37px;line-height:27px;} .acco_tit.ty2 {margin:22px 15px 25px;} .acco_txt {padding:0 15px 33px;line-height:22px;} .acco_txt_2 {padding:25px 52px 0 15px;line-height:22px;} .email_error {padding:0 15px;} .email_error .txt {margin:22px 0 0 0;line-height:21px;} .email_error .use li {margin:22px 0 0 0;padding:0 0 0 24px;line-height:21px;} .email_error .use li strong {margin:0 0 6px 0;} .email_error .use li strong:after {width:16px;height:16px;top:3px;} .email_error .use li:nth-of-type(1) strong:after {background-size:16px 16px;} .email_error .use li:nth-of-type(2) strong:after {background-size:16px 16px;} .email_error .use li:nth-of-type(3) strong:after {background-size:16px 16px;} .email_mr_txt {margin:19px 15px 0 15px;padding:0 0 6px 0;line-height:25px;} .email_mr {margin:22px 0 0 0;} .email_mr li {margin:15px 15px 0;} .email_mr li input {height:61px;padding:0 15px;line-height:30px;} .email_mr li .new_inp .t {margin:13px 0 0 0;line-height:28px;} .email_mr li .new_inp select {height:61px;padding:0 45px 0 12px;border-radius:7px;background-size:28px 7px;} .email_mr .error {margin:0 0 -3px 0;padding:6px 0 0 13px;line-height:22px;text-indent:-13px;} .acco_nickname {margin:24px 0 19px 0;padding:19px 15px 0;} .acco_nickname .txt {margin:0 0 12px 0;line-height:22px;} .acco_nickname input {height:61px;padding:0 15px;line-height:30px;} .acco_nickname .error {margin:0 0 -3px 0;padding:6px 0 0 13px;line-height:22px;text-indent:-13px;} .acco_info_etc {margin:0 0 19px 0;} .acco_info_etc .btn_view {width:46px;height:33px;top:27px;background:url('../img/ico_down_arrow_3.png') no-repeat 15px 15px;background-size:16px 9px;} .acco_info_etc.show .btn_view {background:url('../img/ico_up_arrow_2.png') no-repeat 15px 15px;background-size:16px 9px;} .unss_sel {margin:-12px 0 0 0;} .unss_sel li {min-height:60px;margin:0 0 7px 0;padding:15px 15px 15px;} .unss_sel li:nth-of-type(3) {margin:0 0 19px 0;} .unss_sel li .tl {padding:0 30px 0 0;line-height:22px;} .unss_sel li .tr {width:105px;line-height:19px;} /* find password */ .find_pw {padding:54px 15px 40px;} .find_pw h3 {margin-bottom:37px;} .find_pw .sub_txt {line-height:25px;} /* lebi */ .lebi_list li {height:72px;margin:0 0 0 15px;line-height:72px;} .lebi_list li a:after {width:12px;height:21px;right:15px;top:25px;background-size:12px 21px;} .lebi_list li .btn_accept {width:64px;height:42px;right:15px;top:15px;border-radius:7px;} .lebi_txt {margin:15px 15px 0;line-height:30px;} .lebi_txt em {width:28px;height:28px;line-height:27px;} .lebi_search {padding:15px 15px 15px;} .lebi_search h3 {padding:0 0 9px 0;} .lebi_search select {height:42px;margin:0 0 15px 0;padding:0 45px 0 12px;border-radius:7px;background-size:28px 7px;} .lebi_sel .date_sel {margin:0 79px 0 0;} .lebi_sel .btn_search {width:64px;height:42px;border-radius:7px;} .lebi_date_box {margin:15px 15px 0;} .lebi_date_box strong {height:42px;line-height:42px;} .lebi_date_box p {height:63px;padding:0 0 0 16px;line-height:64px;} .lebi_date_box dl {padding:16px 16px 7px;line-height:25px;} .lebi_date_box dt {width:142px;margin:0 0 9px 0;} .lebi_date_box dt em {width:118px;} .lebi_date_box dt span {width:24px;} .lebi_date_box dd {margin:0 0 9px 0;} .lebi_cash_info {padding:12px 15px 15px;} .lebi_cash_info dd {padding:0 0 0 7px;} .lebi_login_info {height:60px;padding:0 0 0 15px;} .lebi_login_info strong {line-height:58px;} .lebi_login_info .btn_login {width:64px;height:42px;right:15px;top:9px;border-radius:7px;} .lebi_guide {padding:0 15px 27px;} .lebi_guide h3 {padding:15px 0 0 0;} .lebi_shop_list li {height:105px;} .lebi_shop_list li .name {padding:24px 0 0 103px;} .lebi_shop_list li .price {padding:0 0 0 103px;} .lebi_shop_list li .image {width:75px;height:75px;left:15px;top:15px;} .lebi_shop_list li .btn_buy {width:117px;height:42px;right:15px;top:31px;border-radius:7px;} /* welcome hive */ .hive_introduction {margin:-22px 15px 0;box-shadow:0 2px 2px rgba(0,0,0,0.2);-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;} .hive_introduction .ad_text {padding:19px 0 0 0;line-height:21px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);} .hive_introduction h1 {line-height:45px;border-radius:2px 2px 0 0;} .hive_introduction .contents_wrap {padding:0 10px 96px 10px;} .hive_introduction .contents_wrap .cbtn {bottom:22px;} .hive_introduction .contents_wrap .btn_policy {bottom:102px;right:10px;} .hive_introduction .btn_change {height:46px;margin:0 1px;line-height:46px;border-radius:15px;box-shadow:inset -1px -1px 0 rgba(228,128,39,0.5), inset 0 1px 0 rgba(255,255,255,1), 2px 2px 2px rgba(0,0,0,0.2);} .hive_introduction .btn_change a {padding:0 45px;} .hive_introduction .btn_policy {padding-right:15px;} .hive_introduction .ad_box {padding:18px 11px 37px;border-bottom:1px solid #198add;} .hive_introduction .ad_box .contents {padding:0 0 7px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);border-radius:3px;border:1px solid #198add;} .hive_introduction .ad_box .contents .con_wrap {width:424px;} .hive_introduction .ad_box .contents .section1 img, .hive_introduction .ad_box .contents .section2 img, .hive_introduction .ad_box .contents .section3 img {width:212px;height:111px;} .hive_introduction .ad_box .contents .section1 p, .hive_introduction .ad_box .contents .section2 p {width:212px;line-height:18px;} .hive_introduction .ad_box .contents .section1 p span, .hive_introduction .ad_box .contents .section2 p span {padding:0 15px;} /* email campaign */ .email_campaign .tit_1 {margin:30px 15px 31px;line-height:27px;} .email_campaign .ec_box {padding:0 15px 0;} .email_campaign .txt_1 {margin:16px 0 24px;line-height:22px;} .email_campaign .inp_email {height:61px;padding:0 15px;line-height:30px;} .email_campaign .btn_eau, .email_campaign .btn_eac {height:51px;margin:37px 0 0 0;border-radius:7px;} .email_campaign .btn_eac {margin:34px 0 37px 0;} .email_campaign .emailau_info dt {margin:30px 0 6px 0;line-height:16px;} .email_campaign .emailau_info dd {margin:0 0 19px 0;line-height:19px;} .email_campaign .txt_2 {margin:16px 0 0;padding:18px 0 0 0;line-height:22px;} .email_campaign .tit_2 {margin:16px 15px 0;line-height:19px;} .email_campaign .use li {margin:12px 15px 0;line-height:21px;} .email_campaign .dst_chk {margin:34px 15px 0;} .email_campaign .dst_chk label {padding:4px 0 5px 36px;line-height:19px;background-size:28px 28px;} .email_campaign .dst_chk label.checked {background-size:28px 28px;} .email_campaign .btn_close {min-width:217px;height:51px;margin:37px 0 0;padding:0 30px;border-radius:7px;} .email_campaign .email_sel {margin:0 0 10px 0;} .email_campaign .email_sel input {height:61px;padding:0 15px;line-height:30px;} .email_campaign .email_sel .t {margin:13px 0 0 0;line-height:28px;} .email_campaign .email_sel select {height:61px;padding:0 45px 0 12px;border-radius:7px;background-size:28px 7px;} .email_campaign .error {padding:6px 0 0 13px;line-height:22px;text-indent:-13px;} .email_campaign .txt_0 {margin:-9px 15px 30px;line-height:22px;} .email_campaign .btn_area {margin:37px 0;} .email_campaign .btn_area .btn_ty_1, .email_campaign .btn_area .btn_ty_2 {height:51px;border-radius:7px;} /* real name verification */ .rnv_txt {margin:42px 0 37px 0;padding:0 15px 7px;line-height:22px;} .china_num {padding:15px;} .china_num span {padding:12px 0 12px 12px;line-height:22px;border-radius:7px;} .china_num_inp li {margin:15px 15px 0;} .china_num_inp li input {height:61px;padding:0 165px 0 15px;line-height:30px;} .china_num_inp li .btn_send {width:145px;height:42px;right:15px;top:9px;border-radius:7px;} .china_num_inp li .time {right:15px;top:16px;line-height:24px;} /* security function settings */ .scy_settings_guide {padding:16px 15px 18px;} .scy_settings_guide h3 {line-height:22px;} .scy_settings_guide p {margin:6px 0 0 0;line-height:19px;} .scy_settings_form .target_game {margin:12px 0 0;} .scy_settings_form .target_game .txt {height:58px;padding:0 84px 0 15px;line-height:54px;} .scy_settings_form .target_game .ico_off, .scy_settings_form .target_game .ico_on {width:54px;height:28px;right:15px;top:15px;line-height:27px;border-radius:37px;} .scy_settings_form .txt {padding:19px 15px 0;line-height:22px;} .scy_settings_form .pwd li {margin:12px 15px 0;} .scy_settings_form .pwd li input {height:61px;padding:0 15px;line-height:30px;} .scy_settings_form .error {padding:6px 0 0 28px;line-height:22px;text-indent:-13px;} .scy_settings_form .pwd.ty2 .error {padding:2px 0 0 0;} .scy_settings_form .pwd.ty2 .tip {padding:2px 0 0 0;line-height:22px;} .security_campaign {margin:0 22px;} .security_campaign .tit_1 {margin:-27px 0 0 0;line-height:37px;} .security_campaign .stit_1 {margin:27px 0 0 0;line-height:30px;} .security_campaign .how_txt {margin:19px 0 0 0;} .security_campaign .how_txt dt {line-height:18px;} .security_campaign .how_txt dd {margin:3px 0 0 0;line-height:18px;} .security_campaign .step {margin:27px 0 0 0;} .security_campaign .step li {margin:0 0 24px 0;} .security_campaign .step li .tit {margin:0 0 10px 0;line-height:25px;} .security_campaign .step li .new {line-height:25px;} .security_campaign .step li .box_txt {padding:15px;line-height:18px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:600px) and (max-width:639px) { html {font-size:58.59%;} /* main */ .event_banner .ev_navi {bottom:16px;} .event_banner .ev_navi span {width:15px;height:15px;margin:0 18px 0 0;border-radius:9px;} .event_banner .ev_navi span.selected {border:2px solid #fff;} .tit_h3 {margin:16px 0 0 18px;} .tit_h3.ty2 {margin:16px 0 9px 18px;} .cont_head .btn_all {right:18px;top:3px;} .m_game_list {margin:11px 18px 0 18px;} .m_game_list.profile {margin:28px 18px 0 18px;} .m_game_list li {margin:0 0 18px 0;} .m_game_list li a {height:133px;} .m_game_list li a .tit {padding:16px 168px 0 17px;line-height:33px;} .m_game_list.profile li a .tit {padding:45px 168px 0 17px;} .m_game_list li a .image {width:134px;height:133px;} .m_game_list li a .txt {padding:9px 168px 0 17px;line-height:28px;} .m_game_list li a .txt i {height:28px;margin-right:4px;} .m_game_list li .btn_play {right:151px;top:88px;} .cafe_list {margin:11px 0 0 0;} .cafe_list li {padding:0 0 0 18px;} .cafe_list li a {padding:0 0 23px 0;} .cafe_list li.image a {min-height:127px;padding:0 0 28px 0;} .cafe_list li a .txt {padding:20px 18px 0 0;line-height:30px;} .cafe_list li a .nt {padding:14px 0 0 0;} .cafe_list li.image a .nt {bottom:22px;} .cafe_list li a .info {right:18px;bottom:28px;line-height:18px;} .cafe_list li.image a .info {right:135px;bottom:28px;} .cafe_list li a .info .hits {margin:0 22px 0 0;padding:0 0 0 32px;background:url('../img/ico_hits.png') no-repeat 0 6px;background-size:24px 16px;} .cafe_list li a .info .comment {padding:0 0 0 28px;background:url('../img/ico_comment.png') no-repeat 0 6px;background-size:20px 16px;} .cafe_list li a .image_play, .cafe_list li a .image_detailview {width:99px;height:99px;margin:28px 18px 0 31px;} .cafe_list li a .image_play:after {background-size:35px 35px;} .main.cafe_notice {margin:12px 0 0 0;} .main.cafe_notice li a {padding:0 90px 0 0;} .channel {margin:18px 0 0 0;} .channel h3 {padding:0 0 15px 18px;} .channel dl {height:80px;border-top:1px solid #ccc;} .channel dt {padding:24px 0 0 18px;} .channel dd {top:18px;} .channel dd a {width:43px;height:43px;margin:0 18px 0 0;} .channel dd a.ico_c_youtube {background-size:43px 43px;} .channel dd a.ico_c_weibo {background-size:43px 43px;} .channel dd a.ico_c_wechat {background-size:43px 43px;} .channel dd a.ico_c_twitter {background-size:43px 43px;} .channel dd a.ico_c_soku {background-size:43px 43px;} .channel dd a.ico_c_forums {background-size:43px 43px;} .channel dd a.ico_c_facebook {background-size:43px 43px;} .channel dd a.ico_c_google {background-size:43px 43px;} .channel dd a.ico_c_cafe {background-size:43px 43px;} .channel dd a.ico_c_blog_kr {background-size:43px 43px;} .channel dd a.ico_c_blog_jp {background-size:43px 43px;} .channel dd a.ico_c_blog_jp_2 {background-size:43px 43px;} .channel dd a.ico_c_blog_cn {background-size:43px 43px;} .channel dd a.ico_c_tumblr {background-size:43px 43px;} .channel dd a.ico_c_insta {background-size:43px 43px;} /* games */ .m_game_list.games_list {margin:28px 18px 0 18px;} .m_game_list.games_list li.new .tit, .m_game_list.games_list li.hot .tit {padding:18px 168px 0 35px;} .games_list li.new em, .games_list li.hot em {width:28px;height:52px;left:-1px;top:-1px;} .games_list li.new em {background-size:28px 52px;} .games_list li.hot em {background-size:28px 52px;} .game_os_select {right:18px;top:63px;} .game_os_select .btn_ios, .game_os_select .btn_android {width:43px;height:63px;} .game_os_select .btn_ios {margin:0 18px 0 0;background:url('../img/btn_ios_off.png') no-repeat 0 10px;background-size:43px 43px;} .game_os_select .btn_android {background:url('../img/btn_android_off.png') no-repeat 0 10px;background-size:43px 43px;} .game_os_select .btn_ios.selected {background:url('../img/btn_ios_on.png') no-repeat 0 10px;background-size:43px 43px;} .game_os_select .btn_android.selected {background:url('../img/btn_android_on.png') no-repeat 0 10px;background-size:43px 43px;} .games_head {height:305px;} .games_head:after {height:305px;} .games_head .image {width:135px;height:135px;top:48px;margin:0 0 0 -71px;padding:3px;} .games_head .game_name {top:211px;padding:0 18px;} .games_head .btn_area a {width:63px;height:63px;top:86px;} .games_head .btn_area a.btn_cafe {left:108px;background-size:63px 63px;} .games_head .btn_area a.btn_download {right:112px;background-size:63px 63px;} .games_head .btn_area.cn a.btn_cafe {right:136px;} .games_head .btn_area.cn a.btn_download {right:45px;} .games_head .btn_area a.btn_lebi {left:45px;background-size:63px 63px;} .games_head .btn_area a.btn_wechat {left:136px;background-size:63px 63px;} .games_head .btn_area.cn.lb a:first-child {left:108px;} .games_head .game_bg img {height:305px;} .game_guide {margin:12px 0 0 0;padding:18px 18px 30px;} .game_guide .glist li {margin:0 0 0 18px;} .game_guide.gmp .glist li {width:316px;height:562px;} .game_guide .glist li a.play:after {background-size:75px 75px;} .game_guide .navi {margin:11px 0 0 0;} .game_guide .navi span {width:15px;height:15px;margin:0 9px 0 0;border-radius:9px;border:1px solid #999;} .game_guide .txt {margin:18px 0 0 0;line-height:31px;} .game_feature_list {margin:12px 0 0 0;padding:16px 18px 18px;line-height:31px;} .game_ratings_12age {width:446px;height:86px;margin:46px auto 0;} /* New 2019-04-02 */ .genre_tab {height:72px;margin-bottom:12px;border-bottom:1px solid #ccc;} .genre_tab ul {padding:0 18px;} .genre_tab ul li {padding-left:8px;} .genre_tab ul li button {padding:0 19px 0 18px;letter-spacing:-1px;} .genre_tab ul li.on button:after {height:3px;} .order_list {height:65px;padding-left:30px;border-bottom:1px solid #ccc;} .order_list .tit {margin-right:33px;line-height:65px;} .order_list ul li {margin-left:38px;} .order_list ul button {letter-spacing:-1px;padding-left:15px;} .order_list ul button:after {width:14px;height:11px;margin-top:-5px;background-size:14px 11px;} .order_list ul .on button:after {background-size:14px 11px;} .game_list_new {padding-bottom:27px;border-bottom:1px solid #ccc;} .game_list_new li {height:187px;padding:28px 18px 0;} .game_list_new li a {height:187px;padding-left:206px;padding-top:12px;} .game_list_new li.new a, .game_list_new li.best a {padding-top:40px;} .game_list_new li .thumb {width:187px;height:187px;border-radius:45px;} .game_list_new li .thumb img {width:187px;height:187px;} .game_list_new h3 {margin-bottom:1px;} .game_list_new .sticker {left:196px;width:75px;height:37px;line-height:37px;} .game_list_new .content {left:206px;bottom:1px;height:63px;line-height:31px;} .game_list_new .content i {height:31px;margin-right:9px;} .game_list_new li .tag {height:37px;margin:0 0 3px -9px;} .game_list_new li .tag span {height:37px;margin-left:2px;padding:0 14px;border-radius:93px;} .game_detail .youtube_wrap a:after {background-size:75px 75px;} .game_detail .game_contents {margin-bottom:18px;padding:28px 18px 0;} .game_detail .introduce {height:187px;padding:0 0 18px 214px;border-bottom:1px solid #ccc;} .game_detail .introduce .thumb {width:187px;height:187px;border-radius:45px;} .game_detail .introduce dl {padding-top:23px;} .game_detail .introduce dt {height:78px;margin-bottom:9px;line-height:39px;} .game_detail .introduce_txt {padding:28px 0 29px;border-bottom:1px solid #ccc;} .game_detail .introduce_txt span {height:31px;margin-top:15px;line-height:31px;} .game_detail .introduce_txt i {height:31px;margin-right:9px;} .game_detail .btns {padding-top:17px;margin-bottom:46px;} .game_detail .btns p {height:63px;} .game_detail .btns .share {padding-right:9px;} .game_detail .btns .game {padding-left:9px;} .game_detail .btns button {border-radius:9px;} .game_detail .share button {border:1px solid #2a84d8;} .game_detail .gallery_wrap {height:290px;margin:0 -18px;} .game_detail .gallery_wrap ul {padding:0 18px;} .game_detail .gallery_wrap li {width:514px;padding-left:18px;} .game_detail .gallery_wrap img {width:514px;height:290px;border-radius:9px;} .game_detail .game_txt {margin-top:32px;padding-bottom:30px;border-bottom:1px solid #ccc;} .game_detail .feature_txt {margin-top:23px;padding-bottom:42px;} .game_detail .game_feature_list {height:150px;line-height:30px;} .game_detail h3 {margin-bottom:19px;} .game_detail .txt {height:150px;line-height:30px;} .game_detail .more {margin-top:25px;} .game_detail .more button {padding-right:20px;} .game_detail .more button:after {width:15px;height:9px;margin-top:-4px;} .game_detail .other_game {padding:31px 0;} .game_detail .other_game h3 {margin:0 0 20px 18px;} .game_detail .other_game div {height:258px;} .game_detail .other_game ul {padding:0 18px;} .game_detail .other_game li {width:187px;padding-left:28px;} .game_detail .other_game .thumb {width:187px;height:187px;margin:0 auto 11px;border-radius:45px;} .game_detail .other_game dt {height:31px;margin-bottom:1px;line-height:31px;} .game_detail .other_game dt i {height:31px;margin-right:4px;} /* customer service */ .custom_menu {margin:28px 18px 0;} .custom_menu li a {height:93px;line-height:93px;} .custom_menu li a .new {width:35px;height:35px;right:18px;top:28px;background-size:35px 35px;} .faq_list li .question {padding:18px 58px 21px 18px;line-height:32px;} .faq_list li .question span em {width:26px;height:26px;margin:0 7px 2px 0;} .faq_list li .question span em.new {background-size:26px 26px;} .faq_list li .question span em.hot {background-size:26px 26px;} .faq_list li .question:after {width:20px;height:12px;right:18px;margin:-5px 0 0 0;background-size:20px 12px;} .faq_list li.selected .question:after {background-size:20px 12px;} .faq_list li .answer {margin:0 0 0 18px;padding:12px 18px 22px 0;line-height:32px;} .faq_list li .answer .war {margin:24px 0 0 0;line-height:24px;} .cs_guide {margin:37px 18px 0;} .cs_guide.ty {margin:18px 0 0 0;padding:0 18px;} .cs_guide .txt {margin:0 18px 15px;} .cs_guide .btn_ty_1 {height:63px;border-radius:9px;} .cs_guide .btn_cs {height:63px;margin-top:18px;border-radius:9px;} .cs_guide .btn_cs .new {width:35px;height:35px;right:18px;margin-top:-17px;line-height:35px;border-radius:46px;} .cs_guide .btn_ty_2 {min-width:271px;height:63px;border-radius:9px;} .cs_write {margin:0 18px 0;} .cs_write .int_box {height:75px;} .cs_write .int_box input[type="text"] {padding:0 17px;} .cs_write .int_txt {margin:9px 0 0 0;} .cs_write .int_txt label {padding:3px 0 20px 45px;line-height:30px;background-size:35px 35px;} .cs_write .int_txt label.checked {background-size:35px 35px;} .cs_write input[type="checkbox"] {top:-9374px;left:1px;} .cs_write .file_btn {height:52px;} .cs_write .file_btn em {padding:0 0 0 62px;line-height:50px;} .cs_write .file_btn .btn_add, .cs_write .file_btn .btn_delete {width:63px;height:52px;background:url('../img/btn_add.png') no-repeat 18px 13px;background-size:26px 26px;} .cs_write .file_btn .btn_delete {background:url('../img/btn_delete.png') no-repeat 18px 24px;background-size:26px 3px;} .cs_write .file_btn .btn_add input {top:1px;left:1px;} .cs_write .file_view_img {margin:0 18px;} .cs_write .file_view_img p {margin:9px 0 0 0;} .cs_write .file_view_img p:first-child {margin-top:18px;} .cs_write .file_view_img p:last-child {margin-bottom:18px;} .cs_write .file_view_img .image {width:82px;height:82px;} .cs_write .file_view_img .image.video:after {background-size:35px 35px;} .cs_write .file_view_img .info {height:82px;margin:0 0 0 91px;padding:17px 17px 0 17px;line-height:26px;} .cs_write .file_view_text {margin:0 18px;} .cs_write .file_view_text p {height:43px;margin:9px 0 0 0;padding:0 17px;line-height:42px;} .cs_write .file_view_text p:first-child {margin-top:18px;} .cs_write .file_view_text p:last-child {margin-bottom:18px;} .cs_write .txt_area {margin:18px 18px 0;} .cs_write .txt_area textarea {height:78px;line-height:26px;} .cs_write .txt_area.report textarea {height:521px;line-height:30px;} .cs_write .limit {margin:3px 18px 14px 0;} .cs_write .note_agree {margin:9px 18px 0;line-height:28px;} .cs_write .note_agree > p {margin-top:13px;} .cs_write .note_agree > .dot {padding-left:14px;} .cs_write .note_agree > .dot:after {top:11px;width:3px;height:3px;border-radius:18px;} .cs_write .note_agree .agree {padding:18px 0 9px 0;} .cs_write .note_agree label {padding:5px 0 6px 45px;line-height:26px;background-size:35px 35px;} .cs_write .note_agree label.checked {background-size:35px 35px;} .cs_write .note_agree .age_sel {padding:18px 0 9px 0;} .cs_write .note_agree .age_sel p {margin-top:4px;} .cs_write .note_agree .age_sel input {top:5px;width:28px;height:28px;} .cs_write .note_agree .age_sel label {padding-left:35px;} .cs_write .info_txt {padding:7px 0 13px 16px;line-height:28px;text-indent:-16px;} .stit_h3 {margin:61px 18px 65px;} .cs_email_txt {margin:0 18px;padding:28px 37px 30px;line-height:35px;} .HIVEcontents > h3 {margin:21px 18px 14px;line-height:28px;} .HIVEcontents .point {padding-left:18px;} .HIVEcontents .point:after {width:9px;height:9px;margin-top:-4px;} .select_area li {margin-bottom:18px;} .cs_write ul li {padding-left:18px;} .cs_write ul li.point:after {top:32px;} .board_list.cnews {margin:18px 0 0 0;} .board_list.edit li {padding:0 18px 16px;} .board_list li a {padding:0 18px 16px;} .board_list li .category {padding:15px 131px 0 0;} .board_list li .date {right:18px;top:15px;} .board_list li .tit {padding:16px 24px 0 0;} .board_list.msg li .tit {padding:16px 58px 0 0;} .board_list.cnews li .tit {padding:16px 0 0 0;} .board_list li .ico_new {width:35px;height:35px;right:18px;top:53px;background-size:35px 35px;} .board_list li .btn_delete {width:55px;height:55px;top:44px;background:url('../img/btn_delete_2.png') no-repeat 18px 18px;background-size:17px 17px;} .board_list.cnews li .commdate {padding:5px 0 0 0;} .board_view .category {padding:15px 0 0 18px;} .board_view .date {right:18px;top:15px;} .board_view .tit {padding:16px 48px 18px 0;margin:0 0 0 18px;} .board_view .image {margin:18px 150px 0 18px;} .board_view .noti img {margin:0 0 18px 0;} .board_view .image_dp {margin:18px 18px 0;} .board_view .image_dp img {width:89px;height:112px;} .board_view .txt {padding:20px 18px 28px;line-height:31px;} .board_view .btn_details {padding:0 0 28px 18px;} .mymsg_answer {padding:0 0 37px 18px;} .mymsg_answer .tit {padding:13px 0 0 21px;background:url('../img/ico_answer.png') no-repeat 0 9px;background-size:13px 18px;} .mymsg_answer .date {right:18px;top:15px;} .mymsg_answer .txt {margin:16px 18px 0 0;line-height:33px;} .mymsg_answer .recont {padding:28px 18px 0 0;} .mymsg_answer .btn_recont {height:63px;border-radius:9px;} .mymsg_answer .image {margin:24px 150px 9px 0;} /* 2019-09-11 추가 */ .mymsg_answer .rating {margin:37px 18px 0 0;padding:30px 27px 37px;border:1px solid #ccc;} .mymsg_answer .rating .rating_txt {margin-bottom:31px;line-height:31px;} .mymsg_answer .rating .selec_star {margin-bottom:37px;} .mymsg_answer .rating .selec_star li {width:52px;height:51px;margin-left:9px;} .mymsg_answer .rating .select {margin-bottom:37px;} .mymsg_answer .rating .select select {height:52px;padding:0 56px 0 15px;border:1px solid #ccc;border-radius:9px;background-size:35px 9px;} .mymsg_answer .rating .btn_rating button {height:62px;border-radius:9px;} .mymsg_answer .rating_complete {margin:37px 18px 0 0;padding:45px 27px 47px;line-height:37px;border:1px solid #ccc;} .view_navi {height:63px;} .view_navi .btn_prev, .view_navi .btn_next {width:52px;height:63px;background:url('../img/btn_prev_on.png') no-repeat 18px 18px;background-size:15px 26px;} .view_navi .btn_next {left:108px;background:url('../img/btn_next_on.png') no-repeat 18px 18px;background-size:15px 26px;} .view_navi .btn_prev.non {background:url('../img/btn_prev_off.png') no-repeat 18px 18px;background-size:15px 26px;} .view_navi .btn_next.non {background:url('../img/btn_next_off.png') no-repeat 18px 18px;background-size:15px 26px;} .view_navi .btn_list {height:63px;right:18px;line-height:63px;} .reportcenter_info {margin:22px 18px 0;} .reportcenter_info p {margin:0 0 30px 0;line-height:33px;} .reportcenter_agree {margin:9px 0 0;padding:0 0 18px 0;line-height:28px;} .reportcenter_agree .agree {padding:37px 0 13px 0;} .reportcenter_agree label {padding:5px 0 6px 45px;line-height:26px;background-size:35px 35px;} .reportcenter_agree label.checked {background-size:35px 35px;} .reportcenter_agree em {padding:0 0 0 16px;text-indent:-16px;} .reportcenter_agree .btn_use_link {margin:22px 0 0 0;line-height:35px;} .search_none {margin-top:37px;padding:0 37px;padding-top:249px;line-height:39px;background-size:207px 203px;} .sel_game {margin-top:-18px;padding:0 16px;} .sel_game li {padding:0 16px;margin-top:33px;} .sel_game li a {border-radius:37px;} .sel_game li .name {padding:0 28px;line-height:31px;} .sel_game .name i {width:9px;height:9px;margin:9px 9px 0 0;border-radius:93px;} .btn_game_more {padding:37px 33px 0;} .btn_game_more button {height:63px;border-radius:9px;} /* cafe */ .cafe_all_list {margin:28px 0 0 0;} .cafe_all_list.ty2 {margin:18px 0 0 0;} .cafe_all_list li a {padding:0 0 0 18px;height:144px;} .cafe_all_list li .game_name {padding:33px 198px 0 0;line-height:31px;} .cafe_all_list li .date {padding:24px 0 0 0;line-height:37px;} .cafe_all_list li .date .new {width:35px;height:35px;background-size:35px 35px;} .cafe_all_list li .image {width:106px;height:106px;right:73px;top:18px;} .cafe_all_list li .btn_bookmark {width:73px;height:72px;top:36px;background:url('../img/btn_bookmark_off.png') no-repeat 18px 18px;background-size:35px 34px;} .cafe_all_list li .btn_bookmark.selected {background:url('../img/btn_bookmark_on.png') no-repeat 18px 18px;background-size:35px 34px;} .ssub_tab {margin:18px 18px 0;} .ssub_tab li a {height:50px;line-height:52px;border-radius:9px;} .ssub_tab li:nth-of-type(1) a {border-radius:9px 0 0 9px;} .ssub_tab li:nth-of-type(3) a {border-radius:0 9px 9px 0;} .cafe_list.cposts {margin:18px 0 0 0;} .cafe_list.cposts li.image a {min-height:174px;} .cafe_list li a .game_name {padding:16px 0 0 0;} .cafe_mg_head {height:180px;} .cafe_mg_head .game_name {padding:26px 18px 0 178px;} .cafe_mg_head .image {width:135px;height:135px;left:18px;top:18px;padding:3px;} .cafe_mg_head .btn_area {right:18px;top:97px;} .cafe_mg_head .btn_area a {width:63px;height:63px;margin:0 0 0 18px;} .cafe_mg_head .btn_area a.btn_wechat {background-size:63px 63px;} .cafe_mg_head .btn_area a.btn_event {background-size:63px 63px;} .cafe_mg_head .btn_area a.btn_download {background-size:63px 63px;} .btn_cafe_dtail {padding:0 0 18px 0;} .btn_cafe_dtail button {height:52px;border-radius:9px;} .cafe_notice {margin:12px 0 28px 0;} .cafe_notice li a {height:63px;margin:0 0 0 18px;padding:0 159px 0 0;line-height:63px;} .cafe_notice li a .date {right:18px;} .search_result_tit {margin:0 0 18px 0;padding:20px 18px 22px;line-height:31px;} .cafe_list.search_r .cont {padding:20px 18px 24px 0;line-height:32px;} .cafe_detail_head {padding:28px 0 0 18px;} .cafe_detail_head .user_id {padding:0 0 0 67px;line-height:20px;} .cafe_detail_head .geti {padding:7px 0 0 67px;} .cafe_detail_head .image {width:60px;height:60px;left:18px;top:18px;} .cafe_detail_head .tit {padding:26px 18px 56px 0;line-height:33px;} .cafe_detail_head .info {right:18px;bottom:18px;line-height:18px;} .cafe_detail_head .info .hits {margin:0 22px 0 0;padding:0 0 0 32px;background:url('../img/ico_hits.png') no-repeat 0 6px;background-size:24px 16px;} .cafe_detail_head .info .comment {padding:0 0 0 28px;background:url('../img/ico_comment.png') no-repeat 0 6px;background-size:20px 16px;} .cafe_detail_head .btn_multi {width:46px;height:65px;right:9px;top:9px;background:url('../img/btn_multi.png') no-repeat 18px 18px;background-size:9px 28px;} .cafe_detail_cont {padding:18px 0 0 0;} .cafe_detail_cont .image {margin:0 150px 18px 18px;} .cafe_detail_cont .image.play:after {background-size:75px 75px;} .cafe_detail_cont .china_war {height:323px;margin:9px 150px 9px 18px;padding:105px 0 0 0;} .cafe_detail_cont .china_war img {width:332px;height:113px;} .cafe_detail_cont .txt {padding:20px 18px 28px;line-height:31px;} .comment_write {padding:18px 0;} .comment_write .btn_img_import {width:90px;height:52px;top:18px;background:url('../img/btn_photo_1.png') no-repeat 18px 0;background-size:52px 52px;} .comment_write .msg_inp {margin:0 146px 0 18px;border-radius:9px;} .comment_write.new .msg_inp {margin:0 146px 0 90px;} .comment_write .msg_inp .auto_intext {height:52px;padding:9px 54px 15px 18px;line-height:28px;border-radius:9px;} .comment_write .msg_inp .btn_delete {width:54px;height:52px;background:url('../img/btn_delete_2.png') no-repeat 18px 17px;background-size:17px 17px;} .comment_write .btn_send {width:108px;height:52px;right:18px;top:18px;border-radius:9px;} .comment_write .file_info {width:354px;height:43px;margin:18px 18px 0;padding:0 54px 0 18px;border-radius:9px;} .comment_write .file_info span {line-height:41px;} .comment_write .file_info .btn_fidelete {width:54px;height:43px;background:url('../img/btn_delete_8.png') no-repeat 18px 13px;background-size:16px 16px;} .comment_list li {padding:18px 0 20px 0;} .comment_list li .user_id {padding:0 0 0 69px;line-height:46px;} .comment_list li .image {width:43px;height:43px;left:18px;top:18px;} .comment_list li .txt {padding:9px 18px 0 69px;line-height:28px;} .comment_list li .txt.del {padding:0 18px 0 71px;} .comment_list li .btn_reply {margin:22px 0 0 69px;} .comment_list li .btn_delete {width:55px;height:55px;background:url('../img/btn_delete_4.png') no-repeat 18px 18px;background-size:17px 17px;} .comment_list li .upload_image {margin:18px 191px 0 71px;padding:0 0 9px 0;} .comment_list li .reply {margin:20px 0 0 0;} .comment_list li .reply li {margin:20px 0 0 0;padding:18px 0 0 0;background:url('../img/ico_comment_2.png') no-repeat 18px 18px;background-size:13px 28px;} .comment_list li .reply .user_id {padding:0 0 0 91px;} .comment_list li .reply .image{left:41px;} .comment_list li .reply .txt {padding:9px 18px 0 91px;} .comment_list li .reply.new {margin:20px 0 0 71px;} .comment_list li .reply.new .user_id {padding:0 0 0 52px;} .comment_list li .reply.new .txt {padding:6px 18px 0 52px;} .comment_list li .reply .upload_image {margin:18px 138px 0 52px;padding:0 0 9px 0;} .reply_write {margin:28px 0 0 0;} .reply_write .btn_img_import {width:90px;height:52px;left:52px;background:url('../img/btn_photo_2.png') no-repeat 18px 0;background-size:52px 52px;} .reply_write .msg_inp {margin:0 146px 0 69px;border-radius:9px;} .reply_write.new .msg_inp {margin:0 146px 0 142px;} .reply_write .msg_inp .auto_intext {height:52px;padding:9px 54px 15px 18px;line-height:28px;border-radius:9px;} .reply_write .msg_inp .btn_delete {width:54px;height:52px;background:url('../img/btn_delete_5.png') no-repeat 18px 17px;background-size:16px 16px;} .reply_write .btn_send {width:108px;height:52px;right:18px;border-radius:9px;} .reply_write .file_info {width:354px;height:43px;margin:18px 18px 9px 71px;padding:0 54px 0 18px;border-radius:9px;} .reply_write .file_info span {line-height:41px;} .reply_write .file_info .btn_fidelete {width:54px;height:43px;background:url('../img/btn_delete_8.png') no-repeat 18px 13px;background-size:16px 16px;} .comment_paging {height:75px;padding:0 18px;} .comment_paging .tit {line-height:75px;} .comment_paging .btn_cpv {line-height:75px;} .report_tit {margin:22px 18px 0;line-height:30px;} .report_txt {margin:7px 18px 0;} .report_type {margin:22px 18px 0;} .report_type li {height:55px;padding:19px 0 0 18px;} .report_type label {padding:0 0 0 45px;line-height:35px;background-size:36px 35px;} .report_type label.checked {background-size:36px 35px;} .report_txtarea {margin:18px 18px 0;padding:28px 18px 16px;} .report_txtarea textarea {height:106px;line-height:26px;} .report_txtarea .limit {margin:33px 0 0 0;} .iv_report_bar {height:75px;} .iv_report_bar.ing {margin:63px 0 0 0;} .iv_report_bar .navi {line-height:71px;} .iv_report_bar .btn_report {width:71px;height:75px;background:url('../img/btn_report.png') no-repeat 18px 20px;background-size:33px 29px;} .iv_report_bar .btn_close {width:60px;height:75px;background:url('../img/btn_close.png') no-repeat 18px 26px;background-size:23px 23px;} .iv_con .image.imgland {max-height:450px;} .iv_down_bar {height:93px;} .iv_down_bar .btn_down {width:99px;height:93px;margin:0 0 0 -49px;background:url('../img/btn_download_2.png') no-repeat 32px 32px;background-size:33px 29px;} /* login */ .txt_notice {padding:11px 18px 13px;} .login {width:525px;} .login .btn_join {top:31px;padding:0 20px 0 0;line-height:28px;background:url('../img/ico_link_arrow_5.png') no-repeat 100% 3px;background-size:13px 21px;} .login .login_form {padding:112px 0 0 0;} .login.mw .login_form {padding:75px 0 0 0;} .login.mw.captcha .login_form {padding:22px 0 0 0;} .login .login_form input {height:93px;padding:0 18px;line-height:37px;} .login .login_form input[type="text"] {border-radius:7px 7px 0 0;} .login .login_form input[type="password"] {border-radius:0 0 7px 7px;} .login .login_form .error {padding:7px 0 0 0;line-height:28px;} .login .login_form .btn_help {width:48px;height:24px;margin:2px 0 0 0;} .login .login_form .btn_login {height:75px;margin:22px 0 0 0;border-radius:9px;} .login .btn_pwd_link, .login .btn_cs_link, .login .log_sel .bar {margin:22px 0 0 0;} .login .log_sel .bar {margin:0 9px;} .login .log_sel .auto {margin:20px 0 0 0;} .login .log_sel .auto label {padding:5px 0 6px 45px;line-height:26px;background-size:35px 35px;} .login .log_sel .auto label.checked {background-size:35px 35px;} .login .log_sel .auto input[type="checkbox"] {top:-9374px;left:1px;} .login .log_with {margin:65px 0 0 0;} .login .btn_face_link, .login .btn_goo_link, .login .btn_weibo_link, .login .btn_qq_link, .login .btn_vk_link, .login .btn_apple_link, .login .btn_huawei_link, .login .btn_ph_link {height:63px;margin:0 0 18px 0;border-radius:9px;} .login .btn_goo_link {padding:0 0 0 1px;border-radius:2px;} .login .ico_fg {width:27px;height:27px;padding:0 18px 0 0;} .login .btn_face_link .ico_fg {background-size:27px 27px;} .login .btn_goo_link.ko .ico_fg {width:187px;height:60px;} .login .btn_goo_link.en .ico_fg {width:283px;height:60px;} .login .btn_goo_link.ja .ico_fg {width:257px;height:60px;} .login .btn_goo_link.cn .ico_fg {width:197px;height:60px;} .login .btn_goo_link.tw .ico_fg {width:197px;height:60px;} .login .btn_goo_link.de .ico_fg {width:257px;height:60px;} .login .btn_goo_link.ru .ico_fg {width:243px;height:60px;} .login .btn_goo_link.fr .ico_fg {width:347px;height:60px;} .login .btn_goo_link.vi .ico_fg {width:330px;height:60px;} .login .btn_weibo_link .ico_fg {background-size:27px 27px;} .login .btn_qq_link .ico_fg {background-size:27px 27px;} .login .btn_vk_link .ico_fg {background-size:27px 27px;} .login .btn_ph_link .ico_fg {background-size:27px 27px;} .login .btn_apple_link .ico_fg {background-size:27px 27px;} .login .btn_huawei_link .ico_fg {background-size:27px 25px;} .login .captchabox {margin:13px 0 0 0;padding:28px 28px 22px;border-radius:7px;} .login .captchabox .cimage {width:465px !important;height:88px !important;} .login .captchabox .txt {padding:28px 0 0 0;line-height:28px;} .login .captchabox .txt.w {padding:7px 0 0 0;} .login .captchabox .btn_refresh {width:45px;height:45px;top:18px;background-size:45px 45px;} .login .login_form .captchabox input {height:73px;margin:28px 0 0 0;} .login .copy {padding:22px 0 0 0;} .login .copy span {margin:0 13px;} .login .log_with_cn {margin:54px 0 0 0;padding:0 0 28px 0;} .login .log_with_cn .txt {padding:24px 0;line-height:24px;} .login .log_with_cn .btn_qq_link, .login .log_with_cn .btn_weibo_link {width:75px;height:75px;} .login .log_with_cn button:nth-of-type(1) {margin:0 33px 0 0;} .login .login_sns {padding-top:55px;} .login .login_sns li {height:63px;margin-top:18px;} .login .login_sns li button {letter-spacing:-1px;border-radius:9px;} .login .login_sns li.apple button {border:1px solid #000;} .login .login_sns li.google button {background-size:205px 63px;} .login .login_sns li.facebook button {background-size:255px 63px;} .login .login_sns li.weibo button {background-size:203px 63px;} .login .login_sns li.vk button {background-size:169px 63px;} .login .login_sns li.qq button {background-size:163px 63px;} .login .login_sns li.phone button {background-size:240px 63px;} .login .login_sns li.huawei button {background-size:255px 63px;} .login .login_sns li.apple button {background-size:175px 63px;} .login .login_sns li.google.en button {background-size:240px 63px;} .login .login_sns li.facebook.en button {background-size:267px 63px;} .login .login_sns li.weibo.en button {background-size:236px 63px;} .login .login_sns li.vk.en button {background-size:204px 63px;} .login .login_sns li.qq.en button {background-size:195px 63px;} .login .login_sns li.phone.en button {background-size:306px 63px;} .login .login_sns li.apple.en button {background-size:226px 63px;} .login .login_sns li.huawei.en button {background-size:285px 63px;} .login .login_sns li.google.ja button {background-size:223px 63px;} .login .login_sns li.facebook.ja button {background-size:251px 63px;} .login .login_sns li.weibo.ja button {background-size:220px 63px;} .login .login_sns li.vk.ja button {background-size:188px 63px;} .login .login_sns li.qq.ja button {background-size:180px 63px;} .login .login_sns li.phone.ja button {background-size:283px 63px;} .login .login_sns li.apple.ja button {background-size:190px 63px;} .login .login_sns li.huawei.ja button {background-size:255px 63px;} .login .login_sns li.google.zh-hans button {background-size:273px 63px;} .login .login_sns li.facebook.zh-hans button {background-size:236px 63px;} .login .login_sns li.weibo.zh-hans button {background-size:188px 63px;} .login .login_sns li.vk.zh-hans button {background-size:173px 63px;} .login .login_sns li.qq.zh-hans button {background-size:166px 63px;} .login .login_sns li.phone.zh-hans button {background-size:221px 63px;} .login .login_sns li.apple.zh-hans button {background-size:186px 63px;} .login .login_sns li.huawei.zh-hans button {background-size:259px 63px;} .login .login_sns li.google.zh-hant button {background-size:210px 63px;} .login .login_sns li.facebook.zh-hant button {background-size:237px 63px;} .login .login_sns li.weibo.zh-hant button {background-size:189px 63px;} .login .login_sns li.vk.zh-hant button {background-size:174px 63px;} .login .login_sns li.qq.zh-hant button {background-size:167px 63px;} .login .login_sns li.phone.zh-hant button {background-size:221px 63px;} .login .login_sns li.apple.zh-hant button {background-size:211px 63px;} .login .login_sns li.huawei.zh-hant button {background-size:269px 63px;} .login .login_sns li.google.de button {background-size:261px 63px;} .login .login_sns li.facebook.de button {background-size:288px 63px;} .login .login_sns li.weibo.de button {background-size:258px 63px;} .login .login_sns li.vk.de button {background-size:225px 63px;} .login .login_sns li.qq.de button {background-size:219px 63px;} .login .login_sns li.phone.de button {background-size:382px 63px;} .login .login_sns li.apple.de button {background-size:247px 63px;} .login .login_sns li.huawei.de button {background-size:308px 63px;} .login .login_sns li.google.ru button {background-size:319px 63px;} .login .login_sns li.facebook.ru button {background-size:346px 63px;} .login .login_sns li.weibo.ru button {background-size:315px 63px;} .login .login_sns li.vk.ru button {background-size:367px 63px;} .login .login_sns li.qq.ru button {background-size:276px 63px;} .login .login_sns li.phone.ru button {background-size:373px 63px;} .login .login_sns li.apple.ru button {background-size:300px 63px;} .login .login_sns li.huawei.ru button {background-size:365px 63px;} .account_list {margin:37px 37px 0;} .account_list li {margin:0 0 9px 0;} .account_list li a {height:97px;} .account_list li .user_id {padding:0 0 0 88px;line-height:93px;} .account_list li .image {width:60px;height:60px;left:18px;top:18px;} .btn_diff {margin:33px 0 0 0;} .log_txt {padding:43px 18px 0;line-height:28px;} .log_txt.ty1 {padding:19px 18px 0;line-height:31px;} .log_txt.ty2 {padding:28px 18px 0;} .log_txt.ty3 {padding:24px 18px 0;} .log_txt.ty4 {padding:0 18px 39px;} .log_txt.ty5 {padding:0 18px 0;} .log_txt.ty6 {padding:48px 18px 41px;line-height:31px;} .log_txt.ty7 {padding:45px 18px 49px;line-height:41px;} .log_txt.ty8 {padding:45px 18px 49px;line-height:41px;} .security_txt {padding-top:52px;} .security_txt h4 {margin-bottom:11px;padding:14px 18px 13px;line-height:28px;} .security_txt .sub_txt {padding:0 18px;line-height:28px;} .time_count {margin-bottom:-20px;padding:23px 0 0;line-height:26px;} .btn_email {padding-top:43px;} .view_id {margin-bottom:-5px;padding:23px 18px;line-height:28px;} .dormant_id {height:75px;line-height:73px;} .tit_log {margin:63px 18px 35px;line-height:33px;} .logbox_info {margin:46px 18px 0;} .logbox_txt {height:206px;padding:0 18px;line-height:35px;} .logbox_txt.ty2 {padding:28px;} .uns_txt {padding:41px 18px 0;line-height:28px;} .first_login .join_agree {padding:28px 18px 0;} .first_login .join_agree label {min-height:35px;padding:0 0 0 45px;} .first_login .join_agree .all_agree .all_desc {margin-top:6px;padding-left:45px;} .first_login .join_agree .option_check {padding-left:35px;} .first_login .join_agree .option_check .agree {margin-top:18px;} .first_login .join_agree .option_check .agree ~ .agree {margin-top:30px;} .first_login .join_agree .option_check .desc > span {margin-bottom:18px;} .first_login .join_agree .btn_login {margin-top:46px;} .first_login .join_agree .btn_login button {height:63px;border-radius:9px;} /* join */ .agree_chk {padding:20px 73px 22px 18px;} .agree_chk label {line-height:30px;} .agree_chk label:after {width:73px;height:73px;margin:-36px 0 0 0;background:url('../img/btn_accept_off.png') no-repeat 18px 18px;background-size:35px 35px;} .agree_chk label.checked:after {background:url('../img/btn_accept.png') no-repeat 18px 18px;background-size:35px 35px;} .agree_con {padding:0 0 18px 0;} .agree_con .agree_chk {margin:0 0 0 18px;padding:20px 73px 22px 0;} .agree_con .agree_box {height:138px;margin:0 18px 0;padding:16px 18px 18px 18px;line-height:28px;} .agree_con .agree_box h1, .agree_con .agree_box h2 {padding:9px 0 9px 0;} .agree_con .agree_box h3 {padding:0 0 9px 0;} .agree_con .agree_box table {margin:16px 0;} .agree_con .agree_box table th, .agree_con .agree_box table td {padding:9px;} .join_inp {margin:28px 0 0 0;} .join_inp li {margin:18px 18px 0;} .join_inp li:first-child {margin:0 18px 0;} .join_inp li input {height:76px;padding:0 18px;line-height:37px;} .join_inp li .email_report .t {margin:16px 0 0 0;line-height:35px;} .join_inp li .email_report select {height:76px;padding:0 56px 0 15px;border:1px solid #ccc;border-radius:9px;background-size:35px 9px;} .join_inp li .email_conf {margin:16px 0 0 0;} .join_inp li .btn_sm {margin:7px 0 0 0;line-height:28px;} .join_inp .error, .acco_inp .error {margin:0 0 -3px 0;padding:4px 0 0 16px;line-height:26px;text-indent:-16px;} .join_inp .email input {padding:0 75px 0 18px;} .join_inp .btn_errorinfo {width:75px;height:76px;background:url('../img/ico_war.png') no-repeat 20px 20px;background-size:35px 35px;} /* .join_inp .eu_birth {padding-right:54px;} */ .join_inp .eu_birth .btn_tip {width:54px;height:76px;background-size:45px 45px;} .join_inp .eu_birth .tip_desc > p {padding:7px 0 20px;} .join_agree {margin:9px 18px 0;padding:0 0 18px 0;line-height:28px;} .join_agree .agree {padding:18px 0 13px 0;} .join_agree .agree ~ .agree {padding:0 0 13px 0;} .join_agree .desc {padding-left:45px;} .join_agree .desc > span {margin-bottom:18px;} .join_agree label {padding:5px 0 6px 45px;line-height:26px;background-size:35px 35px;} .join_agree label.checked {background-size:35px 35px;} .join_agree em {padding:0 0 0 16px;text-indent:-16px;} .join_agree .btn_use_link {margin:20px 0 0 0;} .join_agree .btn_use_link.ty2 {margin:35px 0 0 0;} .phone_num_inp input {height:75px;padding:0 18px;line-height:37px;} .phone_num_inp .error {margin:0 18px;padding:7px 0 0 16px;line-height:28px;} .phone_num_inp .error.ty2 {margin:0 18px -13px;padding:7px 0 0 0;} .ios_info_time {margin:24px 18px 0;} .ios_info_txt {margin:0 18px;padding:18px 0 0 16px;line-height:28px;text-indent:-16px;} .join_phone {margin:18px 0 0 0;padding:18px;} .join_phone .state_num {height:50px;padding:0 0 0 15px;line-height:50px;} .join_phone .verify_num {height:76px;margin:18px 0 0 0;line-height:37px;} .join_phone .verify_num .num_inp {margin:0 204px 0 0;} .join_phone .verify_num .num_inp input {padding:0 0 0 18px;line-height:37px;} .join_phone .verify_num button {width:181px;height:52px;right:11px;top:11px;} .join_phone .error {margin:0 0 -3px 0;padding:7px 0 0 16px;line-height:28px;text-indent:-16px;} .join_inp .email_mod input {padding:0 150px 0 18px;} .join_inp .btn_modify {min-width:112px;height:52px;right:11px;top:11px;padding:0 18px;} .jv_email_txt {padding:0 18px 37px;line-height:28px;} .jv_email_box {margin:0 18px;padding:28px 37px 30px;line-height:35px;border:1px solid #ccc;} .jv_email_box strong {padding:9px 0 0 0;} .join_otp {margin:48px 18px 46px;} .join_otp p ~ p{margin-top:31px;} .join_otp_block {margin:67px 18px 75px;} .otp_code input {height:75px;padding:0 18px;line-height:37px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .otp_code .error {margin:9px 18px 0;line-height:28px;} .btn_resend {margin-top:18px;padding:0 18px;} .join_btn {margin-top:37px;padding:0 18px;} .join_btn button {min-width:271px;height:63px;padding:0 37px;border-radius:9px;} .join_link {margin:46px 18px 0;} /* Edit Account */ .edit_account {padding:33px 18px 0;} .edit_account li {margin-top:23px;} .edit_account label {margin-bottom:12px;} .edit_account .in_id.correct:after {right:18px;top:27px;width:28px;height:22px;} .edit_account input {height:76px;padding:0 18px;border:1px solid #ccc;} .edit_account .in_id input {padding-right:46px;} .edit_account .error, .edit_account .tip {padding:3px 0 0 15px;text-indent:-15px;line-height:28px;} /* SNS agree */ .agree_form {padding:27px 18px 37px;border-bottom:1px solid #ccc;} .agree_form h3 {margin-bottom:30px;line-height:41px;} .agree_form .check_all {min-height:35px;margin-bottom:28px;} .agree_form .check_all input {left:-9374px;top:-9374px;} .agree_form .check_all label {min-height:35px;padding-left:45px;line-height:30px;background-size:35px 35px;} .agree_form .check_all label.checked {background-size:35px 35px;} .agree_form .check {padding:27px 17px;border:1px solid #ccc;} .agree_form .check li {margin-top:28px;} .agree_form .check input {left:-9374px;top:-9374px;} .agree_form .check label {min-height:35px;padding-left:45px;line-height:30px;background-size:35px 35px;} .agree_form .check label.checked {background-size:35px 35px;} .agree_form .check button {height:35px;} .check_id {padding-top:45px;} .check_id h3 {margin-bottom:41px;line-height:41px;} .check_id .sub_txt {margin-bottom:30px;padding:0 18px;line-height:31px;} .check_id .id_form {padding:0 18px 18px;} .check_id .id_form.correct:after {right:37px;top:27px;width:28px;height:22px;} .check_id .id_form input {height:76px;padding:0 46px 0 18px;border:1px solid #ccc;} .check_id .id_form .error {padding:3px 0 0 15px;text-indent:-15px;line-height:28px;} .check_id .recommend {padding:5px 18px 18px;} .check_id .recommend p {margin-bottom:14px;line-height:28px;} .check_id .recommend li {padding:0 4px;} .check_id .recommend button {height:52px;border-radius:9px;} /* welcome flow */ h3.top_tit {padding:30px 18px 25px;} .top_txt {padding:30px 18px 9px;line-height:31px;} h3.top_tit+.top_txt {padding-top:0;} .txt_sync {padding:0 18px;line-height:31px;} .welcome_sns_list {margin:22px 0 9px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .welcome_sns_list.agree {margin:30px 0 0 0;} .welcome_sns_list.hive {margin:21px 0 39px 0;} .welcome_sns_list li:after {width:15px;height:26px;right:18px;top:31px;background-size:15px 26px;} .welcome_sns_list li a {height:90px;margin:0 0 0 18px;padding:0 0 0 62px;line-height:90px;border-top:1px solid #ccc;} .welcome_sns_list li a:after {width:52px;height:52px;left:18px;top:18px;} .welcome_sns_list li a.facebook:after {background-size:52px 52px;} .welcome_sns_list li a.google:after {background-size:52px 52px;} .welcome_sns_list li a.line:after {background-size:52px 52px;} .welcome_sns_list li a.weibo:after {background-size:52px 52px;} .welcome_sns_list li a.wechat:after {background-size:52px 52px;} .welcome_profile {width:162px;height:162px;margin:31px auto 0;} .welcome_profile .btn_photo_edit {width:71px;height:71px;right:-9px;bottom:-18px;background-size:71px 71px;} .welcome_dm {margin:46px 18px 34px;} .welcome_dm input {height:76px;padding:0 18px;line-height:37px;border:1px solid #ccc;} .welcome_dm .error {padding:7px 0 0 16px;line-height:28px;text-indent:-16px;} /* edit account */ .acco_def_inp {margin:0 0 20px 0;} .acco.join_inp li {margin:18px 18px 18px;} .acco.join_inp .complete p {padding:23px 28px 25px;line-height:26px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .acco_phone_inp {padding:18px 18px 0;} .acco_phone_inp input {height:76px;padding:0 18px;line-height:37px;} .acco_phone_inp .error {padding:7px 0 0 16px;line-height:28px;text-indent:-16px;} .acco_service {margin:20px 0 0 0;} .acco_service li {height:75px;margin:0 0 0 18px;line-height:75px;} .acco_service li .btn_connect, .acco_service li .btn_disconnect {width:67px;height:35px;right:18px;top:18px;} .acco_service li .btn_connect {background-size:67px 35px;} .acco_service li .btn_disconnect {background-size:67px 35px;} .acco_service li .btn_refresh {width:45px;height:45px;right:18px;top:15px;background-size:45px 45px;} .acco_service label {padding:5px 0 6px 45px;line-height:24px;background-size:35px 35px;} .acco_service label.checked {background-size:35px 35px;} .acco_dormantid_add {margin:18px 0 0 0;padding:0 18px 28px;} .acco_dormantid_add .tit {padding:16px 0 11px 0;} .acco_dormantid_add .sel_box {height:50px;background-size:35px 9px;} .acco_dormantid_add .sel_box .seltit {height:50px;padding:0 0 0 18px;line-height:46px;} .acco_dormantid_add .sel_box dl {top:52px;padding:0 18px 18px;} .acco_dormantid_add .sel_box dt {padding:18px 0 0 0;} .acco_dormantid_add .sel_box dd {padding:3px 0 0 0;line-height:28px;} .acco_dormantid_add input[type="text"] {height:76px;padding:0 18px;line-height:37px;} .acco_dormantid_add select {height:52px;margin:0 0 28px 0;padding:0 56px 0 15px;border-radius:9px;background-size:35px 9px;} .acco_dormantid_add label {padding:5px 0 6px 45px;line-height:24px;background-size:35px 35px;} .acco_dormantid_add label.checked {background-size:35px 35px;} .acco_dormantid_add .acco_chk ~ .acco_chk {margin-top:18px;} .acco_tit {margin:48px 18px 46px;line-height:33px;} .acco_tit.ty2 {margin:28px 18px 31px;} .acco_txt {padding:0 18px 41px;line-height:28px;} .acco_txt_2 {padding:31px 65px 0 18px;line-height:28px;} .email_error {padding:0 18px;} .email_error .txt {margin:28px 0 0 0;line-height:26px;} .email_error .use li {margin:28px 0 0 0;padding:0 0 0 30px;line-height:26px;} .email_error .use li strong {margin:0 0 7px 0;} .email_error .use li strong:after {width:20px;height:20px;top:3px;} .email_error .use li:nth-of-type(1) strong:after {background-size:20px 20px;} .email_error .use li:nth-of-type(2) strong:after {background-size:20px 20px;} .email_error .use li:nth-of-type(3) strong:after {background-size:20px 20px;} .email_mr_txt {margin:24px 18px 0 18px;padding:0 0 7px 0;line-height:31px;} .email_mr {margin:28px 0 0 0;} .email_mr li {margin:18px 18px 0;} .email_mr li input {height:76px;padding:0 18px;line-height:37px;} .email_mr li .new_inp .t {margin:16px 0 0 0;line-height:35px;} .email_mr li .new_inp select {height:76px;padding:0 56px 0 15px;border-radius:9px;background-size:35px 9px;} .email_mr .error {margin:0 0 -3px 0;padding:7px 0 0 16px;line-height:28px;text-indent:-16px;} .acco_nickname {margin:30px 0 24px 0;padding:24px 18px 0;} .acco_nickname .txt {margin:0 0 15px 0;line-height:28px;} .acco_nickname input {height:76px;padding:0 18px;line-height:37px;} .acco_nickname .error {margin:0 0 -3px 0;padding:7px 0 0 16px;line-height:28px;text-indent:-16px;} .acco_info_etc {margin:0 0 24px 0;} .acco_info_etc .btn_view {width:58px;height:42px;top:33px;background:url('../img/ico_down_arrow_3.png') no-repeat 18px 18px;background-size:20px 12px;} .acco_info_etc.show .btn_view {background:url('../img/ico_up_arrow_2.png') no-repeat 18px 18px;background-size:20px 12px;} .unss_sel {margin:-15px 0 0 0;} .unss_sel li {min-height:75px;margin:0 0 9px 0;padding:18px 18px 18px;} .unss_sel li:nth-of-type(3) {margin:0 0 24px 0;} .unss_sel li .tl {padding:0 37px 0 0;line-height:28px;} .unss_sel li .tr {width:131px;line-height:24px;} /* find password */ .find_pw {padding:68px 18px 50px;} .find_pw h3 {margin-bottom:46px;} .find_pw .sub_txt {line-height:31px;} /* lebi */ .lebi_list li {height:90px;margin:0 0 0 18px;line-height:90px;} .lebi_list li a:after {width:15px;height:26px;right:18px;top:31px;background-size:15px 26px;} .lebi_list li .btn_accept {width:80px;height:52px;right:18px;top:18px;border-radius:9px;} .lebi_txt {margin:18px 18px 0;line-height:37px;} .lebi_txt em {width:35px;height:35px;line-height:33px;} .lebi_search {padding:18px 18px 18px;} .lebi_search h3 {padding:0 0 11px 0;} .lebi_search select {height:52px;margin:0 0 18px 0;padding:0 56px 0 15px;border-radius:9px;background-size:35px 9px;} .lebi_sel .date_sel {margin:0 99px 0 0;} .lebi_sel .btn_search {width:80px;height:52px;border-radius:9px;} .lebi_date_box {margin:18px 18px 0;} .lebi_date_box strong {height:52px;line-height:52px;} .lebi_date_box p {height:78px;padding:0 0 0 20px;line-height:80px;} .lebi_date_box dl {padding:20px 20px 9px;line-height:31px;} .lebi_date_box dt {width:178px;margin:0 0 11px 0;} .lebi_date_box dt em {width:148px;} .lebi_date_box dt span {width:30px;} .lebi_date_box dd {margin:0 0 11px 0;} .lebi_cash_info {padding:15px 18px 18px;} .lebi_cash_info dd {padding:0 0 0 9px;} .lebi_login_info {height:75px;padding:0 0 0 18px;} .lebi_login_info strong {line-height:73px;} .lebi_login_info .btn_login {width:80px;height:52px;right:18px;top:12px;border-radius:9px;} .lebi_guide {padding:0 18px 33px;} .lebi_guide h3 {padding:18px 0 0 0;} .lebi_shop_list li {height:131px;} .lebi_shop_list li .name {padding:30px 0 0 129px;} .lebi_shop_list li .price {padding:0 0 0 129px;} .lebi_shop_list li .image {width:93px;height:93px;left:18px;top:18px;} .lebi_shop_list li .btn_buy {width:146px;height:52px;right:18px;top:39px;border-radius:9px;} /* welcome hive */ .hive_introduction {margin:-28px 18px 0;box-shadow:0 2px 2px rgba(0,0,0,0.2);-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;} .hive_introduction .ad_text {padding:24px 0 0 0;line-height:26px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);} .hive_introduction h1 {line-height:56px;border-radius:2px 2px 0 0;} .hive_introduction .contents_wrap {padding:0 13px 120px 13px;} .hive_introduction .contents_wrap .cbtn {bottom:28px;} .hive_introduction .contents_wrap .btn_policy {bottom:127px;right:13px;} .hive_introduction .btn_change {height:58px;margin:0 1px;line-height:58px;border-radius:18px;box-shadow:inset -1px -1px 0 rgba(228,128,39,0.5), inset 0 1px 0 rgba(255,255,255,1), 2px 2px 2px rgba(0,0,0,0.2);} .hive_introduction .btn_change a {padding:0 56px;} .hive_introduction .btn_policy {padding-right:18px;} .hive_introduction .ad_box {padding:23px 14px 46px;border-bottom:1px solid #198add;} .hive_introduction .ad_box .contents {padding:0 0 9px;text-shadow:1px 1px 1px rgba(0,0,0,0.2);border-radius:4px;border:1px solid #198add;} .hive_introduction .ad_box .contents .con_wrap {width:530px;} .hive_introduction .ad_box .contents .section1 img, .hive_introduction .ad_box .contents .section2 img, .hive_introduction .ad_box .contents .section3 img {width:265px;height:138px;} .hive_introduction .ad_box .contents .section1 p, .hive_introduction .ad_box .contents .section2 p {width:265px;line-height:23px;} .hive_introduction .ad_box .contents .section1 p span, .hive_introduction .ad_box .contents .section2 p span {padding:0 18px;} /* email campaign */ .email_campaign .tit_1 {margin:37px 18px 39px;line-height:33px;} .email_campaign .ec_box {padding:0 18px 0;} .email_campaign .txt_1 {margin:20px 0 30px;line-height:28px;} .email_campaign .inp_email {height:76px;padding:0 18px;line-height:37px;} .email_campaign .btn_eau, .email_campaign .btn_eac {height:63px;margin:46px 0 0 0;border-radius:9px;} .email_campaign .btn_eac {margin:43px 0 46px 0;} .email_campaign .emailau_info dt {margin:37px 0 7px 0;line-height:20px;} .email_campaign .emailau_info dd {margin:0 0 24px 0;line-height:24px;} .email_campaign .txt_2 {margin:20px 0 0;padding:22px 0 0 0;line-height:28px;} .email_campaign .tit_2 {margin:20px 18px 0;line-height:24px;} .email_campaign .use li {margin:15px 18px 0;line-height:26px;} .email_campaign .dst_chk {margin:43px 18px 0;} .email_campaign .dst_chk label {padding:5px 0 6px 45px;line-height:24px;background-size:35px 35px;} .email_campaign .dst_chk label.checked {background-size:35px 35px;} .email_campaign .btn_close {min-width:271px;height:63px;margin:46px 0 0;padding:0 37px;border-radius:9px;} .email_campaign .email_sel {margin:0 0 13px 0;} .email_campaign .email_sel input {height:76px;padding:0 18px;line-height:37px;} .email_campaign .email_sel .t {margin:16px 0 0 0;line-height:35px;} .email_campaign .email_sel select {height:76px;padding:0 56px 0 15px;border-radius:9px;background-size:35px 9px;} .email_campaign .error {padding:7px 0 0 16px;line-height:28px;text-indent:-16px;} .email_campaign .txt_0 {margin:-11px 18px 37px;line-height:28px;} .email_campaign .btn_area {margin:46px 0;} .email_campaign .btn_area .btn_ty_1, .email_campaign .btn_area .btn_ty_2 {height:63px;border-radius:9px;} /* real name verification */ .rnv_txt {margin:52px 0 46px 0;padding:0 18px 9px;line-height:28px;} .china_num {padding:18px;} .china_num span {padding:15px 0 15px 15px;line-height:28px;border-radius:9px;} .china_num_inp li {margin:18px 18px 0;} .china_num_inp li input {height:76px;padding:0 206px 0 18px;line-height:37px;} .china_num_inp li .btn_send {width:181px;height:52px;right:18px;top:11px;border-radius:9px;} .china_num_inp li .time {right:18px;top:20px;line-height:30px;} /* security function settings */ .scy_settings_guide {padding:20px 18px 22px;} .scy_settings_guide h3 {line-height:28px;} .scy_settings_guide p {margin:7px 0 0 0;line-height:24px;} .scy_settings_form .target_game {margin:15px 0 0;} .scy_settings_form .target_game .txt {height:73px;padding:0 105px 0 18px;line-height:67px;} .scy_settings_form .target_game .ico_off, .scy_settings_form .target_game .ico_on {width:67px;height:35px;right:18px;top:18px;line-height:33px;border-radius:46px;} .scy_settings_form .txt {padding:24px 18px 0;line-height:28px;} .scy_settings_form .pwd li {margin:15px 18px 0;} .scy_settings_form .pwd li input {height:76px;padding:0 18px;line-height:37px;} .scy_settings_form .error {padding:7px 0 0 35px;line-height:28px;text-indent:-16px;} .scy_settings_form .pwd.ty2 .error {padding:2px 0 0 0;} .scy_settings_form .pwd.ty2 .tip {padding:2px 0 0 0;line-height:28px;} .security_campaign {margin:0 28px;} .security_campaign .tit_1 {margin:-33px 0 0 0;line-height:46px;} .security_campaign .stit_1 {margin:33px 0 0 0;line-height:37px;} .security_campaign .how_txt {margin:24px 0 0 0;} .security_campaign .how_txt dt {line-height:22px;} .security_campaign .how_txt dd {margin:3px 0 0 0;line-height:22px;} .security_campaign .step {margin:33px 0 0 0;} .security_campaign .step li {margin:0 0 30px 0;} .security_campaign .step li .tit {margin:0 0 13px 0;line-height:31px;} .security_campaign .step li .new {line-height:31px;} .security_campaign .step li .box_txt {padding:18px;line-height:22px;} } /*-------------------------------------------------------------------------*/ @media (min-width:1024px) and (max-width:1370px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) { html {font-size:62.5%;} #HIVEcontainer {width: 100%;box-sizing:border-box;} /* main */ .event_banner {width:100%;height:100%;position:relative;overflow:hidden;border-bottom:1px solid #ccc;} .event_banner .port {display:none;} .event_banner ul:after {display:block;clear:both;content:'';} .event_banner li {display:none;position:relative;float:left;} .event_banner li:first-child {display:block;} .event_banner li a {width:90%;height:84%;position:absolute;left:5%;top:8%;} .event_banner img {width:100%;} .event_banner .ev_navi {width:100%;position:absolute;left:0;bottom:18px;text-align:center;} .event_banner .ev_navi span {width:16px;height:17px;display:inline-block;margin:0 20px 0 0;color:rgba(0,0,0,0);border-radius:10px;background-color:rgba(255,255,255,0.5);} .event_banner .ev_navi span:last-child {margin:0 0 0 0;} .event_banner .ev_navi span.selected {border:2px solid #fff;opacity:1;background:none;} .cont_head {position:relative;} .tit_h3 {margin:19px 0 0 20px;color:#666;font-size:2.8rem;font-weight:normal;} .tit_h3.ty2 {margin:18px 0 10px 20px;} .tit_h3 span {color:#2a84d8;font-weight:normal;} .cont_head .btn_all {position:absolute;right:20px;top:4px;color:#999;font-size:2.4rem;} .m_game_list {margin:12px 20px 0 20px;} .m_game_list.profile {margin:30px 20px 0 20px} .m_game_list li {position:relative;margin:0 0 20px 0;border:1px solid #ccc;} .m_game_list li a {width:100%;height:142px;display:block;background-color:#fff;} .m_game_list li a .tit {display:block;overflow:hidden;padding:18px 180px 0 19px;color:#444;font-size:3.0rem;font-weight:normal;line-height:36px;text-overflow:ellipsis;white-space:nowrap;} .m_game_list.profile li a .tit {padding:48px 180px 0 19px;} .m_game_list li a .image {width:143px;height:142px;position:absolute;right:0;top:0;} .m_game_list li a .image img {width:100%;height:100%;} .m_game_list li a .txt {display:-webkit-box;overflow:hidden;padding:10px 180px 0 19px;color:#999;font-size:2.4rem;line-height:30px;text-overflow:ellipsis;-webkit-line-clamp:2; -webkit-box-orient:vertical;} .m_game_list li .btn_play {position:absolute;right:162px;top:94px;color:#2a84d8;font-size:2.6rem;font-style:italic;text-decoration:underline;} .cafe_list {margin:12px 0 0 0;} .cafe_list li {padding:0 0 0 20px;border-bottom:1px solid #ccc;background-color:#fff;} .cafe_list li:first-child {border-top:1px solid #ccc;} .cafe_list li a {width:100%;display:block;position:relative;padding:0 0 25px 0;} .cafe_list li.image a {min-height:136px;padding:0 0 30px 0;} .cafe_list li a .txt {display:-webkit-box;overflow:hidden;padding:22px 20px 0 0;color:#666;font-size:2.6rem;line-height:33px;text-overflow:ellipsis;-webkit-line-clamp:2; -webkit-box-orient:vertical;word-wrap:break-word;} .cafe_list li a .nt {display:block;padding:15px 0 0 0;color:#999;font-size:2.4rem;} .cafe_list li.image a .nt {position:absolute;left:0;bottom:24px;} .cafe_list li a .nt span {color:#bfbfbf;} .cafe_list li a .info {position:absolute;right:20px;bottom:30px;color:#bbb;font-size:2.4rem;line-height:20px;} .cafe_list li.image a .info {right:145px;bottom:30px;} .cafe_list li a .info .hits {margin:0 24px 0 0;padding:0 0 0 35px;background:url('../img/ico_hits.png') no-repeat 0 7px;background-size:26px 18px;} .cafe_list li a .info .comment {padding:0 0 0 30px;background:url('../img/ico_comment.png') no-repeat 0 7px;background-size:22px 18px;} .cafe_list li a .image_play, .cafe_list li a .image_detailview {width:106px;height:106px;position:relative;float:right;margin:30px 20px 0 34px;} .cafe_list li a .image_play:after {width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.6) url('../img/btn_play_1.png') no-repeat 50% 50%;background-size:38px 38px;content:'';} .cafe_list li a .image_play img, .cafe_list li a .image_detailview img {width:100%;height:100%;} .main.cafe_notice {margin:13px 0 0 0;} .main.cafe_notice li a {padding:0 96px 0 0;} .channel {margin:50px 0 0 0;} .channel h3 {display:none;} .channel dl {height:86px;position:relative;border-top:1px solid #ccc;background-color:#dcdcdc;} .channel dt {padding:26px 0 0 20px;color:#666;font-size:2.6rem;} .channel dd {position:absolute;right:0;top:20px;} .channel dd a {width:46px;height:46px;overflow:hidden;float:left;margin:0 20px 0 0;color:rgba(0,0,0,0);} .channel dd a.ico_c_youtube {background:url('../img/ico_c_youtube.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_weibo {background:url('../img/ico_c_weibo.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_wechat {background:url('../img/ico_c_wechat.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_twitter {background:url('../img/ico_c_twitter.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_soku {background:url('../img/ico_c_soku.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_forums {background:url('../img/ico_c_forums.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_facebook {background:url('../img/ico_c_facebook.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_google {background:url('../img/ico_c_google.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_cafe {background:url('../img/ico_c_cafe.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_blog_kr {background:url('../img/ico_c_blog_kr.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_blog_jp {background:url('../img/ico_c_blog_jp.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_blog_jp_2 {background:url('../img/ico_c_blog_jp_2.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_blog_cn {background:url('../img/ico_c_blog_cn.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_tumblr {background:url('../img/ico_c_tumblr.png') no-repeat 0 0;background-size:46px 46px;} .channel dd a.ico_c_insta {background:url('../img/ico_c_insta.png') no-repeat 0 0;background-size:46px 46px;} .edit_email .txt_frame {margin:56px 20px 50px;font-size:2.8rem;color:#666666;} .edit_email fieldset {margin:0 20px;} .edit_email li ~ li {margin-top:20px;} .edit_email li:first-child {margin-top:0;} .edit_email li input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;color:#999;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .edit_email li .email_report:after {display:block;clear:both;content:'';} .edit_email li .email_report input {width:53.33%;float:left;} .edit_email li .email_report .t {width:7.67%;float:left;margin:18px 0 0 0;color:#666;font-size:3.6rem;line-height:38px;text-align:center;vertical-align:top;} .edit_email li .email_report select {width:39%;height:82px;float:right;padding:0 60px 0 17px;color:#cfcfcf;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px;background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .edit_email li .email_report select.complete {color:#999;} .edit_email .error {margin-top:10px;line-height:1.04;font-size:2.4rem;color:#d82a2a;} .edit_email .confirm_email[disabled='disabled'] {background-color:#eeeeee;} .edit_email .btn_list {margin:50px 0 0;} .edit_email .btn_list button {display:block;width:100%;height:68px;border-radius:10px;line-height:1.13;font-size:3.0rem;color:#fefefe;background-color:#2a84d8;} .set_hive .txt_frame {margin:56px 20px 50px;font-size:2.8rem;color:#666666;} .set_hive fieldset {margin:0 20px;} .set_hive li {position:relative;} .set_hive li ~ li {margin-top:20px;} .set_hive li:first-child {margin-top:0;} .set_hive li input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;color:#999;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .set_hive li .email_report:after {display:block;clear:both;content:'';} .set_hive li .email_report input {width:53.33%;float:left;} .set_hive li .email_report .t {width:7.67%;float:left;margin:18px 0 0 0;color:#666;font-size:3.6rem;line-height:38px;text-align:center;vertical-align:top;} .set_hive li .email_report select {width:39%;height:82px;float:right;padding:0 60px 0 17px;color:#cfcfcf;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px;background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .set_hive li .email_report select.complete {color:#999;} .set_hive .error {margin-top:10px;line-height:1.04;font-size:2.4rem;color:#d82a2a;} .set_hive .confirm_email[disabled='disabled'] {background-color:#eeeeee;} .set_hive .btn_list {margin:50px 0 0;} .set_hive .btn_list button {display:block;width:100%;height:68px;border-radius:10px;line-height:1.13;font-size:3.0rem;color:#fefefe;background-color:#2a84d8;} .set_hive .btn_send {min-width:98px;height:56px;padding:0 20px;position:absolute;right:20px;top:12px;color:#fff;font-size:2.6rem;border-radius:10px;background-color:#2a84d8;} .tit_txt {margin:56px 20px 54px;color:#666;font-size:3.6rem;line-height:36px;text-align:center;} .tit_txt.ty2 {color:#d82a2a;} .tit_txt.ty3 {margin:40px 20px 38px;} .id_setting li {overflow:hidden;margin:20px 20px 0;} .id_setting li:first-child {margin:0 20px 0;} .id_setting li input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .id_setting .error {margin:0 0 -4px 0;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .id_setting .error.ps {color:#2a84d8;} .editpwd_link .btn_editpwd {width:100%;height:80px;margin:30px 0 0 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#2a84d8;font-size:3.0rem;line-height:34px;background-color:#fff;} .editpwd_link .notice {padding:11px 0 0 18px;font-size:2.4rem;color:#999;letter-spacing:-.5px;} .profile_chimg {overflow:hidden;margin:14px 0 0 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .profile_chimg li {position:relative;margin:0 0 0 20px;} .profile_chimg li:after {width:16px;height:28px;position:absolute;right:20px;top:28px;background:url('../img/ico_link_arrow_6.png') no-repeat 0 0;background-size:13px 22px;content:'';} .profile_chimg li button, .profile_chimg li .btn_photo {width:100%;height:80px;display:block;padding:0 0 0 42px;color:#666;font-size:2.8rem;text-align:left;line-height:80px;border-top:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;} .profile_chimg li button:after, .profile_chimg li .btn_photo:after {width:56px;height:56px;position:absolute;left:0;top:20px;content:'';} .profile_chimg li .btn_camera:after {background:url('../img/btn_edit_photo_3.png') no-repeat 0 6px;background-size:32px 27px;} .profile_chimg li .btn_photo:after {background:url('../img/btn_album.png') no-repeat 0 4px;background-size:32px 32px;} .profile_chimg li .btn_photo {border-top:0;} .profile_chimg li input {width:100%;height:100%;position:absolute;top:1px;left:1px;opacity:0;} .profile_nickname {margin:14px 0 30px 0;padding:22px 20px 26px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .profile_nickname .txt {margin:0 0 16px 0;color:#999;font-size:2.4rem;line-height:30px;} .profile_nickname input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .profile_nickname .error {margin:0 0 -4px 0;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .btn_area_b .btn_mdf_save {width:100%;height:68px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} .profile_guest_txt {width:100%;padding:48px 20px;color:#666;font-size:3.2rem;font-weight:bold;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;} .btn_area_b_ty2.guest {margin: 0 20px 0;} .btn_area_b_ty2.guest .btn_ty_1 {color:#2a84d8;border:2px solid #2a84d8;background-color:#eee;} .profile_init {margin-top:50px;text-align:center;} .profile_init .btn_init {line-height:1;font-size:2.8rem;color:#2a84d8;text-decoration:underline;} /* games */ .m_game_list.games_list {margin:30px 20px 0 20px;} .m_game_list.games_list li.new .tit, .m_game_list.games_list li.hot .tit {padding:20px 180px 0 38px;} .games_list li.new em, .games_list li.hot em {width:30px;height:56px;position:absolute;left:-1px;top:-1px;color:rgba(0,0,0,0);} .games_list li.new em {background:url('../img/ico_new_3.png') no-repeat 0 0;background-size:30px 56px;} .games_list li.hot em {background:url('../img/ico_hot.png') no-repeat 0 0;background-size:30px 56px;} .game_os_select {position:absolute;right:20px;top:68px;} .game_os_select:after {display:block;clear:both;content:'';} .game_os_select .btn_ios, .game_os_select .btn_android {width:46px;height:68px;float:left;overflow:hidden;color:rgba(0,0,0,0);} .game_os_select .btn_ios {margin:0 20px 0 0;background:url('../img/btn_ios_off.png') no-repeat 0 11px;background-size:46px 46px;} .game_os_select .btn_android {background:url('../img/btn_android_off.png') no-repeat 0 11px;background-size:46px 46px;} .game_os_select .btn_ios.selected {background:url('../img/btn_ios_on.png') no-repeat 0 11px;background-size:46px 46px;} .game_os_select .btn_android.selected {background:url('../img/btn_android_on.png') no-repeat 0 11px;background-size:46px 46px;} .games_head {height:252px;position:relative;border-bottom:1px solid #ccc;} .games_head:after {width:100%;height:252px;position:absolute;left:0;top:0;background-color:rgba(42,132,216,0.8);content:'';} .games_head .image {width:144px;height:144px;position:absolute;left:50px;top:50px;padding:4px;background-color:#fff;z-index:10;} .games_head .image img {width:100%;} .games_head .game_name {position:absolute;left:220px;top:66px;color:#fff;font-size:3.0rem;font-weight:normal;z-index:10;} .games_head .game_name .ntype {display:block;color:#ddd;font-size:2.4rem;} .games_head .btn_area {position:absolute;right:50px;top:134px;z-index:10;} .games_head .btn_area:after {display:block;clear:both;content:'';} .games_head .btn_area a {width:68px;height:68px;float:left;margin:0 0 0 20px;color:rgba(0,0,0,0);} .games_head .btn_area a.btn_cafe {background:url('../img/btn_cafe.png') no-repeat;background-size:68px 68px;} .games_head .btn_area a.btn_download {background:url('../img/btn_download_3.png') no-repeat;background-size:68px 68px;} .games_head .btn_area a.btn_lebi {display:none;background:url('../img/btn_lebi_2.png') no-repeat;background-size:68px 68px;} .games_head .btn_area a.btn_wechat {display:none;background:url('../img/btn_wechat_4.png') no-repeat;background-size:68px 68px;} .games_head .btn_area.cn a.btn_lebi, .games_head .btn_area.cn a.btn_wechat {display:block;} .games_head .game_bg.port {display:none;} .games_head .game_bg img {width:100%;height:252px;} .game_guide {margin:13px 0 0 0;padding:20px 20px 32px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .game_guide .glist {position:relative;overflow:hidden;} .game_guide .glist ul:after {display:block;clear:both;content:'';} .game_guide .glist li {width:600px;height:338px;position:relative;float:left;margin:0 0 0 20px;} .game_guide .glist li:first-child {margin:0 0 0 0;} .game_guide.gmp .glist li {width:338px;height:600px;} .game_guide .glist li a.play:after {width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.6) url('../img/btn_play_2.png') no-repeat 50% 50%;background-size:80px 80px;content:'';} .game_guide .glist li img {width:100%;} .game_guide .navi {margin:12px 0 0 0;text-align:center;} .game_guide .navi span {width:16px;height:17px;display:inline-block;margin:0 10px 0 0;color:rgba(0,0,0,0);vertical-align:top;border-radius:10px;border:2px solid #999;-webkit-box-sizing:border-box;box-sizing:border-box;} .game_guide .navi span.selected {border:0;background-color:#2a84d8;} .game_guide .txt {overflow:hidden;margin:20px 0 0 0;color:#666;font-size:2.6rem;line-height:34px;} .game_feature_list {overflow:hidden;margin:13px 0 0 0;padding:18px 20px 20px;color:#666;font-size:2.4rem;line-height:34px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .game_ratings_12age {width:476px;height:92px;margin:50px auto 0;} .game_ratings_12age img {width:100%;} /* New 2019-04-02 */ .genre_tab {height:77px;margin-bottom:13px;border-bottom:1px solid #ccc;background:#fff;overflow-x:scroll;} .genre_tab::-webkit-scrollbar {display:none;} .genre_tab ul {display:table;height:100%;padding:0 20px;box-sizing:border-box;} .genre_tab ul li {display:table-cell;height:100%;padding-left:9px;} .genre_tab ul li:first-child {padding-left:0;} .genre_tab ul li button {position:relative;height:100%;padding:0 21px 0 20px;font-size:2.6rem;letter-spacing:-1px;color:#999;box-sizing:border-box;} .genre_tab ul li.on button {font-weight:bold;color:#2a84d8;} .genre_tab ul li.on button:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:#2a84d8;} .order_list {height:70px;padding-left:32px;border-bottom:1px solid #ccc;} .order_list .tit {float:left;margin-right:36px;font-size:2.4rem;color:#444;line-height:70px;} .order_list ul {float:left;height:100%;} .order_list ul li {float:left;height:100%;margin-left:41px;} .order_list ul li:first-child {margin-left:0;} .order_list ul button {position:relative;width:100%;height:100%;letter-spacing:-1px;padding-left:17px;font-size:2.4rem;color:#929292;} .order_list ul button:after {content:"";position:absolute;left:0;top:50%;width:15px;height:12px;margin-top:-6px;background:url(../img/icon_check.png)no-repeat left top;background-size:15px 12px;} .order_list ul .on button {color:#2a84d8;} .order_list ul .on button:after {background:url(../img/icon_check_on.png)no-repeat left top;background-size:15px 12px;} .game_list_new {background:#fff;padding-bottom:29px;border-bottom:1px solid #ccc;} .game_list_new li {height:200px;padding:30px 20px 0;} .game_list_new li a {position:relative;display:block;height:200px;padding-left:220px;padding-top:13px;overflow:hidden;box-sizing:border-box;} .game_list_new li.new a, .game_list_new li.best a {padding-top:43px;} .game_list_new li .thumb {position:absolute;left:0;top:0;width:200px;height:200px;border-radius:48px;overflow:hidden;} .game_list_new li .thumb img {width:200px;height:200px;} .game_list_new h3 {margin-bottom:2px;font-size:3.0rem;color:#444;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;} .game_list_new .sticker {display:none;position:absolute;left:210px;top:0;width:80px;height:40px;font-size:2.0rem;color:#fff;line-height:40px;font-weight:bold;text-align:center;background:url(../img/icon_sticker.png)no-repeat left top;background-size:100% auto;} .game_list_new .new .sticker {display:block;background-position:0 0;} .game_list_new .best .sticker {display:block;background-position:0 100%;} .game_list_new .genre {font-size:2.4rem;color:#2a84d8;} .game_list_new .content {position:absolute;left:220px;bottom:1px;height:68px;overflow:hidden;font-size:2.4rem;color:#77828d;line-height:34px;} .game_list_new .content div {display:table;width:100%;height:100%;vertical-align:middle;} .game_list_new .content div p {display:table-cell;width:100%;height:100%;vertical-align:middle;} .game_list_new .content i {display:inline-block;height:34px;margin-right:10px;vertical-align:top;} .game_list_new .content i img {width:auto;height:100%;} .game_list_new li.tag a {padding-top:0;} .game_list_new li .tag {height:32px;margin:0 0 4px -7px;overflow:hidden;} .game_list_new li .tag span {float:left;height:32px;margin-left:3px;padding:0 13px;font-size:1.6rem;color:#fff;font-weight:bold;line-height:2;border-radius:100px;} .game_list_new li .tag span:first-child {margin-left:0;} .game_list_new li .tag .new {background:#00d4c4;} .game_list_new li .tag .recommend {background:#0084ff;} .game_list_new li .tag .popular {background:#6a47ff;} .game_list_new li .tag .update {background:#ff5f67;} .game_detail .youtube_wrap {position:relative;} .game_detail .youtube_wrap iframe {position:absolute;top:0;left:0;right:0;bottom:0;z-index:9;width:100%;height:100%;border:0 none;} .game_detail .youtube_wrap a {position:relative;display:block;} .game_detail .youtube_wrap img {width:100%;} .game_detail .youtube_wrap a:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6) url(../img/btn_play_2.png) no-repeat 50% 50%;background-size:80px 80px;} .game_detail .game_contents {margin-bottom:20px;background:#fff;padding:30px 20px 0;} .game_detail .introduce {position:relative;height:200px;padding:0 0 20px 229px;border-bottom:1px solid #ccc;overflow:hidden;} .game_detail .introduce .thumb {position:absolute;left:0;top:0;width:200px;height:200px;border-radius:48px;overflow:hidden;} .game_detail .introduce .thumb img {width:100%;height:100%;} .game_detail .introduce dl {padding-top:25px;} .game_detail .introduce dt {height:84px;margin-bottom:10px;font-size:3.6rem;color:#444;font-weight:bold;line-height:42px;overflow:hidden;} .game_detail .introduce dt div {display:table;width:100%;height:100%;vertical-align:middle;} .game_detail .introduce dt p {display:table-cell;width:100%;height:100%;vertical-align:middle;} .game_detail .introduce dd {font-size:2.4rem;color:#2a84d8;} .game_detail .introduce_txt {padding:30px 0 31px;border-bottom:1px solid #ccc;} .game_detail .introduce_txt span {margin-top:16px;font-size:2.8rem;color:#77828d;font-weight:bold;line-height:34px;text-align:center;} .game_detail .introduce_txt span:first-child {margin-top:0;} .game_detail .introduce_txt i {display:inline-block;height:34px;margin-right:10px;vertical-align:top;} .game_detail .introduce_txt i img {width:auto;height:100%;} .game_detail .btns {padding-top:19px;margin-bottom:50px;overflow:hidden;} .game_detail .btns p {float:left;width:50%;height:68px;box-sizing:border-box;} .game_detail .btns .share {padding-right:10px;} .game_detail .btns .game {padding-left:10px;} .game_detail .btns button {width:100%;height:100%;box-sizing:border-box;font-size:2.6rem;border-radius:10px;} .game_detail .share button {color:#2a84d8;border:2px solid #2a84d8;} .game_detail .game button {color:#fff;background:#2a84d8;} .game_detail .gallery_wrap {height:310px;overflow-x:scroll;margin:0 -20px;} .game_detail .gallery_wrap::-webkit-scrollbar {display:none;} .game_detail .gallery_wrap ul {display:table;width:100%;height:100%;padding:0 20px;box-sizing:border-box;} .game_detail .gallery_wrap li {display:table-cell;width:549px;height:100%;padding-left:20px;overflow:hidden;} .game_detail .gallery_wrap li:first-child {padding-left:0;} .game_detail .gallery_wrap img {width:549px;height:310px;border-radius:10px;} .game_detail .game_txt {position:relative;margin-top:35px;padding-bottom:32px;border-bottom:1px solid #ccc;} .game_detail .feature_txt {position:relative;margin-top:25px;padding-bottom:45px;} .game_detail .game_feature_list {height:160px;margin:0;padding:0;font-size:2.4rem;color:#999;line-height:32px;border:0;overflow:hidden;} .game_detail h3 {margin-bottom:21px;font-size:2.6rem;color:#444;font-weight:bold;} .game_detail .txt {height:160px;font-size:2.4rem;color:#999;line-height:32px;overflow:hidden;} .game_detail .more {margin-top:27px;} .game_detail .more button {position:relative;padding-right:22px;font-size:2.4rem;color:#2a84d8;font-weight:bold;} .game_detail .more button:after {content:"";position:absolute;right:0;top:50%;width:16px;height:10px;margin-top:-5px;background:url(../img/icon_more.png)no-repeat left top;background-size:100% 100%;} .game_detail .on .txt, .game_detail .on .game_feature_list {height:auto;} .game_detail .on .more {display:none;} .game_detail .other_game {padding:34px 0;background:#fff;} .game_detail .other_game h3 {margin:0 0 22px 20px;} .game_detail .other_game div {height:276px;overflow-x:scroll;} .game_detail .other_game div::-webkit-scrollbar {display:none;} .game_detail .other_game ul {display:table;height:100%;padding:0 20px;overflow:hidden;} .game_detail .other_game li {display:table-cell;width:200px;height:100%;padding-left:30px;text-align:center;overflow:hidden;} .game_detail .other_game li:first-child {padding-left:0;} .game_detail .other_game a {display:block;} .game_detail .other_game .thumb {width:200px;height:200px;margin:0 auto 12px;border-radius:48px;overflow:hidden;} .game_detail .other_game .thumb img {width:100%;height:100%;} .game_detail .other_game dl {text-align:center;} .game_detail .other_game dt {height:34px;margin-bottom:1px;font-size:2.6rem;color:#666;width:100%;line-height:34px;font-weight:bold;overflow:hidden;} .game_detail .other_game dd {font-size:2.2rem;color:#2a84d8;} .game_detail .other_game dt i {display:inline-block;width:auto;height:34px;margin-right:5px;vertical-align:top;} .game_detail .other_game dt i img {width:auto;height:100%;} /* customer service */ .custom_menu {margin:30px 20px 0;border:1px solid #ccc;} .custom_menu li a {height:100px;position:relative;display:block;border-top:1px solid #ccc;color:#666;font-size:3.4rem;font-weight:bold;line-height:100px;text-align:center;background-color:#fff;} .custom_menu li:first-child a {border-top:0;} .custom_menu li a strong {color:#2a84d8;} .custom_menu li a .new {width:38px;height:38px;position:absolute;right:20px;top:30px;color:rgba(0,0,0,0);background:url('../img/ico_new.png') no-repeat 0 0;background-size:38px 38px;} .board_list {border-top:1px solid #ccc;} .board_list.cnews {margin:20px 0 0 0;} .board_list li {border-bottom:1px solid #ccc;background-color:#fff;} .board_list.edit li {position:relative;padding:0 20px 18px;} .board_list li a {display:block;position:relative;padding:0 20px 18px;} .board_list li .category {display:block;overflow:hidden;padding:16px 140px 0 0;color:#999;font-size:2.2rem;text-overflow:ellipsis;white-space:nowrap;} .board_list.cnews li .category {color:#bfbfbf;} .board_list li .category .state_comp {color:#2a84d8;} .board_list li .category .state_proc {color:#999;} .board_list li .category .state_rece {color:#db2c33;} .board_list li .date {position:absolute;right:20px;top:16px;color:#bfbfbf;font-size:2.0rem;} .board_list li .tit {display:block;padding:18px 26px 0 0;color:#666;font-size:2.6rem;font-weight:normal;} .board_list.msg li .tit {overflow:hidden;padding:18px 62px 0 0;text-overflow:ellipsis;white-space:nowrap;} .board_list.cnews li .tit {display:-webkit-box;overflow:hidden;;padding:18px 0 0 0;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .board_list li .ico_new {width:38px;height:38px;position:absolute;right:20px;top:57px;color:rgba(0,0,0,0);background:url('../img/ico_new.png') no-repeat 0 0;background-size:38px 38px;} .board_list li .btn_delete {width:59px;height:59px;position:absolute;right:0;top:47px;color:rgba(0,0,0,0);background:url('../img/btn_delete_2.png') no-repeat 20px 20px;background-size:19px 19px;} .board_list.cnews li .commdate {display:block;padding:6px 0 0 0;color:#999;font-size:2.4rem;} .board_list.cnews li .commdate i {color:#db2c33;font-style:normal;} .board_view {position:relative;border-top:1px solid #ccc;background-color:#fff;} .board_view .category {display:block;padding:16px 0 0 20px;color:#999;font-size:2.2rem;} .board_view .category .state_comp {color:#2a84d8;} .board_view .category .state_proc {color:#999;} .board_view .category .state_rece {color:#db2c33;} .board_view .date {position:absolute;right:20px;top:16px;color:#bfbfbf;font-size:2.0rem;} .board_view .tit {display:block;padding:18px 52px 20px 0;margin:0 0 0 20px;color:#666;font-size:2.6rem;font-weight:normal;word-wrap:break-word;border-bottom:1px solid #ccc;} .board_view .image {display:block;margin:20px 240px 0 20px;} .board_view .noti img {width:100% !important;margin:0 0 20px 0;} .board_view .image img {width:100%;} .board_view .image_dp {display:block;margin:20px 20px 0;} .board_view .image_dp img {width:95px;height:120px;} .board_view .txt {padding:22px 20px 30px;color:#999;font-size:2.6rem;line-height:34px;word-wrap:break-word;word-break:keep-all;} .board_view .txt a {color:#2a84d8;font-size:2.6rem;text-decoration:underline;} .mymsg_answer {position:relative;padding:0 0 40px 20px;background-color:#fff;} .mymsg_answer .tit {display:block;padding:14px 0 0 23px;color:#2a84d8;font-size:2.2rem;font-weight:normal;border-top:1px solid #ccc;background:url('../img/ico_answer.png') no-repeat 0 10px;background-size:14px 20px;} .mymsg_answer .date {position:absolute;right:20px;top:16px;color:#bfbfbf;font-size:2.0rem;} .mymsg_answer .txt {margin:18px 20px 0 0;color:#666;font-size:2.6rem;line-height:36px;} .mymsg_answer .recont {padding:30px 20px 0 0;} .mymsg_answer .btn_recont {width:100%;height:68px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2b84d8;} .mymsg_answer .image {display:block;margin:26px 240px 10px 0;} .mymsg_answer .image img {width:100%;} /* 2019-09-11 추가 */ .mymsg_answer .rating {margin:40px 20px 0 0;padding:32px 29px 40px;background:#eee;border:1px solid #ccc;} .mymsg_answer .rating .rating_txt {margin-bottom:34px;font-size:2.8rem;line-height:34px;color:#666;text-align:center;} .mymsg_answer .rating .selec_star {margin-bottom:40px;text-align:center;vertical-align:top;} .mymsg_answer .rating .selec_star li {display:inline-block;width:56px;height:55px;margin-left:10px;vertical-align:top;} .mymsg_answer .rating .selec_star li:first-child {margin-left:0;} .mymsg_answer .rating .selec_star li button {width:100%;height:100%;font-size:0;background:url('../img/icon_star.png')no-repeat left top;background-size:100% 100%;cursor:pointer;} .mymsg_answer .rating .selec_star li button.on {background:url('../img/icon_star_on.png')no-repeat left top;background-size:100% 100%;} .mymsg_answer .rating .select {margin-bottom:40px;} .mymsg_answer .rating .select select {width:100%;height:56px;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;border-radius:10px;background-size:38px 10px;} .mymsg_answer .rating .btn_rating button {width:100%;height:67px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2b84d8;} .mymsg_answer .rating_complete {margin:40px 20px 0 0;padding:49px 29px 51px;font-size:2.8rem;color:#2a84d8;line-height:40px;background:#eee;border:1px solid #ccc;text-align:center;} .view_navi {height:68px;position:relative;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .view_navi .btn_prev, .view_navi .btn_next {width:56px;height:68px;position:absolute;left:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_prev_on.png') no-repeat 20px 20px;background-size:16px 28px;} .view_navi .btn_next {left:116px;background:url('../img/btn_next_on.png') no-repeat 20px 20px;background-size:16px 28px;} .view_navi .btn_prev.non {background:url('../img/btn_prev_off.png') no-repeat 20px 20px;background-size:16px 28px;} .view_navi .btn_next.non {background:url('../img/btn_next_off.png') no-repeat 20px 20px;background-size:16px 28px;} .view_navi .btn_list {height:68px;position:absolute;right:20px;top:0;color:#999;font-size:3.0rem;line-height:68px;text-align:center;} .reportcenter_info {margin:24px 20px 0;} .reportcenter_info p {margin:0 0 32px 0;color:#666;font-size:2.8rem;line-height:36px;} .reportcenter_agree {margin:10px 0 0;padding:0 0 20px 0;color:#999;font-size:2.4rem;line-height:30px;} .reportcenter_agree .agree {padding:40px 0 14px 0;} .reportcenter_agree input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .reportcenter_agree label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:28px;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .reportcenter_agree label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .reportcenter_agree em {display:block;padding:0 0 0 18px;color:#d82a2a;font-style:normal;text-indent:-18px;} .reportcenter_agree .btn_use_link {display:block;margin:24px 0 0 0;color:#2a84d8;font-size:2.8rem;line-height:38px;text-align:center;text-decoration:underline;} .search_none {margin-top:40px;padding:0 40px;padding-top:246px;font-size:3.2rem;line-height:42px;color:#666;font-weight:bold;text-align:center;background:url('../img/bg_character_1.png')no-repeat center 0;background-size:221px 217px;} .sel_game {margin-top:-20px;padding:0 18px;overflow:hidden;} .sel_game li {float:left;width:50%;padding:0 18px;margin-top:36px;box-sizing:border-box;} .sel_game li a {position:relative;display:block;overflow:hidden;border-radius:40px;} .sel_game li img {width:100%;} .sel_game li .name {position:absolute;left:0;top:0;width:100%;height:100%;padding:0 30px;font-size:2.8rem;color:#fff;line-height:34px;font-weight:bold;text-align:center;background:rgba(0,0,0,.5);box-sizing:border-box;} .sel_game .name .cells {display:table;width:100%;height:100%;vertical-align:middle;} .sel_game .name .cell {display:table-cell;width:100%;height:100%;vertical-align:middle;} .sel_game .name i {display:inline-block;width:10px;height:10px;margin:10px 10px 0 0;background:#fa424a;border-radius:100px;vertical-align:top;} .btn_game_more {padding:40px 36px 0;} .btn_game_more button {width:100%;height:68px;font-size:3.0rem;color:#fff;background:#bfbfbf;border-radius:10px;} /* cafe */ .cafe_all_list {margin:30px 0 0 0;border-top:1px solid #ccc;} .cafe_all_list.ty2 {margin:20px 0 0 0;} .cafe_all_list li {position:relative;border-bottom:1px solid #ccc;background-color:#fff;} .cafe_all_list li a {display:block;padding:0 0 0 20px;height:154px;} .cafe_all_list li .game_name {display:block;overflow:hidden;padding:36px 212px 0 0;color:#444;font-size:3.0rem;font-weight:normal;line-height:34px;text-overflow:ellipsis;white-space:nowrap;} .cafe_all_list li .date {display:block;padding:26px 0 0 0;color:#bfbfbf;font-size:2.4rem;line-height:40px;} .cafe_all_list li .date .new {width:38px;height:38px;display:inline-block;color:rgba(0,0,0,0);background:url('../img/ico_new.png') no-repeat 0 0;background-size:38px 38px;} .cafe_all_list li .image {width:114px;height:114px;position:absolute;right:78px;top:20px;} .cafe_all_list li .image img {width:100%;} .cafe_all_list li .btn_bookmark {width:78px;height:77px;position:absolute;right:0;top:39px;overflow:hidden;color:rgba(0,0,0,0);background:url('../img/btn_bookmark_off.png') no-repeat 20px 20px;background-size:38px 37px;} .cafe_all_list li .btn_bookmark.selected {background:url('../img/btn_bookmark_on.png') no-repeat 20px 20px;background-size:38px 37px;} .ssub_tab {margin:20px 20px 0;} .ssub_tab:after {display:block;clear:both;content:'';} .ssub_tab li {width:33.33%;float:left;} .ssub_tab li a {height:54px;display:block;color:#2a84d8;font-size:2.6rem;line-height:56px;text-align:center;border-radius:10px;border:1px solid #2a84d8;background-color:#fff;} .ssub_tab li:nth-of-type(1) a {border-radius:10px 0 0 10px;} .ssub_tab li:nth-of-type(2) a {border-radius:0 0 0 0;border-left:0;border-right:0;} .ssub_tab li:nth-of-type(3) a {border-radius:0 10px 10px 0;} .ssub_tab li a.selected {color:#fff;background-color:#2a84d8;} .cafe_list.cposts {margin:20px 0 0 0;} .cafe_list.cposts li.image a {min-height:186px;} .cafe_list li a .game_name {display:block;padding:18px 0 0 0;color:#bfbfbf;font-size:2.4rem;font-style:italic;font-weight:normal;} .cafe_mg_head {height:192px;position:relative;border-bottom:1px solid #ccc;background-color:#2a84d8;} .cafe_mg_head .game_name {overflow:hidden;padding:28px 20px 0 190px;color:#fefefe;font-size:3.0rem;text-overflow:ellipsis;white-space:nowrap;} .cafe_mg_head .game_name .tit {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .cafe_mg_head .game_name .ntype {display:block;color:#ddd;font-size:2.4rem;font-weight:normal;} .cafe_mg_head .image {width:144px;height:144px;position:absolute;left:20px;top:20px;padding:4px;background-color:#fff;} .cafe_mg_head .image img {width:100%;} .cafe_mg_head .btn_area {position:absolute;right:20px;top:104px;} .cafe_mg_head .btn_area:after {display:block;clear:both;content:'';} .cafe_mg_head .btn_area a {width:68px;height:68px;overflow:hidden;float:left;margin:0 0 0 20px;color:rgba(0,0,0,0);} .cafe_mg_head .btn_area a.btn_wechat {background:url('../img/btn_wechat_4.png') no-repeat;background-size:68px 68px;} .cafe_mg_head .btn_area a.btn_event {background:url('../img/btn_event.png') no-repeat;background-size:68px 68px;} .cafe_mg_head .btn_area a.btn_download {background:url('../img/btn_download_3.png') no-repeat;background-size:68px 68px;} .btn_cafe_dtail {padding:0 0 20px 0;} .btn_cafe_dtail:after {display:block;clear:both;content:'';} .btn_cafe_dtail button {width:49%;height:56px;float:left;color:#666;font-size:2.6rem;border-radius:10px;border:1px solid #ccc;background-color:#fff;} .btn_cafe_dtail button:first-child {margin:0 1% 0 0;} .btn_cafe_dtail button:last-child {margin:0 0 0 1%;} .btn_cafe_dtail button.selected {color:#2a84d8;border:1px solid #2a84d8;} .btn_cafe_dtail button:nth-of-type(2n-1):last-child {width:100%;float:none;margin:0 0 0 0;} .cafe_notice {margin:13px 0 30px 0;} .cafe_notice li {background-color:#fff;} .cafe_notice li:first-child {border-top:1px solid #ccc;} .cafe_notice li:last-child {border-bottom:1px solid #ccc;} .cafe_notice li a {height:68px;display:block;position:relative;overflow:hidden;margin:0 0 0 20px;padding:0 170px 0 0;color:#666;font-size:2.6rem;line-height:68px;text-overflow:ellipsis;white-space:nowrap;border-top:1px solid #ccc;} .cafe_notice li:first-child a {border-top:0;} .cafe_notice li a .date {position:absolute;right:20px;top:0;color:#bfbfbf;font-size:2.4rem;} .search_result_tit {margin:0 0 20px 0;padding:22px 20px 24px;color:#2a84d8;font-size:2.6rem;line-height:34px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .cafe_list.search_r .txt, .cafe_list.search_r.author .nt {color:#2a84d8;} .cafe_list.search_r.author .txt {color:#666;} .cafe_list.search_r .cont {padding:22px 20px 26px 0;color:#666;font-size:2.6rem;line-height:35px;border-top:1px solid #e3e3e3;} .cafe_list.search_r .cont span {display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;} .cafe_list.search_r .search_result_tit .ser_word, .cafe_list.search_r .cont .ser_word {color:#444;} .cafe_detail_head {position:relative;padding:30px 0 0 20px;border-top:1px solid #ccc;background-color:#fff;} .cafe_detail_head .user_id {display:block;padding:0 0 0 72px;color:#666;font-size:3.2rem;font-weight:normal;line-height:22px;} .cafe_detail_head .geti {display:block;padding:8px 0 0 72px;color:#bfbfbf;font-size:2.0rem;font-style:italic;} .cafe_detail_head .geti em {color:#999;font-size:2.0rem;} .cafe_detail_head .image {width:64px;height:64px;position:absolute;left:20px;top:20px;} .cafe_detail_head .image img {width:100%;border-radius:10.0rem;} .cafe_detail_head .tit {display:block;padding:28px 20px 60px 0;color:#444;font-size:3.0rem;font-weight:normal;line-height:36px;word-wrap:break-word;border-bottom:1px solid #ccc;} .cafe_detail_head .info {position:absolute;right:20px;bottom:20px;color:#bbb;font-size:2.4rem;line-height:20px;} .cafe_detail_head .info .hits {margin:0 24px 0 0;padding:0 0 0 35px;background:url('../img/ico_hits.png') no-repeat 0 7px;background-size:26px 18px;} .cafe_detail_head .info .comment {padding:0 0 0 30px;background:url('../img/ico_comment.png') no-repeat 0 7px;background-size:22px 18px;} .cafe_detail_head .btn_multi {width:50px;height:70px;position:absolute;right:10px;top:10px;overflow:hidden;color:rgba(0,0,0,0);background:url('../img/btn_multi.png') no-repeat 20px 20px;background-size:10px 30px;} .cafe_detail_cont {padding:20px 0 0 0;background-color:#fff;} .cafe_detail_cont .image {display:block;position:relative;margin:0 240px 20px 20px;} .cafe_detail_cont .image.play:after {width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.6) url('../img/btn_play_2.png') no-repeat 50% 50%;background-size:80px 80px;content:'';} .cafe_detail_cont .image img {width:100%;} .cafe_detail_cont .china_war {height:525px;display:block;margin:10px 240px 10px 20px;padding:202px 0 0 0;background-color:#dcdcdc;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;} .cafe_detail_cont .china_war img {width:355px;height:121px;} .cafe_detail_cont .txt {padding:22px 20px 30px;color:#666;font-size:2.6rem;line-height:34px;word-wrap:break-word;} .comment_write {position:relative;padding:20px 0;border-top:1px solid #ccc;background-color:#dcdcdc;} .comment_write .btn_img_import {width:96px;height:56px;position:absolute;left:0;top:20px;color:rgba(0,0,0,0);background:url('../img/btn_photo_1.png') no-repeat 20px 0;background-size:56px 56px;} .comment_write .msg_inp {display:block;position:relative;margin:0 156px 0 20px;border-radius:10px;background-color:#fff;} .comment_write.new .msg_inp {margin:0 156px 0 96px;} .comment_write .msg_inp .auto_intext {width:100%;height:56px;overflow:hidden;padding:10px 58px 16px 20px;color:#666;font-size:2.6rem;line-height:30px;vertical-align:top; -webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:0;} .comment_write .msg_inp .btn_delete {width:58px;height:56px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_2.png') no-repeat 20px 19px;background-size:19px 19px;} .comment_write .btn_send {width:116px;height:56px;position:absolute;right:20px;top:20px;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#2a84d8;} .comment_write .file_info {width:378px;height:46px;overflow:hidden;position:relative;margin:20px 20px 0;padding:0 58px 0 20px;border-radius:10px;background-color:#bfbfbf;-webkit-box-sizing:border-box;box-sizing:border-box;} .comment_write .file_info span {display:block;overflow:hidden;color:#fff;font-size:2.0rem;line-height:44px;text-overflow:ellipsis;white-space:nowrap;} .comment_write .file_info .btn_fidelete {width:58px;height:46px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_8.png') no-repeat 20px 14px;background-size:18px 18px;} .comment_list {background-color:#fff;} .comment_list li {position:relative;padding:20px 0 22px 0;border-top:1px solid #ccc;} .comment_list li .user_id {display:block;padding:0 0 0 74px;color:#bfbfbf;font-size:2.0rem;line-height:50px;} .comment_list li .user_id strong {color:#666;font-size:2.4rem;font-weight:normal;} .comment_list li .image {width:46px;height:46px;position:absolute;left:20px;top:20px;} .comment_list li .image img {width:100%;border-radius:10.0rem;} .comment_list li .txt {padding:10px 20px 0 74px;color:#999;font-size:2.4rem;line-height:30px;word-wrap:break-word;} .comment_list li .txt.del {padding:0 20px 0 76px;} .comment_list li .btn_reply {margin:24px 0 0 74px;color:#2a84d8;font-size:2.6rem;font-style:italic;text-decoration:underline;} .comment_list li .btn_delete {width:59px;height:59px;position:absolute;right:0;top:0;overflow:hidden;color:rgba(0,0,0,0);background:url('../img/btn_delete_4.png') no-repeat 20px 20px;background-size:19px 19px;} .comment_list li .upload_image {margin:20px 404px 0 76px;padding:0 0 10px 0;} .comment_list li .upload_image img {width:100%;} .comment_list li .reply {position:relative;margin:22px 0 0 0;border-top:1px solid #ccc;} .comment_list li .reply li {margin:22px 0 0 0;padding:20px 0 0 0;background:url('../img/ico_comment_2.png') no-repeat 20px 20px;background-size:14px 30px;} .comment_list li .reply li:first-child {margin:0 0 0 0;border:0;} .comment_list li .reply .user_id {padding:0 0 0 98px;} .comment_list li .reply .image{left:44px;} .comment_list li .reply .txt {padding:7px 20px 0 98px;} .comment_list li .reply.new {margin:22px 0 0 76px;} .comment_list li .reply.new li {background:none;} .comment_list li .reply.new .user_id {padding:0 0 0 56px;} .comment_list li .reply.new .image{left:0;} .comment_list li .reply.new .txt {padding:7px 20px 0 56px;} .comment_list li .reply .upload_image {margin:20px 348px 0 56px;padding:0 0 10px 0;} .reply_write {position:relative;margin:30px 0 0 0;} .reply_write .btn_img_import {width:96px;height:56px;position:absolute;left:56px;top:0;color:rgba(0,0,0,0);background:url('../img/btn_photo_2.png') no-repeat 20px 0;background-size:56px 56px;} .reply_write .msg_inp {display:block;position:relative;margin:0 156px 0 74px;border-radius:10px;background-color:#fff;} .reply_write.new .msg_inp {margin:0 156px 0 152px;} .reply_write .msg_inp .auto_intext {width:100%;height:56px;overflow:hidden;padding:10px 58px 16px 20px;color:#666;font-size:2.6rem;line-height:30px;vertical-align:top; -webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:0;background-color:#dcdcdc;} .reply_write .msg_inp .auto_intext::-webkit-input-placeholder, .reply_write .msg_inp .auto_intext::-webkit-input-placeholder {color:#bfbfbf;} .reply_write .msg_inp .auto_intext::-moz-placeholder, .reply_write .msg_inp .auto_intext::-moz-placeholder {color:#bfbfbf;} .reply_write .msg_inp .btn_delete {width:58px;height:56px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_5.png') no-repeat 20px 19px;background-size:18px 18px;} .reply_write .btn_send {width:116px;height:56px;position:absolute;right:20px;top:0;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#2a84d8;} .reply_write .file_info {width:378px;height:46px;position:relative;margin:20px 20px 10px 76px;padding:0 58px 0 20px;border-radius:10px;background-color:#bfbfbf;-webkit-box-sizing:border-box;box-sizing:border-box;} .reply_write .file_info span {display:block;overflow:hidden;color:#fff;font-size:2.0rem;line-height:44px;text-overflow:ellipsis;white-space:nowrap;} .reply_write .file_info .btn_fidelete {width:58px;height:46px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_8.png') no-repeat 20px 14px;background-size:18px 18px;} .comment_paging {height:80px;overflow:hidden;padding:0 20px;border-top:1px solid #ccc;background-color:#fff;} .comment_paging .tit {float:left;color:#999;font-size:2.6rem;font-weight:normal;line-height:80px;} .comment_paging .btn_cpv {float:right;color:#2a84d8;font-size:2.6rem;line-height:80px;} .report_tit {margin:24px 20px 0;color:#666;font-size:2.8rem;font-weight:normal;line-height:32px;} .report_txt {margin:8px 20px 0;color:#2a84d8;font-size:2.4rem;} .report_type {margin:24px 20px 0;border:1px solid #ccc;background-color:#fff;} .report_type:after {display:block;clear:both;content:'';} .report_type li {height:80px;float:left;width:50%;padding:21px 0 0 20px;border-top:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;} .report_type li:nth-of-type(1), .report_type li:nth-of-type(2) {border-top:0;} .report_type input[type="radio"] {width:0;height:0;position:absolute;top:1px;left:1px;} .report_type label {display:inline-block;padding:0 0 0 48px;color:#666;font-size:2.6rem;line-height:38px;background:url('../img/bg_radio_off.png') no-repeat 0 0;background-size:39px 38px;} .report_type label.checked {background:url('../img/bg_radio_on.png') no-repeat 0 0;background-size:39px 38px;} .report_txtarea {margin:20px 20px 0;padding:30px 20px 18px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;background-color:#fff;} .report_txtarea textarea {width:100%;height:114px;color:#666;font-size:2.8rem;line-height:28px;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;} .report_txtarea .limit {margin:36px 0 0 0;color:#cfcfcf;font-size:2.0rem;text-align:right;} .report_txtarea .limit span {color:#2a84d8;} .iv_report_bar {width:100%;height:80px;position:absolute;left:0;top:0;background:rgba(0,0,0,0.8);} .iv_report_bar.ing {margin:68px 0 0 0;} .iv_report_bar .navi {display:block;color:#fff;font-size:2.8rem;line-height:74px;text-align:center;} .iv_report_bar .btn_report {width:76px;height:80px;position:absolute;left:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_report.png') no-repeat 20px 22px;background-size:36px 31px;} .iv_report_bar .btn_close {width:65px;height:80px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_close.png') no-repeat 20px 28px;background-size:25px 25px;} .iv_con {width:100%;height:100%;display:table;text-align:center;background-color:#000;} .iv_con .image {height:100%;display:table-cell;vertical-align:middle;} .iv_down_bar {width:100%;height:100px;position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.8);} .iv_down_bar .btn_down {width:106px;height:100px;position:absolute;left:50%;top:0;margin:0 0 0 -53px;color:rgba(0,0,0,0);background:url('../img/btn_download_2.png') no-repeat 35px 35px;background-size:36px 31px;} /* login */ .txt_notice {padding:12px 20px 14px;font-size:2.4rem;color:#fff;background:#db2c33;} .login {position:relative;width:auto;padding:0 50px;} .login .btn_join {position:static;right:auto;top:auto;padding:0;color:#2b84d8;font-size:2.8rem;font-weight:normal;line-height:auto;background:none;} .login .btn_pwd_link, .login .btn_cs_link, .login .log_sel .bar {display:inline;margin:0;color:#2b84d8;font-size:2.8rem;text-decoration:underline;} .login .log_sel .bar:nth-of-type(1) {display:inline;} .login .login_form {position:relative;padding:40px 0 0 0;} .login.mw .login_form {padding:40px 0 0 0;} .login .login_form .email_inp, .login .login_form .pwd_inp {display:block;margin:0 220px 0 0;} .login .login_form input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.2rem;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box; border:1px solid #ccc;border-bottom:0;} .login .login_form input[type="text"] {border-radius:8px 0 0 0;} .login .login_form input[type="password"] {height:81px;border-bottom:1px solid #ccc;border-radius:0 0 0 8px;} .login .login_form .error {margin:0 263px 0 0;padding:8px 0 0 0;color:#d82a2a;font-size:2.4rem;line-height:30px;text-align:center;} .login .login_form .btn_help {width:52px;height:26px;display:inline-block;margin:4px 0 0 0;color:rgba(0,0,0,0);vertical-align:top;background:url('../img/btn_help.png') no-repeat 0 0;background-size:100% 100%;} .login .login_form .btn_login {width:220px;height:163px;position:absolute;right:0;top:40px;color:#fff;font-size:3.2rem;font-weight:bold;border-radius:0 10px 10px 0; border-top:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#2b84d8;margin-top:0;} .login .login_form .btn_login.off {background-color:#cfcfcf;} .login.captcha .login_form .email_inp, .login.captcha .login_form .pwd_inp {margin:0 0 0 0;} .login.captcha .login_form input[type="text"] {border-radius:8px 8px 0 0;} .login.captcha .login_form input[type="password"] {border-radius:0 0 8px 8px;} .login.captcha .login_form .error {margin:0 0 0 0;} .login.captcha .login_form .btn_login {width:100%;height:80px;position:relative;top:0;border-radius:10px;border:0;} .login .log_sel {text-align:left;margin:10px 0 0 0;} .login .log_sel:after {display:block;clear:both;content:'';} .login .log_sel .btn_pwd_link, .login .log_sel .btn_join, .login .log_sel .btn_cs_link, .login .log_sel .bar {display:inline;color:#2b84d8;font-size:2.8rem;text-decoration:underline;} .login .log_sel .bar {margin:0 10px;text-decoration:none;} .login.mw .log_sel .btn_pwd_link {float:right;} .login .log_sel .auto {float:left;} .login .log_sel .auto label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:28px;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .login .log_sel .auto label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .login .log_sel .auto input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .login .log_with {margin:16px 0 0 0;} .login .log_with:after {display:block;clear:both;content:'';} .login .btn_face_link, .login .btn_goo_link, .login .btn_weibo_link, .login .btn_qq_link, .login .btn_vk_link, .login .btn_apple_link, .login .btn_huawei_link, .login .btn_ph_link {width:49%;height:34px;position:relative;float:left;color:#fff;font-size:13px;line-height:100%;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;} .login .btn_face_link {background-color:#3b5998;} .login .btn_goo_link {padding:0 0 0 1px;text-align:left;border-radius:3px;background-color:#4285f4;} .login .btn_weibo_link {color:#666;border:1px solid #aaa;background-color:#dcdcdc;} .login .btn_qq_link {border:1px solid #0d5c8f;background-color:#0076c3;} .login .btn_vk_link {background-color:#4c75a3;} .login .btn_ph_link {color:#666;border:1px solid #aaa;background-color:#fff;} .login .btn_apple_link {color:#000;background-color:#fff;border:1px solid #000;} .login .btn_huawei_link {color:#fff;background-color:#ef484b;} .login .log_with button:nth-of-type(2n-1) {margin:0 1% 10px 0;} .login .log_with button:nth-of-type(2n-2) {margin:0 0 10px 1%;} .login .log_with button:nth-of-type(1):last-child, .login .log_with button:nth-of-type(3):last-child {width:100%;display:block;float:none;margin:0 auto 10px;} .login .ico_fg {width:14px;height:14px;display:inline-block;padding:0 10px 0 0;vertical-align:top;} .login .btn_face_link .ico_fg {background:url('../img/ico_face.png') no-repeat 0 0;background-size:14px 14px;} .login .btn_goo_link .ico_fg {padding:0 0 0 0;text-align:center;} .login .btn_goo_link.ko .ico_fg {width:100px;height:32px;background:url('../img/ico_google_ko.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.en .ico_fg {width:151px;height:32px;background:url('../img/ico_google_en.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.ja .ico_fg {width:137px;height:32px;background:url('../img/ico_google_ja.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.cn .ico_fg {width:105px;height:32px;background:url('../img/ico_google_cn.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.tw .ico_fg {width:105px;height:32px;background:url('../img/ico_google_tw.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.de .ico_fg {width:137px;height:32px;background:url('../img/ico_google_de.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.ru .ico_fg {width:130px;height:32px;background:url('../img/ico_google_ru.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_goo_link.fr .ico_fg {width:185px;height:32px;background:url('../img/ico_google_fr.png') no-repeat 0 0;background-size:100% 100%;} .login .btn_weibo_link .ico_fg {background:url('../img/ico_weibo.png') no-repeat 0 0;background-size:14px 14px;} .login .btn_qq_link .ico_fg {background:url('../img/ico_qq.png') no-repeat 0 0;background-size:14px 14px;} .login .btn_vk_link .ico_fg {background:url('../img/ico_vk.png') no-repeat 0 0;background-size:14px 14px;} .login .btn_ph_link .ico_fg {background:url('../img/ico_phone.png') no-repeat 0 0;background-size:14px 14px;} .login .btn_apple_link .ico_fg {background:url('../img/ico_apple.png') no-repeat 0 0;background-size:14px 14px;} .login .btn_huawei_link .ico_fg {background:url('../img/ico_huawei.png') no-repeat 0 0;background-size:14px 13px;} .login .captchabox {margin:20px 0 40px 0;padding:30px 30px 24px;border:1px solid #ccc;border-radius:8px;background-color:#fff;} .login.captcha .captchabox {margin:20px 0 20px 0;} .login .captcha_inp {width:498px;margin:0 auto;} .login .captchabox .cimage {width:496px !important;height:94px !important;margin:0 auto;border:1px solid #ccc;} .login .captchabox .cimage img {width:100% !important;height:100% !important;} .login .captchabox .txt {position:relative;padding:30px 0 0 0;color:#2a84d8;font-size:2.4rem;line-height:30px;} .login .captchabox .txt.w {padding:8px 0 0 0;color:#d82a2a;} .login .captchabox .btn_refresh {width:48px;height:48px;position:absolute;right:0;top:20px;color:rgba(0,0,0,0);background:url('../img/btn_refresh_3.png') no-repeat;background-size:48px 48px;} .login .login_form .captchabox input {width:100%;height:78px;margin:30px 0 0 0;text-align:left;border-radius:0;border:1px solid #ccc;background-color:#f0f0f0;} .login .captchabox #recaptcha {width:304px;height:78px;margin:0 auto;}/* 2018-04-03 reCAPTCHA V2 적용 */ .login .copy {clear:both;padding:44px 0 0 0;color:#afafaf;font-size:2.0rem;text-align:center;} .login .copy span {margin:0 14px;} .login .log_with_cn {height:118px;position:relative;margin:26px 0 0 0;border-radius:1.0rem;background-color:#a0c4e5;} .login .log_with_cn .txt {padding:46px 0 0 20px;color:#fff;font-size:2.4rem;line-height:26px;} .login .log_with_cn .btn_qq_link, .login .log_with_cn .btn_weibo_link {width:80px;height:80px;position:absolute;top:18px;color:rgba(0,0,0,0);border:0;background:url('../img/btn_qq.png') no-repeat 0 0;background-size:100% 100%;} .login .log_with_cn .btn_weibo_link {background:url('../img/btn_weibo_2.png') no-repeat 0 0;background-size:100% 100%;} .login .log_with_cn button:nth-of-type(1) {right:121px;} .login .log_with_cn button:last-child {right:21px;} /* 2019-10-29 추가 */ .login .login_sns {padding-top:13px;overflow:hidden;} .login .login_sns li {float:left;width:50%;height:68px;margin-top:20px;box-sizing:border-box;} .login .login_sns li:nth-child(odd) {padding-right:10px;} .login .login_sns li:nth-child(even) {padding-left:10px;} .login .login_sns.odd li:last-child {width:100%;padding:0;} .login .login_sns li button {position:relative;background:#fff;width:100%;height:100%;font-size:0;letter-spacing:-1px;color:#666;border-radius:10px;line-height:200%;background-position:50% 50%;background-repeat:no-repeat;} .login .login_sns li.facebook button {color:#fff;background-color:#1877f2;} .login .login_sns li.vk button {color:#fff;background-color:#4c75a3;} .login .login_sns li.apple button {color:#000;border:2px solid #000;box-sizing:border-box;} .login .login_sns li.huawei button {background-color:#ef484b;} .login .login_sns li.google button {background-image:url(../img/btn_google_ko.jpg);background-size:219px 68px;} .login .login_sns li.facebook button {background-image:url(../img/btn_facebook_ko.jpg);background-size:272px 68px;} .login .login_sns li.weibo button {background-image:url(../img/btn_weibo_ko.jpg);background-size:217px 68px;} .login .login_sns li.vk button {background-image:url(../img/btn_vk_ko.jpg);background-size:181px 68px;} .login .login_sns li.qq button {background-image:url(../img/btn_qq_ko.jpg);background-size:174px 68px;} .login .login_sns li.phone button {background-image:url(../img/btn_phone_ko.jpg);background-size:257px 68px;} .login .login_sns li.huawei button {background-image:url(../img/btn_huawei_ko.jpg);background-size:272px 68px;} .login .login_sns li.apple button {background-image:url(../img/btn_apple_ko.jpg);background-size:187px 68px;} .login .login_sns li.google.en button {background-image:url(../img/btn_google_en.jpg);background-size:256px 68px;} .login .login_sns li.facebook.en button {background-image:url(../img/btn_facebook_en.jpg);background-size:285px 68px;} .login .login_sns li.weibo.en button {background-image:url(../img/btn_weibo_en.jpg);background-size:252px 68px;} .login .login_sns li.vk.en button {background-image:url(../img/btn_vk_en.jpg);background-size:218px 68px;} .login .login_sns li.qq.en button {background-image:url(../img/btn_qq_en.jpg);background-size:209px 68px;} .login .login_sns li.phone.en button {background-image:url(../img/btn_phone_en.jpg);background-size:327px 68px;} .login .login_sns li.apple.en button {background-image:url(../img/btn_apple_en.jpg);background-size:242px 68px;} .login .login_sns li.huawei.en button {background-image:url(../img/btn_huawei_en.jpg);background-size:305px 68px;} .login .login_sns li.google.ja button {background-image:url(../img/btn_google_ja.jpg);background-size:238px 68px;} .login .login_sns li.facebook.ja button {background-image:url(../img/btn_facebook_ja.jpg);background-size:268px 68px;} .login .login_sns li.weibo.ja button {background-image:url(../img/btn_weibo_ja.jpg);background-size:235px 68px;} .login .login_sns li.vk.ja button {background-image:url(../img/btn_vk_ja.jpg);background-size:201px 68px;} .login .login_sns li.qq.ja button {background-image:url(../img/btn_qq_ja.jpg);background-size:193px 68px;} .login .login_sns li.phone.ja button {background-image:url(../img/btn_phone_ja.jpg);background-size:302px 68px;} .login .login_sns li.apple.ja button {background-image:url(../img/btn_apple_ja.jpg);background-size:203px 68px;} .login .login_sns li.huawei.ja button {background-image:url(../img/btn_huawei_ja.jpg);background-size:272px 68px;} .login .login_sns li.google.zh-hans button {background-image:url(../img/btn_google_zh-hans.jpg);background-size:292px 68px;} .login .login_sns li.facebook.zh-hans button {background-image:url(../img/btn_facebook_zh-hans.jpg);background-size:252px 68px;} .login .login_sns li.weibo.zh-hans button {background-image:url(../img/btn_weibo_zh-hans.jpg);background-size:201px 68px;} .login .login_sns li.vk.zh-hans button {background-image:url(../img/btn_vk_zh-hans.jpg);background-size:185px 68px;} .login .login_sns li.qq.zh-hans button {background-image:url(../img/btn_qq_zh-hans.jpg);background-size:178px 68px;} .login .login_sns li.phone.zh-hans button {background-image:url(../img/btn_phone_zh-hans.jpg);background-size:236px 68px;} .login .login_sns li.apple.zh-hans button {background-image:url(../img/btn_apple_zh-hans.jpg);background-size:199px 68px;} .login .login_sns li.huawei.zh-hans button {background-image:url(../img/btn_huawei_zh-hans.jpg);background-size:277px 68px;} .login .login_sns li.google.zh-hant button {background-image:url(../img/btn_google_zh-hant.jpg);background-size:224px 68px;} .login .login_sns li.facebook.zh-hant button {background-image:url(../img/btn_facebook_zh-hant.jpg);background-size:253px 68px;} .login .login_sns li.weibo.zh-hant button {background-image:url(../img/btn_weibo_zh-hant.jpg);background-size:202px 68px;} .login .login_sns li.vk.zh-hant button {background-image:url(../img/btn_vk_zh-hant.jpg);background-size:186px 68px;} .login .login_sns li.qq.zh-hant button {background-image:url(../img/btn_qq_zh-hant.jpg);background-size:179px 68px;} .login .login_sns li.phone.zh-hant button {background-image:url(../img/btn_phone_zh-hant.jpg);background-size:236px 68px;} .login .login_sns li.apple.zh-hant button {background-image:url(../img/btn_apple_zh-hant.jpg);background-size:226px 68px;} .login .login_sns li.huawei.zh-hant button {background-image:url(../img/btn_huawei_zh-hant.jpg);background-size:287px 68px;} .login .login_sns li.google.de button {background-image:url(../img/btn_google_de.jpg);background-size:279px 68px;} .login .login_sns li.facebook.de button {background-image:url(../img/btn_facebook_de.jpg);background-size:308px 68px;} .login .login_sns li.weibo.de button {background-image:url(../img/btn_weibo_de.jpg);background-size:276px 68px;} .login .login_sns li.vk.de button {background-image:url(../img/btn_vk_de.jpg);background-size:241px 68px;} .login .login_sns li.qq.de button {background-image:url(../img/btn_qq_de.jpg);background-size:234px 68px;} .login .login_sns li.phone.de button {background-image:url(../img/btn_phone_de.jpg);background-size:408px 68px;} .login .login_sns li.apple.de button {background-image:url(../img/btn_apple_de.jpg);background-size:264px 68px;} .login .login_sns li.huawei.de button {background-image:url(../img/btn_huawei_de.jpg);background-size:329px 68px;} .login .login_sns li.google.ru button {background-image:url(../img/btn_google_ru.jpg);background-size:341px 68px;} .login .login_sns li.facebook.ru button {background-image:url(../img/btn_facebook_ru.jpg);background-size:370px 68px;} .login .login_sns li.weibo.ru button {background-image:url(../img/btn_weibo_ru.jpg);background-size:337px 68px;} .login .login_sns li.vk.ru button {background-image:url(../img/btn_vk_ru.jpg);background-size:392px 68px;} .login .login_sns li.qq.ru button {background-image:url(../img/btn_qq_ru.jpg);background-size:295px 68px;} .login .login_sns li.phone.ru button {background-image:url(../img/btn_phone_ru.jpg);background-size:398px 68px;} .login .login_sns li.apple.ru button {background-image:url(../img/btn_apple_ru.jpg);background-size:320px 68px;} .login .login_sns li.huawei.ru button {background-image:url(../img/btn_huawei_ru.jpg);background-size:390px 68px;} .account_list {margin:30px 20px 0;} .account_list:after {display:block;clear:both;content:'';} .account_list li {width:48%;float:left;margin:0 2% 20px 0;background-color:#fff;} .account_list li:nth-of-type(2n-2) {margin:0 0 20px 2%;} .account_list li a {width:100%;height:104px;display:block;position:relative;border:1px solid #ccc;box-sizing:border-box;} .account_list li .user_id {padding:0 0 0 94px;color:#666;font-size:3.0rem;font-weight:normal;line-height:100px;} .account_list li .image {width:64px;height:64px;position:absolute;left:20px;top:20px;} .account_list li .image img {width:100%;} .btn_diff {width:100%;margin:26px 0 0 0;color:#2a84d8;font-size:2.8rem;text-align:center;text-decoration:underline;} .log_txt {padding:46px 20px 0;color:#999;font-size:2.4rem;line-height:30px;} .log_txt.ty1 {padding:21px 20px 0;font-size:2.8rem;color:#666;line-height:34px;} .log_txt.ty2 {padding:30px 20px 0;} .log_txt.ty3 {margin:0 0 -16px 0;padding:20px 40px 0;} .log_txt.ty4 {padding:0 20px 42px;color:#666;} .log_txt.ty5 {padding:0 20px 0;color:#666;} .log_txt.ty6 {padding:52px 20px 51px;font-size:2.8rem;line-height:34px;color:#666;} .log_txt.ty7 {padding:26px 20px 53px;font-size:3.6rem;color:#666;line-height:44px;text-align:center;} .log_txt.ty8 {padding:50px 20px 53px;font-size:3.6rem;color:#666;line-height:44px;text-align:center;} .log_txt em, .log_txt a {color:#2a84d8;font-style:normal;} .log_txt a, .log_txt.ty6 em {text-decoration:underline;} .security_txt {padding-top:35px;} .security_txt h4 {margin-bottom:12px;padding:15px 20px 14px;font-size:2.4rem;color:#fff;line-height:30px;font-weight:normal;background:#eb8813;text-align:center;} .security_txt .sub_txt {padding:0 20px;font-size:2.4rem;line-height:30px;color:#eb8813;} .time_count {margin-bottom:-20px;padding:25px 0 0;font-size:3.0rem;line-height:28px;color:#2a84d8;text-align:center;} .btn_email {padding-top:46px;text-align:center;} .btn_email button {font-size:2.8rem;color:#2a84d8;text-decoration:underline;} .view_id {padding:25px 20px;font-size:3.0rem;line-height:30px;color:#fff;text-align:center;background:#2a84d8;} .view_id strong {font-weight:normal;} .dormant_id {width:100%;height:80px;color:#fff;font-size:3.0rem;line-height:78px;text-align:center;background-color:#2a84d8;} .dormant_id dt {display:inline-block;} .dormant_id dd {display:inline-block;} .tit_log {margin:52px 20px 26px;color:#666;font-size:3.6rem;font-weight:normal;line-height:36px;text-align:center;} .logbox_info {margin:50px 20px 0;} .logbox_txt {width:100%;height:220px;display:table;padding:0 20px;color:#666;font-size:2.8rem;line-height:38px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box; border:1px solid #ccc;background-color:#fff;} .logbox_txt.ty2 {height:auto;padding:30px;text-align:left;} .logbox_txt span {height:100%;display:table-cell;vertical-align:middle;} .uns_txt {padding:44px 20px 0;color:#999;font-size:2.4rem;line-height:30px;} .uns_txt.ty2 {color:#666;} /* gdpr 적용 후 첫 로그인 유저 */ .first_login .join_agree {margin:0;padding:30px 20px 0;} .first_login .join_agree label {min-height:38px;padding:0 0 0 48px;} .first_login .join_agree .agree {padding:0;} .first_login .join_agree .all_agree label {line-height:1.21;font-weight:bold;font-size:2.8rem;} .first_login .join_agree .all_agree .all_desc {display:block;margin-top:7px;padding-left:48px;line-height:1.23;font-size:2.6rem;color:#898989;} .first_login .join_agree .option_check {padding-left:38px;} .first_login .join_agree .option_check .agree {margin-top:20px;} .first_login .join_agree .option_check .agree ~ .agree {margin-top:32px;} .first_login .join_agree .option_check label {line-height:1.21;} .first_login .join_agree .option_check label .option {color:#898989;} .first_login .join_agree .option_check .desc > span {display:block;margin-bottom:20px;} .first_login .join_agree .option_check .desc > a {font-style:italic;text-decoration:underline;} .first_login .join_agree .btn_login {margin-top:50px; } .first_login .join_agree .btn_login button {display:block;width:100%;height:68px;border-radius:10px;line-height:1;font-size:3.0rem;color:#fefefe;background-color:#2a84d8;} /* join */ .agree_chk {position:relative;padding:22px 78px 24px 20px;border-bottom:1px solid #ccc;background-color:#fff;} .agree_chk label {color:#666;font-size:2.8rem;line-height:32px;} .agree_chk label:after {width:78px;height:78px;position:absolute;right:0;top:50%;margin:-39px 0 0 0;background:url('../img/btn_accept_off.png') no-repeat 20px 20px;background-size:38px 38px;content:'';} .agree_chk label.checked:after {background:url('../img/btn_accept.png') no-repeat 20px 20px;background-size:38px 38px;} .agree_chk input[type="checkbox"], .join_agree input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .agree_con {padding:0 0 20px 0;background-color:#fff;} .agree_con.brs {border-bottom:1px solid #ccc;} .agree_con .agree_chk {margin:0 0 0 20px;padding:22px 78px 24px 0;border-bottom:0;border-top:1px solid #ccc;} .agree_con .agree_chk.brn {border-top:0;} .agree_con .agree_box {height:148px;overflow:auto;margin:0 20px 0;padding:18px 20px 20px 20px;color:#999;font-size:2.0rem;line-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box; border:1px solid #ccc;background-color:#eee;} .agree_con .agree_box h1, .agree_con .agree_box h2 {padding:10px 0 10px 0;font-size:2.4rem;} .agree_con .agree_box h3 {padding:0 0 10px 0;font-size:2.0rem;} .agree_con .agree_box table {margin:18px 0;border:1px solid #999;} .agree_con .agree_box table th, .agree_con .agree_box table td {padding:10px;border:1px solid #999;} .join_inp {margin:30px 0 0 0;} .join_inp li {margin:20px 20px 0;} .join_inp li:first-child {margin:0 20px 0;} .join_inp li input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .join_inp li .email_report:after {display:block;clear:both;content:'';} .join_inp li .email_report input {width:52%;float:left;} .join_inp li .email_report .t {width:6%;float:left;margin:18px 0 0 0;color:#666;font-size:3.6rem;line-height:38px;text-align:center;vertical-align:top;} .join_inp li .email_report select {width:42%;height:82px;float:right;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px; background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .join_inp li .email_conf {margin:18px 0 0 0;} .join_inp li .email_conf input {color:#bfbfbf;background-color:#eee;opacity:10;} .join_inp li .btn_sm {display:block;margin:8px 0 0 0;color:#2a84d8;font-size:2.8rem;line-height:30px;text-align:right;text-decoration:underline;} .join_inp .error, .acco_inp .error {margin:0 0 -4px 0;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .join_inp .error.ps {color:#2a84d8;} .join_inp .email {position:relative;} .join_inp .email input {padding:0 80px 0 20px;border:2px solid #db2c33;} .join_inp .btn_errorinfo {width:80px;height:82px;display:none;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/ico_war.png') no-repeat 22px 22px;background-size:38px 38px;} .join_inp .email .btn_errorinfo {display:block;} .join_inp .email .btn_errorinfo {display:block;} /* .join_inp .eu_birth {padding-right:58px;position:relative;} */ .join_inp .eu_birth label {display:inline-block;font-size:2.4rem;color:#2a84d8;} .join_inp .eu_birth .birthday {background-color:#fff;} .join_inp .eu_birth .btn_tip {display:block;width:58px;height:82px;position:absolute;right:0;top:0;font-size:0;color:transparent;background:url('../img/btn_tip.png') 100% 50% no-repeat;background-size:48px 48px;} .join_inp .eu_birth .tip_desc {line-height:1.25;font-size:2.4rem;color:#999;} .join_inp .eu_birth .tip_desc > p {padding:8px 0 22px;} .join_inp .eu_birth .tip_desc > a {line-height:1;font-size:2.6rem;font-style:italic;color:#2a84d8;text-decoration:underline;} .join_agree {margin:10px 20px 0;padding:0 0 20px 0;color:#999;font-size:2.4rem;line-height:30px;} .join_agree .agree {padding:20px 0 14px 0;} .join_agree .agree ~ .agree {padding:0 0 14px 0;} .join_agree label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:28px;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .join_agree label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .join_agree .desc {padding-left:48px;line-height:1.23;font-size:2.6rem;} .join_agree .desc > span {display:block;margin-bottom:20px;} .join_agree .desc a {font-style:italic;color:#2a84d8;text-decoration:underline;} .join_agree em {display:block;padding:0 0 0 18px;color:#d82a2a;font-style:normal;text-indent:-18px;} .join_agree .btn_use_link {display:block;margin:22px 0 0 0;color:#2a84d8;font-size:2.8rem;text-align:center;text-decoration:underline;} .join_agree .btn_use_link.ty2 {margin:38px 0 0 0;} .phone_num_inp input {width:100%;height:80px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;text-align:center; -webkit-box-sizing:border-box;box-sizing:border-box;border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .phone_num_inp .error {margin:0 20px;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-align:center;} .phone_num_inp .error.ty2 {margin:0 20px -14px;padding:8px 0 0 0;text-align:left;} .ios_info_time {margin:26px 20px 0;color:#2a84d8;font-size:3.0rem;text-align:center;} .ios_info_txt {margin:0 20px;padding:20px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .join_phone {margin:20px 0 0 0;padding:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#dcdcdc;} .join_phone .state_num {height:54px;padding:0 0 0 16px;color:#bfbfbf;font-size:2.6rem;line-height:54px;border:1px solid #ccc;border-radius:1.0rem;background-color:#eee;} .join_phone .verify_num {height:82px;margin:20px 0 0 0;position:relative;color:#444;font-size:3.0rem;line-height:40px;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .join_phone .verify_num .num_inp {height:100%;display:block;margin:0 218px 0 0;} .join_phone .verify_num .num_inp input {width:100%;height:100%;padding:0 0 0 20px;color:#444;font-size:3.0rem;line-height:40px;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;} .join_phone .verify_num button {width:194px;height:56px;position:absolute;right:12px;top:12px;color:#fff;font-size:2.6rem;border-radius:1.0rem;background-color:#2a84d8;} .join_phone .verify_num button.off {background-color:#bfbfbf;} .join_phone .error {margin:0 0 -4px 0;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .join_inp .email_mod {position:relative;} .join_inp .email_mod input {padding:0 160px 0 20px;color:#999;background-color:#fff;} .join_inp .btn_modify {min-width:120px;height:56px;position:absolute;right:12px;top:12px;padding:0 20px;color:#fff;font-size:2.6rem;line-height:100%;border-radius:1.0rem;background-color:#2a84d8;} .jv_email_txt {padding:0 20px 40px;color:#666;font-size:2.4rem;line-height:30px;} .jv_email_txt strong {color:#2a84d8;font-weight:normal;} .jv_email_box {margin:0 20px;padding:30px 40px 32px;color:#666;font-size:2.6rem;line-height:38px;text-align:center;border:1px solid #ccc;background-color:#fff;} .jv_email_box strong {display:block;padding:10px 0 0 0;color:#2a84d8;font-size:3.0rem;} .join_otp {margin:52px 20px 50px;} .join_otp p {line-height:1.21;font-size:2.8rem;font-weight:normal;color:#666;} .join_otp p ~ p{margin-top:34px;} .join_otp_block {margin:72px 20px 80px;} .join_otp_block p {line-height:1.26;font-weight:bold;font-size:3.8rem;color:#666;text-align:center;} .join_otp .user_inform {color:#2a84d8;text-decoration:underline;} .otp_code input {width:100%;height:80px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .otp_code input[disabled='disabled'] {background-color:#eeeeee;} .otp_code .error {margin:10px 20px 0;line-height:30px;font-size:2.4rem;color:#d82a2a;} .otp_code input[disabled='disabled'] + .error {text-align:center;} .btn_resend {margin-top:20px;padding:0 20px;text-align:right;} .btn_resend button {line-height:1;font-size:2.8rem;color:#2a84d8;text-decoration:underline;} .btn_resend button[disabled='disabled'] {color:#bfbfbf;} .join_btn {margin-top:40px;padding:0 20px;} .join_btn button {width:100%;min-width:290px;height:68px;padding:0 40px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} .join_btn button[disabled='disabled'] {background-color:#cfcfcf;} .join_link {margin:50px 20px 0;text-align:center;} .join_link a {line-height:1;font-size:2.8rem;color:#2a84d8;text-decoration:underline;} .join_link a.disabled {color:#bfbfbf;} /* Edit Account */ .edit_account {padding:36px 20px 0;} .edit_account li {margin-top:24px;} .edit_account li:first-child {margin-top:0;} .edit_account label {display:block;margin-bottom:13px;font-size:2.8rem;color:#666;font-weight:bold;} .edit_account .in_id {position:relative;} .edit_account .in_id.correct:after {content:"";position:absolute;right:20px;top:29px;width:30px;height:24px;background:url(../img/ico_check.png)no-repeat left top;background-size:100% 100%;} .edit_account input {display:block;width:100%;height:82px;padding:0 20px;font-size:3.0rem;box-sizing:border-box;border:1px solid #ccc;} .edit_account .in_id input {padding-right:50px;} .edit_account .error, .edit_account .tip {padding:4px 0 0 16px;text-indent:-16px;font-size:2.4rem;color:#2a84d8;line-height:30px;} .edit_account .tip {color:#2a84d8;} .edit_account .error {color:#d82a2a;} /* SNS agree */ .agree_form {padding:30px 20px 40px;background:#fff;border-bottom:1px solid #ccc;} .agree_form h3 {margin-bottom:33px;font-size:3.6rem;color:#666;font-weight:bold;line-height:44px;text-align:center;} .agree_form .check_all {position:relative;min-height:38px;margin-bottom:30px;} .agree_form .check_all input {position:absolute;left:-9999px;top:-9999px;width:0;height:0;} .agree_form .check_all label {display:block;min-height:38px;padding-left:48px;font-size:2.6rem;color:#666;line-height:32px;font-weight:bold;background: url(../img/bg_chk_off_2.png)no-repeat 0 0;background-size:38px 38px;} .agree_form .check_all label.checked {background: url(../img/bg_chk_on.png)no-repeat 0 0;background-size:38px 38px;} .agree_form .check {padding:29px 19px;background:#eee;border:1px solid #ccc;} .agree_form .check li {margin-top:30px;} .agree_form .check li:first-child {margin-top:0;} .agree_form .check input {position:absolute;left:-9999px;top:-9999px;width:0;height:0;} .agree_form .check label {display:block;min-height:38px;padding-left:48px;font-size:2.6rem;color:#666;line-height:32px;background: url(../img/bg_chk_off.png)no-repeat 0 0;background-size:38px 38px;} .agree_form .check label.checked {background: url(../img/bg_chk_on.png)no-repeat 0 0;background-size:38px 38px;} .agree_form .check button {height:38px;font-size:2.6rem;color:#2a84d8;font-style:italic;text-decoration:underline;} .check_id {padding-top:29px;} .check_id h3 {margin-bottom:24px;font-size:3.6rem;color:#666;font-weight:bold;line-height:44px;text-align:center;} .check_id .sub_txt {margin-bottom:33px;padding:0 20px;font-size:2.6rem;color:#666;line-height:34px;} .check_id .id_form {position:relative;padding:0 20px 20px;} .check_id .id_form.correct:after {content:"";position:absolute;right:40px;top:29px;width:30px;height:24px;background:url(../img/ico_check.png)no-repeat left top;background-size:100% 100%;} .check_id .id_form input {display:block;width:100%;height:82px;padding:0 50px 0 20px;font-size:3.0rem;box-sizing:border-box;border:1px solid #ccc;} .check_id .id_form.disabled input, .check_id .id_form input:disabled {background:none;color:#999;opacity:1;-webkit-text-fill-color:#999;} .check_id .id_form .error {display:block;padding:4px 0 0 16px;text-indent:-16px;font-size:2.4rem;line-height:30px;color:#d82a2a;} .check_id .recommend {padding:6px 20px 20px;} .check_id .recommend p {margin-bottom:15px;font-size:2.4rem;color:#666;line-height:30px;font-weight:bold;} .check_id .recommend ul {overflow:hidden;} .check_id .recommend li {float:left;width:33.3333%;padding:0 5px;box-sizing:border-box;} .check_id .recommend li:first-child {padding-left:0;} .check_id .recommend li:last-child {padding-right:0;} .check_id .recommend button {width:100%;height:56px;font-size:2.6rem;color:#666;background:#dcdcdc;border-radius:10px;} /* edit account */ .acco_def_inp {position:relative;margin:0 0 22px 0;} .acco_def_inp .btn_verify, .acco_phone_inp .btn_verify {float:right;color:#2a84d8;font-size:2.8rem;text-decoration:underline;text-indent:0;}/* 2018-05-18 text-indent 초기화 */ /* .acco_def_inp .email .btn_verify {display:block;float:none;text-align:right;} *//* 2018-05-18 text-indent 초기화로 해결. 블럭레벨 취소 */ .acco_def_inp .error:after, .acco_phone_inp .error:after {display:block;clear:both;content:''} .acco.join_inp li {margin:20px 20px 20px;} .acco.join_inp li.complete {margin-left:0;margin-right:0;} .acco.join_inp .complete p {padding:25px 30px 27px;text-align:center;font-size:3.0rem;line-height:28px;color:#2a84d8;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .acco_phone_inp {position:relative;padding:20px 20px 0;border-top:1px solid #ccc;} .acco_phone_inp input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .acco_phone_inp .error {padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .acco_service {margin:22px 0 0 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .acco_service li {height:80px;position:relative;margin:0 0 0 20px;border-top:1px solid #ccc;color:#666;font-size:2.6rem;line-height:80px;} .acco_service li:first-child {border-top:0;} .acco_service li .btn_connect, .acco_service li .btn_disconnect {width:72px;height:38px;position:absolute;right:20px;top:20px;overflow:hidden;color:rgba(0,0,0,0);} .acco_service li .btn_connect {background:url('../img/btn_connect.png') no-repeat;background-size:72px 38px;} .acco_service li .btn_disconnect {background:url('../img/btn_disconnect.png') no-repeat;background-size:72px 38px;} .acco_service li .btn_refresh {width:48px;height:48px;position:absolute;right:20px;top:16px;overflow:hidden;color:rgba(0,0,0,0);background:url('../img/btn_refresh.png') no-repeat;background-size:48px 48px;} .acco_service label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:26px;background:url('../img/bg_chk_off_2.png') no-repeat 0 0;background-size:38px 38px;} .acco_service input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .acco_service label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .acco_dormantid_add {margin:20px 0 0 0;padding:0 20px 30px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#dcdcdc;} .acco_dormantid_add .tit {display:block;padding:18px 0 12px 0;color:#666;font-size:2.8rem;font-weight:normal;} .acco_dormantid_add .sel_box {height:54px;position:relative;background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .acco_dormantid_add .sel_box .seltit {width:100%;height:54px;padding:0 0 0 20px;color:#666;font-size:2.6rem;font-style:normal;line-height:50px;text-align:left;border:1px solid #ccc;} .acco_dormantid_add .sel_box dl {width:100%;display:none;position:absolute;left:0;top:56px;padding:0 20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;background-color:#fff;} .acco_dormantid_add .sel_box dt {padding:20px 0 0 0;color:#666;font-size:2.6rem;} .acco_dormantid_add .sel_box dd {padding:4px 0 0 0;color:#bfbfbf;font-size:2.4rem;line-height:30px;} .acco_dormantid_add input[type="text"] {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .acco_dormantid_add select {width:100%;height:56px;margin:0 0 30px 0;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px; background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .acco_dormantid_add label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:26px;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .acco_dormantid_add input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .acco_dormantid_add label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .acco_dormantid_add .acco_chk ~ .acco_chk {margin-top:20px;} .acco_tit {margin:52px 20px 50px;color:#666;font-size:2.8rem;font-weight:normal;line-height:36px;text-align:center;} .acco_tit.ty2 {margin:30px 20px 34px;text-align:left;} .acco_txt {padding:0 20px 44px;color:#999;font-size:2.4rem;line-height:30px;} .acco_txt.ty2 {color:#d82a2a;} .acco_txt_2 {padding:34px 70px 0 20px;color:#999;font-size:2.4rem;line-height:30px;border-top:1px solid #ccc;} .email_error {padding:0 20px;} .email_error .txt {display:block;margin:30px 0 0 0;color:#666;font-size:2.8rem;line-height:28px;} .email_error .use li {position:relative;margin:30px 0 0 0;padding:0 0 0 32px;color:#999;font-size:2.4rem;line-height:28px;} .email_error .use li strong {display:block;margin:0 0 8px 0;color:#777;} .email_error .use li strong:after {width:22px;height:22px;position:absolute;left:0;top:4px;content:'';} .email_error .use li:nth-of-type(1) strong:after {background:url('../img/ico_num_1.png') no-repeat 0 0;background-size:22px 22px;} .email_error .use li:nth-of-type(2) strong:after {background:url('../img/ico_num_2.png') no-repeat 0 0;background-size:22px 22px;} .email_error .use li:nth-of-type(3) strong:after {background:url('../img/ico_num_3.png') no-repeat 0 0;background-size:22px 22px;} .email_mr_txt {margin:26px 20px 0 20px;padding:0 0 8px 0;color:#666;font-size:2.8rem;line-height:34px;} .email_mr {margin:30px 0 0 0;} .email_mr li {margin:20px 20px 0;} .email_mr li input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .email_mr li.bef input {color:#999;background-color:#eee;opacity:10;} .email_mr li .new_inp:after {display:block;clear:both;content:'';} .email_mr li .new_inp input {width:52%;float:left;} .email_mr li .new_inp .t {width:8%;float:left;margin:18px 0 0 0;color:#666;font-size:3.6rem;line-height:38px;text-align:center;vertical-align:top;} .email_mr li .new_inp select {width:40%;height:82px;float:right;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px; background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .email_mr li.email_conf input {color:#bfbfbf;background-color:#eee;opacity:10;} .email_mr .error {margin:0 0 -4px 0;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .email_mr .error.ps {color:#2a84d8;} .acco_nickname {margin:32px 0 26px 0;padding:26px 20px 0;border-top:1px dashed #ccc;} .acco_nickname .txt {margin:0 0 16px 0;color:#999;font-size:2.4rem;line-height:30px;} .acco_nickname input {width:100%;height:82px;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .acco_nickname .error {margin:0 0 -4px 0;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .acco_info_etc {position:relative;margin:0 0 26px 0;} .acco_info_etc .btn_view {width:62px;height:45px;position:absolute;right:0;top:36px;color:rgba(0,0,0,0);background:url('../img/ico_down_arrow_3.png') no-repeat 20px 20px;background-size:22px 13px;} .acco_info_etc.show .btn_view {background:url('../img/ico_up_arrow_2.png') no-repeat 20px 20px;background-size:22px 13px;} .acco_info_etc .join_inp.acco {display:none;} .acco_info_etc.show .join_inp.acco {display:block;} .unss_sel {margin:-17px 0 0 0;} .unss_sel li {width:100%;min-height:80px;position:relative;display:table;margin:0 0 10px 0;padding:20px 20px 20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;} .unss_sel li:nth-of-type(3) {margin:0 0 26px 0;} .unss_sel li:after {display:block;clear:both;content:'';} .unss_sel li .tl {height:100%;display:table-cell;padding:0 40px 0 0;color:#666;font-size:2.2rem;line-height:30px;vertical-align:middle;} .unss_sel li .tl strong {color:#2a84d7;} .unss_sel li .tr {width:140px;height:100%;display:table-cell;color:#2a84d7;font-size:2.0rem;line-height:26px;text-align:center;vertical-align:middle;} .unss_sel li .tr em {display:block;font-size:2.4rem;font-style:normal;} /* find password */ .find_pw {padding:53px 20px 54px;text-align:center;} .find_pw h3 {margin-bottom:42px;font-size:3.6rem;color:#666;font-weight:bold;line-height:100%;text-align:center;} .find_pw .sub_txt {font-size:2.8rem;color:#666;line-height:34px;} /* lebi */ .lebi_list {border-bottom:1px solid #ccc;background-color:#fff;} .lebi_list li {height:96px;position:relative;margin:0 0 0 20px;color:#666;font-size:2.8rem;line-height:96px;border-top:1px solid #ccc;} .lebi_list li:first-child {border:0;} .lebi_list li em {color:#d82a2a;font-style:normal;} .lebi_list li a {display:block;color:#666;} .lebi_list li a:after {width:16px;height:28px;position:absolute;right:20px;top:34px;background:url('../img/btn_next_off.png') no-repeat 0 0;background-size:16px 28px;content:'';} .lebi_list li .btn_accept {width:86px;height:56px;position:absolute;right:20px;top:20px;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#d82a2a;} .lebi_txt {margin:20px 20px 0;color:#2a84d8;font-size:2.4rem;line-height:40px;} .lebi_txt em {width:38px;height:38px;display:inline-block;color:#fff;font-size:2.0rem;font-style:normal;line-height:36px;text-align:center;vertical-align:top;border-radius:10.0rem;background-color:#2a84d8;} .lebi_search {padding:20px 20px 20px;border-bottom:1px solid #ccc;background-color:#dcdcdc;} .lebi_search:after {display:block;clear:both;content:'';} .lebi_search h3 {float:left;color:#666;font-size:2.8rem;font-weight:normal;line-height:52px;} .lebi_search select {width:100%;height:56px;margin:0 0 20px 0;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px; background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .lebi_search.server h3 {width:50%;padding:0 0 0 0;} .lebi_search.server select {width:50%;float:right;margin:0 0 0 0;} .lebi_sel {position:relative;margin:0 0 0 160px;} .lebi_sel .date_sel {display:block;margin:0 106px 0 0;} .lebi_sel .date_sel:after {display:block;clear:both;content:'';} .lebi_sel .date_sel select {width:48%;float:left;margin:0 2% 0 0;} .lebi_sel .date_sel select:nth-of-type(2) {margin:0 0 0 2%;} .lebi_sel .btn_search {width:86px;height:56px;position:absolute;right:0;top:0;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#d82a2a;} .lebi_date_box {margin:20px 20px 0;border:1px solid #ccc;background-color:#fff;} .lebi_date_box strong {height:56px;display:block;color:#999;font-size:2.4rem;font-weight:normal;line-height:56px;text-align:center;border-bottom:1px solid #ccc;} .lebi_date_box p {height:84px;display:block;padding:0 0 0 22px;color:#666;font-size:2.4rem;font-weight:normal;line-height:86px;} .lebi_date_box dl {width:100%;padding:22px 22px 10px;color:#666;font-size:2.6rem;line-height:34px;-webkit-box-sizing:border-box;box-sizing:border-box;} .lebi_date_box dl:after {display:block;clear:both;content:'';} .lebi_date_box dt {float:left;width:190px;margin:0 0 12px 0;} .lebi_date_box dt em {width:158px;display:inline-block;font-style:normal;} .lebi_date_box dt span {width:32px;display:inline-block;} .lebi_date_box dd {margin:0 0 12px 0;} .lebi_cash_info {padding:16px 20px 20px;border-top:1px solid #ccc;background-color:#fff;} .lebi_cash_info:after {display:block;clear:both;content:'';} .lebi_cash_info dt {float:left;color:#666;font-size:3.0rem;font-weight:bold;} .lebi_cash_info dd {float:left;padding:0 0 0 10px;color:#d82a2a;font-size:3.0rem;font-weight:bold;} .lebi_login_info {height:80px;position:relative;padding:0 0 0 20px;border-top:1px solid #ccc;background-color:#fff;} .lebi_login_info strong {display:block;color:#666;font-size:3.0rem;line-height:78px;} .lebi_login_info .btn_login {width:86px;height:56px;position:absolute;right:20px;top:13px;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#d82a2a;} .lebi_guide {padding:0 20px 36px;color:#999;font-size:2.4rem;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .lebi_guide h3 {padding:20px 0 0 0;font-weight:normal;} .lebi_shop_list {background-color:#fff;} .lebi_shop_list li {height:140px;position:relative;padding:0 0 0 0;border-bottom:1px solid #ccc;} .lebi_shop_list li .name {display:block;padding:32px 0 0 138px;color:#666;font-size:3.0rem;font-weight:normal;} .lebi_shop_list li .price {display:block;padding:0 0 0 138px;color:#ea811a;font-size:2.6rem;font-style:normal;} .lebi_shop_list li .image {width:100px;height:100px;position:absolute;left:20px;top:20px;} .lebi_shop_list li .image img {width:100%;height:100%;} .lebi_shop_list li .btn_buy {width:156px;height:56px;position:absolute;right:20px;top:42px;color:#fff;font-size:2.4rem;border-radius:10px;background-color:#e6c320;} /* welcome hive */ .hive_introduction {margin:-30px 20px 0;box-shadow:0 3px 3px rgba(0,0,0,0.2);-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;background:#fff;} .hive_introduction .ad_text {padding:26px 0 0 0;font-size:2.0rem;font-weight:bold;line-height:28px;color:#fff;text-align:center;text-shadow:2px 2px 1px rgba(0,0,0,0.2);} .hive_introduction h1 {font-size:2.8rem;line-height:60px;color:#fafafa;text-align:center;border-radius:3px 3px 0 0;background:#42aefd;} .hive_introduction .wel_img img {width:100%;} .hive_introduction .wel_img .port {display:none;} .hive_introduction .contents_wrap {position:relative;padding:0 14px 128px 14px;background:#42aefd;} .hive_introduction .contents_wrap .cbtn {width:100%;position:absolute;bottom:30px;left:0;text-align:center;} .hive_introduction .contents_wrap .btn_policy {position:absolute;bottom:136px;right:14px;} .hive_introduction .contents_wrap .btn_policy a {color:#f4f4f4;} .hive_introduction .btn_change {height:62px;display:inline-block;margin:0 2px;font-size:2.4rem;line-height:62px;font-weight:bold;border-radius:20px;box-shadow:inset -2px -2px 0 rgba(228,128,39,0.5), inset 0 2px 0 rgba(255,255,255,1), 3px 3px 3px rgba(0,0,0,0.2);background:#fcbe2e;} .hive_introduction .btn_change a {display:block;padding:0 60px;color:#036725;} .hive_introduction .btn_policy {padding-right:20px;text-align:right;} .hive_introduction .btn_policy a {font-size:2.0rem;font-weight:bold;text-decoration:underline;} .hive_introduction .ad_box {padding:25px 15px 50px;background:#42aefd;border-bottom:2px solid #198add;} .hive_introduction .ad_box .contents {padding:0 0 10px;overflow:hidden;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.2);border-radius:5px;border:2px solid #198add;background:#359eeb;} .hive_introduction .ad_box .contents .con_wrap {width:566px;margin:0 auto;} .hive_introduction .ad_box .contents .section1, .hive_introduction .ad_box .contents .section2 {float:left;} .hive_introduction .ad_box .contents .section1 img, .hive_introduction .ad_box .contents .section2 img, .hive_introduction .ad_box .contents .section3 img {width:283px;height:148px;} .hive_introduction .ad_box .contents .section1 p, .hive_introduction .ad_box .contents .section2 p {width:283px;display:block;font-size:2.0rem;color:#ffe13a;font-weight:bold;line-height:25px;text-align:center;} .hive_introduction .ad_box .contents .section1 p span, .hive_introduction .ad_box .contents .section2 p span {padding:0 20px;display:inline-block;text-align:left;} /* email campaign */ .email_campaign .tit_1 {display:block;margin:40px 20px 42px;color:#666;font-size:3.0rem;line-height:36px;text-align:center;} .email_campaign .ec_box {padding:0 20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#fff;} .email_campaign .txt_1 {margin:22px 0 32px;color:#666;font-size:2.6rem;line-height:30px;} .email_campaign .inp_email {width:100%;height:82px;padding:0 20px;font-size:3.0rem;line-height:40px;background-color:#eee;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .email_campaign .inp_email::-webkit-input-placeholder {color:#999;} .email_campaign .inp_email::-moz-placeholder {color:#999;} .email_campaign .btn_eau, .email_campaign .btn_eac {width:100%;height:68px;display:block;margin:50px 0 0 0;color:#fefefe;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} .email_campaign .btn_eac {margin:46px 0 50px 0;} .email_campaign .emailau_info dt {margin:40px 0 8px 0;color:#2a84d8;font-size:2.0rem;line-height:22px;} .email_campaign .emailau_info dd {margin:0 0 26px 0;color:#999;font-size:2.0rem;line-height:26px;} .email_campaign .txt_2 {margin:22px 0 0;padding:24px 0 0 0;color:#666;font-size:2.6rem;line-height:30px;border-top:1px solid #ccc;} .email_campaign .tit_2 {display:block;margin:22px 20px 0;color:#999;font-size:2.4rem;line-height:26px;} .email_campaign .use li {position:relative;margin:16px 20px 0;color:#999;font-size:2.4rem;line-height:28px;} .email_campaign .dst_chk {margin:46px 20px 0;} .email_campaign .dst_chk label {display:inline-block;padding:6px 0 7px 48px;color:#666;font-size:2.6rem;line-height:26px;text-align:left;background:url('../img/bg_chk_off.png') no-repeat 0 0;background-size:38px 38px;} .email_campaign .dst_chk label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .email_campaign .dst_chk input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .email_campaign .btn {display:block;text-align:center;} .email_campaign .btn_close {min-width:450px;height:68px;margin:50px 0 0;padding:0 40px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#bfbfbf;} .email_campaign .email_sel {overflow:hidden;margin:0 0 14px 0;} .email_campaign .email_sel:after {display:block;clear:both;content:'';} .email_campaign .email_sel input {width:52%;height:82px;float:left;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .email_campaign .email_sel input::-webkit-input-placeholder {color:#999;} .email_campaign .email_sel input::-moz-placeholder {color:#999;} .email_campaign .email_sel .t {width:6%;float:left;margin:18px 0 0 0;color:#666;font-size:3.6rem;line-height:38px;text-align:center;vertical-align:top;} .email_campaign .email_sel select {width:42%;height:82px;float:right;padding:0 60px 0 17px;color:#666;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-radius:10px; background:#fff url('../img/ico_down_arrow_2.png') no-repeat 100% 50%;background-size:38px 10px;} .email_campaign .error {clear:both;padding:8px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .email_campaign .txt_0 {margin:-20px 20px 40px;color:#666;font-size:2.8rem;line-height:30px;text-align:center;} .email_campaign .btn_area {margin:50px 0;} .email_campaign .btn_area:after {display:block;clear:both;content:'';} .email_campaign .btn_area .btn_ty_1, .email_campaign .btn_area .btn_ty_2 {width:48%;height:68px;float:left;margin:0 2% 0 0;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#bfbfbf;} .email_campaign .btn_area .btn_ty_2 {margin:0 0 0 2%;background-color:#2a84d8;} /* real name verification */ .rnv_txt {margin:56px 0 50px 0;padding:0 20px 10px;color:#666;font-size:2.8rem;line-height:30px;text-align:center;} .china_num {padding:20px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#dcdcdc;} .china_num span {display:block;padding:16px 0 16px 16px;color:#bfbfbf;font-size:2.6rem;line-height:30px;border-radius:10px;border:1px solid #ccc;background-color:#eee;} .china_num_inp li {position:relative;margin:20px 20px 0;} .china_num_inp li input {width:100%;height:82px;padding:0 220px 0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .china_num_inp li .btn_send {width:194px;height:56px;position:absolute;right:20px;top:12px;color:#fff;font-size:2.6rem;border-radius:10px;background-color:#2a84d8;} .china_num_inp li .time {position:absolute;right:20px;top:22px;color:#2a84d8;font-size:3.0rem;line-height:32px;} /* security function settings */ .scy_settings_guide {padding:22px 20px 24px;border-bottom:1px solid #ccc;} .scy_settings_guide h3 {color:#2a84d8;font-size:2.4rem;line-height:30px;} .scy_settings_guide p {margin:8px 0 0 0;color:#999;font-size:2.0rem;line-height:26px;} .scy_settings_form .target_game {position:relative;margin:16px 0 0;background-color:#fff;} .scy_settings_form .target_game .txt {width:100%;height:78px;overflow:hidden;padding:0 112px 0 20px;color:#444;font-size:3.0rem;line-height:72px;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #ccc;border-bottom:1px solid #ccc;} .scy_settings_form .target_game .ico_off, .scy_settings_form .target_game .ico_on {width:72px;height:38px;position:absolute;right:20px;top:20px;color:#d82a2a;font-size:2.2rem;font-weight:bold;line-height:36px;text-align:center;border-radius:50px;background-color:#eee;} .scy_settings_form .target_game .ico_on {color:#2a84d8;} .scy_settings_form .txt {width:100%;padding:26px 20px 0;color:#999;font-size:2.4rem;line-height:30px;-webkit-box-sizing:border-box;box-sizing:border-box;} .scy_settings_form .pwd li {margin:16px 20px 0;background-color:#fff;} .scy_settings_form .pwd li input {width:100%;height:82px;overflow:hidden;padding:0 20px;color:#444;font-size:3.0rem;line-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .scy_settings_form .error {padding:8px 0 0 38px;color:#d82a2a;font-size:2.4rem;line-height:30px;text-indent:-18px;} .scy_settings_form .pwd.ty2 li {background:none;} .scy_settings_form .pwd.ty2 .error {padding:3px 0 0 0;text-indent:0;} .scy_settings_form .pwd.ty2 .tip {padding:3px 0 0 0;text-indent:0;font-size:2.4rem;color:#2a84d8;line-height:30px;} .scy_campaign_body {background-color:#fff;} .security_campaign {margin:0 30px;} .security_campaign .tit_1 {margin:-36px 0 0 0;color:#222;font-size:4.0rem;line-height:50px;text-align:center;} .security_campaign .stit_1 {margin:36px 0 0 0;color:#444;font-size:2.8rem;font-weight:normal;line-height:40px;text-align:center;} .security_campaign .how_txt {margin:26px 0 0 0;} .security_campaign .how_txt dt {color:#999;font-size:2.0rem;font-weight:bold;line-height:24px;text-align:center;} .security_campaign .how_txt dd {margin:4px 0 0 0;color:#999;font-size:2.0rem;line-height:24px;text-align:center;} .security_campaign .step {margin:36px 0 0 0;} .security_campaign .step li {margin:0 0 32px 0;} .security_campaign .step li .tit {display:block;margin:0 0 14px 0;color:#444;font-size:2.8rem;line-height:34px;} .security_campaign .step li .new {color:#eb001a;font-size:2.2rem;line-height:34px;} .security_campaign .step li .box_txt {padding:20px;color:#666;font-size:2.0rem;line-height:24px;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;} .security_campaign .step li .box_txt a {color:#0085df;text-decoration:underline;} }