@charset "utf-8"; /* Com2us Platform Design Team. Author : Do re mi 2015-05-26. Edit : Do re mi 2018-02-12. Jaewook Baek 2018-06-08 */ /* base */ html {-webkit-text-size-adjust:none;font-size:62.5%;} body {height:100%;margin:0;padding:0;font-family:sans-serif;background-color:#eee;} h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption {margin:0;padding:0;} ul, ol {list-style:none;} table {width:100%;border:0;border-collapse:collapse;border-spacing:0;} img {vertical-align:top;border:0;} fieldset {border:0;} select, input, textarea {margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;outline:0;outline:none;} textarea {resize:none;} a {text-decoration:none;} button {margin:0;padding:0;vertical-align:top;border:0;background:none;cursor:pointer;} .skip {width:0;height:0;position:absolute;overflow:hidden;font-size:0;line-height:0;white-space:nowrap;} *:lang(ja) {font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','Osaka','ＭＳ Ｐゴシック','MS PGothic',Arial,sans-serif;} *:lang(zh) {font-family:Times New Roman;} input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder {color:#cfcfcf;} input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder {color:#cfcfcf;} textarea::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#cfcfcf;} textarea::-moz-placeholder, textarea::-moz-placeholder {color:#cfcfcf;} #HIVEwrap {width:100%;height:100%;} #HIVEwrap #HIVEheader {width:100%;overflow:hidden;} /*#HIVEheader {padding:0 env(safe-area-inset-right) 0 env(safe-area-inset-left);box-sizing:border-box;}*/ #HIVEheader .native {height:68px;position:relative;background-color:#303030;} #HIVEheader.ingameversion .native {position:absolute;left:0;top:0;} #HIVEheader .native.ingame {background-color:#000;} #HIVEheader .native .logo, #HIVEheader .native .logo a {width:145px;height:68px;position:absolute;left:0;top:0;padding:0 20px 0 0;color:rgba(0,0,0,0);background:url('../img/logo_new.png') no-repeat 16px 50%;background-size:134px 44px;} #HIVEheader .native .my_info {height:50px;position:absolute;right:0;top:0;padding:18px 20px 0 20px;color:#bfbfbf;font-size:2.8rem;line-height:32px;} #HIVEheader .native .my_info img {width:32px;height:32px;border-radius:10.0rem;} #HIVEheader .native .btn_login {height:68px;position:absolute;right:20px;top:0;padding:0 24px 0 0;color:#bfbfbf;font-size:2.8rem;line-height:68px;background:url('../img/ico_link_arrow_3.png') no-repeat 100% 21px;background-size:15px 26px;} #HIVEheader .gnb {height:68px;position:relative;border-bottom:1px solid #ccc;background-color:#fff;} #HIVEheader.ingameversion .gnb {margin:68px 0 0 0;} #HIVEheader .gnb.sub {height:69px;border:0;background-color:#303030;} #HIVEheader .gnb.nc {background-color:#2a84d8;} #HIVEheader .gnb.er {background-color:#db2c33;} #HIVEheader .gnb .tit_h2 {overflow:hidden;margin:0 60px;color:#666;font-size:3.6rem;text-align:center;line-height:70px;text-overflow:ellipsis;white-space:nowrap;} #HIVEheader .gnb.sub .tit_h2, #HIVEheader .gnb.nc .tit_h2, #HIVEheader .gnb.er .tit_h2 {color:#eee;} #HIVEheader .gnb .btn_menu {width:125px;height:68px;position:absolute;left:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_left_menu.png') no-repeat 20px 22px;background-size:25px 24px;} #HIVEheader .gnb.sub .btn_menu {background:url('../img/btn_left_menu_w.png') no-repeat 20px 22px;background-size:25px 24px;} #HIVEheader .gnb .btn_notice {width:65px;height:68px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_notice_link.png') no-repeat 20px 21px;background-size:25px 27px;} #HIVEheader .gnb .btn_notice .new {width:28px;height:28px;position:absolute;right:4px;top:8px;color:rgba(0,0,0,0);background:url('../img/ico_new_2.png') no-repeat 0 0;background-size:28px 28px;} #HIVEheader .gnb .btn_prev {width:56px;height:69px;position:absolute;left:0;top:0;overflow:hidden;color:rgba(0,0,0,0);background:url('../img/ico_link_arrow_2.png') no-repeat 20px 21px;background-size:16px 26px;} #HIVEheader .gnb .btn_prev.ty2 {background:url('../img/ico_link_arrow_7.png') no-repeat 20px 21px;background-size:16px 26px;} #HIVEheader .gnb .btn_msgedit, #HIVEheader .gnb .btn_cancel, #HIVEheader .gnb .btn_finished {height:69px;position:absolute;right:20px;top:0;color:#2a84d8;font-size:2.8rem;line-height:70px;text-align:center;} #HIVEheader .gnb .btn_write {width:66px;height:69px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_write.png') no-repeat 20px 23px;background-size:26px 26px;} #HIVEheader .gnb .btn_write_2 {width:67px;height:69px;position:absolute;right:66px;top:0;color:rgba(0,0,0,0);background:url('../img/btn_write_3.png') no-repeat 20px 21px;background-size:27px 27px;} #HIVEheader .gnb .btn_refresh {width:69px;height:69px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_refresh_2.png') no-repeat 20px 22px;background-size:29px 25px;} #HIVEheader .gnb .btn_close {width:64px;height:68px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_6.png') no-repeat 20px 22px;background-size:24px 24px;} #HIVEheader .gnb .btn_search {width:62px;height:69px;position:absolute;right:66px;top:0;color:rgba(0,0,0,0);background:url('../img/btn_search_3.png') no-repeat 17px 23px;background-size:28px 27px;} #HIVEheader .gnb .btn_search_2 {width:64px;height:69px;position:absolute;right:66px;top:0;color:rgba(0,0,0,0);background:url('../img/btn_search_4.png') no-repeat 18px 20px;background-size:28px 28px;} #HIVEheader .gnb .btn_delete {width:63px;height:68px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_7.png') no-repeat 19px 21px;background-size:22px 30px;} #HIVEheader .gnb .btn_mymess {width:69px;height:69px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_mymess.png') no-repeat 20px 22px;background-size:29px 26px;} #HIVEheader .gnb .btn_mymess .new {width:28px;height:28px;position:absolute;right:4px;top:8px;color:rgba(0,0,0,0);background:url('../img/ico_new_6.png') no-repeat 0 0;background-size:28px 28px;} #HIVEheader .gnb .btn_inquire {width:69px;height:69px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_inquire.png') no-repeat 20px 22px;background-size:29px 26px;} /* CHATBOT */ #HIVEcontainer {min-height:100%;margin:-137px 0 0 0;} #HIVEcontainer.profilechar {height:100%;} #HIVEcontainer.msg {background-color:#dcdcdc} #HIVEcontainer.error {margin:0 0 0 0;} .HIVEcontents {padding:137px 0 50px 0;} #HIVEcontainer.profilechar .HIVEcontents {height:100%;background-color:#eee;} #HIVEcontainer.msg .HIVEcontents, #HIVEcontainer.main .HIVEcontents {padding:137px 0 0 0;} .HIVEcontents:after {display:block;clear:both;content:'';} #HIVEwrap.ingameheader #HIVEcontainer {margin:-69px 0 0 0;} #HIVEwrap.ingameheader .HIVEcontents {padding:69px 0 50px 0;} #HIVEwrap.ingameheader #HIVEcontainer.msg .HIVEcontents {padding:69px 0 0 0;} #HIVEwrap.ingameheader #HIVEcontainer.error {margin:0 0 0 0;} /* all_menu */ .all_menu {width:100%;height:100%;overflow-y:auto;position:absolute;top:0;left:0;z-index:1000;padding:68px 0 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;} #HIVEwrap.ingameheader .all_menu {padding:0 0 0 0;} .all_menu:after {width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.85);content:'';transform: translate3d(0,0,0);-webkit-overflow-scrolling: touch;} .all_menu .contents {width:70%;min-height:100%;position:relative;background:rgba(31,124,219,0.8);z-index:10;} .all_menu .all_menu_list {padding:22px 0 0 0;} .all_menu .all_menu_list.mw {padding:0 0 0 0;} .all_menu .all_menu_list li a {display:block;padding:28px 58px 28px;color:#fff;font-size:3.0rem;line-height:40px;} .all_menu .all_menu_list li a em {display:inline-block;margin:0 0 0 19px;width:50px;height:40px;color:rgba(0,0,0,0);background:url('../img/ico_new_4.png') no-repeat 0 50%;background-size:48px 26px;} .all_menu .btn_area {width:100%;} .all_menu .btn_area span {display:block;margin:96px 60px 0;padding:0 0 50px 0;} .all_menu .btn_area .btn_log {width:100%;height:68px;color:#2a84d8;font-size:3.0rem;border-radius:10px;background-color:#114a7f;} .all_menu .version {width:100%;margin:96px 0 0 0;padding:0 0 50px 0;color:#5381b0;font-size:2.0rem;text-align:center;} .all_menu .version .ver_con {margin:0 20px;padding:20px 0 20px 0;line-height:30px;border-radius:10px;background:rgba(0,0,0,0.2);} .all_menu .version .ver_con strong {display:block;font-weight:normal;} .all_menu .version .ver_con dl {display:inline-block;} .all_menu .version .ver_con dl:after {display:block;clear:both;content:'';} .all_menu .version .ver_con dt {display:inline-block;} .all_menu .version .ver_con dd {display:inline-block;} /* tab */ .sub_tab {background-color:#fff;border-bottom:1px solid #ccc;} .sub_tab .nav:after {display:block;clear:both;content:'';} .sub_tab .nav {width:600px;overflow:hidden;margin:0 auto;} .sub_tab .nav li {float:left;width:33.33%;padding:0 0 0 15px;-webkit-box-sizing:border-box;box-sizing:border-box;} .sub_tab.ty2 .nav li {width:50%;padding:0 0 0 20px;} .sub_tab .nav li:first-child, .sub_tab.ty2 .nav li:first-child {padding:0 0 0 0;} .sub_tab .nav li a {width:100%;height:64px;display:block;color:#999;font-size:2.8rem;line-height:68px;text-align:center;} .sub_tab .nav li a.selected {color:#2a84d8;border-bottom:4px solid #2a84d8;} /* Faq Tab */ .faq_tab {height:69px;padding:0 20px;background:#fff;overflow:hidden;} .faq_tab li {float:left;width:50%;height:100%;} .faq_tab li:lang(ar) {float:right;} .faq_tab a {position:relative;display:block;height:100%;text-align:center;font-size:2.6rem;color:#999;line-height:67px;} .faq_tab .on a {color:#2a84d8;font-weight:bold;} .faq_tab .on a:after {content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#2a84d8;} /* select search */ .select_area {position:relative;margin:0 0 20px 0;padding:20px 20px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;background-color:#dcdcdc;} .select_area.ser {margin:0 0 0 0;} .select_area 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;} .select_area select.selected {color:#2a84d8;} .select_area select.off {color:#bfbfbf;background:#eee url('../img/ico_down_arrow_2_off.png') no-repeat 100% 50%;background-size:38px 10px;} .select_area.ty2 {padding:20px;} .select_area.ty2:after {display:block;clear:both;content:'';} .select_area.ty2 select {float:left;width:48%;margin:0 2% 0 0;} .select_area.ty2 select:nth-of-type(2) {margin:0 0 0 2%;} .select_area.ty2 .btn_ty_1 {float:left;width:48%;height:56px;margin:0 0 0 2%;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} .select_area.ty3 {margin:0 0 0 0;border-top:1px solid #ccc;border-bottom:0;} .select_area .search {display:block;position:relative;overflow:hidden;margin:0 96px 0 0;border-radius:10px;background-color:#fff;} .select_area .search input {width:100%;height:56px;padding:0 58px 0 20px;color:#444;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:0;} .select_area .search .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;} .select_area .btn_search {width:76px;height:56px;position:absolute;right:20px;top:20px;color:rgba(0,0,0,0);background:url('../img/btn_search.png') no-repeat 0 0;background-size:76px 56px;} .select_area.ty4 {padding:20px;overflow:hidden;} .select_area.ty4 select {float:left;width:48.9%;margin:0;} .select_area.ty4 .btn_ty_1 {float:right;width:48.9%;height:56px;margin:0 0 0 2%;color:#fff;font-size:2.6rem;border-radius:10px;background-color:#2a84d8;} .select_area.ty4 .app {margin:0 -20px 20px;padding:0 20px 20px;border-bottom:1px solid #ccc;} .select_area.ty4 .app select {float:none;width:100%;} .search_area {position:relative;margin:-20px 0 20px 0;padding:20px;border-bottom:1px solid #ccc;background-color:#dcdcdc;} .search_area.ntop {margin-top:0;} .search_area .search {display:block;position:relative;overflow:hidden;border-radius:10px;background-color:#fff;} .search_area .search:after {content:"";position:absolute;left:0;top:0;width:58px;height:56px;background:url('../img/ico_search_5.png')no-repeat 20px 15px;background-size:28px 27px;} .search_area .search:lang(ar):after {left:auto;right:0;} .search_area input {width:100%;height:56px;padding:0 58px 0 58px;color:#444;font-size:2.6rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;border:0;} .search_area input:lang(ar) {text-align:right;} .search_area .search .btn_delete {width:58px;height:56px;position:absolute;right:0;top:0;font-size:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_2.png') no-repeat 20px 19px;background-size:19px 19px;} .search_area .search .btn_delete:lang(ar) {left:0;right:auto;} .faq_main .search_area {margin-top:0;} .floating_write {position:fixed;right:20px;bottom:20px;width:112px;height:112px;border-radius:100px;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);z-index:10;} .floating_write:lang(ar) {left:20px;right:auto;} .floating_write button {width:100%;height:100%;font-size:0;background:url('../img/btn_write_4.png')no-repeat left top;background-size:100% 100%;} .floating_chatbot {position:fixed;right:20px;bottom:20px;width:101px;height:101px;border-radius:100px;-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.35);z-index:10;overflow:hidden;} .floating_chatbot:lang(ar) {left:20px;right:auto;} .floating_chatbot button {position:relative;width:100%;height:100%;font-size:0;background:url('../img/btn_chatbot_ko.png')no-repeat left top;background-size:100% 100%;} .floating_chatbot button:active:after {content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);} .floating_chatbot button:lang(en) {background:url('../img/btn_chatbot_en.png')no-repeat left top;background-size:100% 100%;} /* paging */ .paging {margin:30px 0 0 0;text-align:center;} .paging:after {display:block;overflow:hidden;content:'';} .paging a, .paging span {min-width:14px;height:46px;display:inline-block;overflow:hidden;margin:0 0 0 16px;padding:0 16px;color:#fff;font-size:2.4rem;line-height:44px;border-radius:10px;background-color:#bfbfbf;} .paging span {background-color:#2a84d8;} .paging .btn_prev, .paging .btn_next {width:46px;margin:0 10px 0 0;padding:0 0 0 0;color:rgba(0,0,0,0);border-radius:0;background:url('../img/btn_prev_2_on.png') no-repeat 0 0;background-size:46px 46px;} .paging .btn_next {width:46px;margin:0 0 0 26px;background:url('../img/btn_next_2_on.png') no-repeat 0 0;background-size:46px 46px;} .paging .btn_prev.off {background:url('../img/btn_prev_2_off.png') no-repeat 0 0;background-size:46px 46px;} .paging .btn_next.off {background:url('../img/btn_next_2_off.png') no-repeat 0 0;background-size:46px 46px;} /* viewmore */ .btn_area_b {margin:30px 20px 0;} .btn_area_b.ty1 {margin-top:40px;} .btn_area_b.ty2 {margin-top:16px;} .btn_area_b.ty3 {margin-top:50px;} .btn_area_b .btn_view_more, .btn_area_b .btn_join, .btn_area_b .btn_start_game {width:100%;height:68px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#bfbfbf;} .btn_area_b .btn_join, .btn_area_b .btn_start_game {background-color:#2a84d8;} .btn_area_b .btn_join.disable, .btn_area_b .btn_start_game.disable {background:#ccc;color:#eee;} /* viewmore */ .btn_area_c {margin:13px 20px 0;} .btn_area_c.ty1 {margin-top:40px;} .btn_area_c .btn_view_more, .btn_area_c .btn_join, .btn_area_c .btn_start_game {width:100%;height:68px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#bfbfbf;} .btn_area_c .btn_join, .btn_area_c .btn_start_game {background-color:#2a84d8;} /* nocontents */ .nocontents {padding:80px 0;color:#666;font-size:3.6rem;font-weight:bold;line-height:40px;text-align:center;} .nocontents.ty2 {border-top:1px solid #ccc;} .nocontents.ty3 {padding:100px 0;} .nothing_txt {margin:70px 0 50px 0;color:#666;font-size:3.6rem;font-weight:bold;line-height:46px;text-align:center;} .nothing_txt.fs {margin:40px 0 50px 0;padding:252px 20px 0;background:url('../img/bg_character_1.png') no-repeat 52% 0;background-size:221px 217px;} .nothing_txt.frr {margin:40px 0 50px 0;padding:268px 20px 0;background:url('../img/bg_character_2.png') no-repeat 50% 0;background-size:307px 237px;} .nothing_txt.frs {margin:40px 0 50px 0;padding:246px 20px 0;background:url('../img/bg_character_3.png') no-repeat 50% 0;background-size:334px 210px;} .nothing_txt.cmf {margin:58px 0 50px 0;padding:200px 20px 0;background:url('../img/bg_character_4.png') no-repeat 50% 0;background-size:186px 181px;} .nothing_txt.cmn {margin:20px 0 50px 0;padding:232px 20px 0;background:url('../img/bg_character_5.png') no-repeat 50% 0;background-size:196px 217px;} .nothing_txt.cmp {margin:40px 0 50px 0;padding:214px 20px 0;background:url('../img/bg_character_6.png') no-repeat 50% 0;background-size:252px 192px;} .nothing_txt .txt1 {display:block;padding:28px 0 0 0;color:#999;font-weight:normal;} /* notice */ .notice_box {margin:20px 0 0;} .notice_box li {position:relative;margin:20px;border:1px solid #ccc;background-color:#fff;} .notice_box .geti {display:block;padding:16px 0 0 20px;color:#999;font-size:2.2rem;} .notice_box .date {position:absolute;right:20px;top:18px;color:#bfbfbf;font-size:2.0rem;} .notice_box .image img {width:100%;} .notice_box a {display:block;} .notice_box .txt {padding:16px 20px 28px;color:#666;font-size:2.6rem;line-height:32px;} .notice_box li.friends_rec a {height:154px;} .notice_box li.friends_rec .user_id {display:block;padding:30px 0 0 112px;color:#666;font-size:3.2rem;font-weight:normal;} .notice_box li.friends_rec .image {width:80px;height:80px;position:absolute;left:20px;top:56px;} .notice_box li.friends_rec .image img {border-radius:50px;} .notice_box li.friends_rec .btn_area {position:absolute;right:10px;top:78px;background:url('../img/bg_bar.png') no-repeat 8px 10px;background-size:118px 38px;} .notice_box li.friends_rec .btn_area .btn_decline, .notice_box li.friends_rec .btn_area .btn_accept {width:58px;height:58px;margin:0 8px 0 0;color:rgba(0,0,0,0);background:url('../img/btn_decline.png') no-repeat 10px 10px;background-size:38px 38px;} .notice_box li.friends_rec .btn_area .btn_accept {margin:0 0 0 8px;background:url('../img/btn_accept.png') no-repeat 10px 10px;background-size:38px 38px;} .notice_box li.friends_rec .btn_delete {width:59px;height:59px;position:absolute;right:0;top:39px;color:rgba(0,0,0,0);background:url('../img/btn_delete_2.png') no-repeat 20px 20px;background-size:19px 19px;} .notice_box.new li {margin:26px 20px 20px;border:0;background:none;} .notice_box.new .box_con {position:relative;border:1px solid #ccc;background-color:#fff;} .notice_box.new .date {width:100%;position:relative;right:0;top:0;display:block;margin:0 0 12px 0;color:#999;font-size:2.2rem;line-height:26px;text-align:center;} .notice_box.new .geti {overflow:hidden;padding:16px 20px 0 20px;text-overflow:ellipsis;white-space:nowrap;} /* error */ .error_tit {padding:74px 20px 56px;color:#666;font-size:3.6rem;line-height:48px;text-align:center;} .error_tit.emc {margin:168px 0 0 0;padding:316px 20px 0;background:url('../img/bg_character_7.png') no-repeat 50% 0;background-size:348px 259px;} .error_txt {margin:0 20px;color:#999;font-size:2.8rem;line-height:44px;text-align:center;} /* popup */ .pop_scroll, .pop_scroll body {position:relative;height:100%;overflow:hidden;} .popup {width:100%;height:100%;overflow-y:auto;position:fixed;top:0;left:0;text-align:center;z-index:1000;background:rgba(0,0,0,0.85);} .popup.ty2, .popup.ty3 {position:absolute;top:0;} .popup.ty3 {overflow-y:hidden;} .popup:before {height:100%;margin-right:-0.25em;display:inline-block;content:'';vertical-align:middle;} .popup.ty2:before, .popup.ty3:before {height:auto;vertical-align:top;} .popup .contents {width:520px;display:inline-block;position:relative;padding:0 0 41px 0;vertical-align:middle;background-color:#eee;} .popup.ty2 .contents {width:600px;height:100%;padding:0 0 0 0;background:none;} .popup.ty3 .contents {width:100%;height:100%;padding:0 0 0 0;background:none;} .popup.ty4 .contents {width:600px;} .popup.wc .contents {width:600px;} .popup .contents h1 {padding:14px 64px 14px 20px;border-bottom:1px solid #ccc;color:#2a84d8;font-size:3.6rem;line-height:46px;text-align:center;background-color:#fff;} .popup .contents .txt {width:100%;height:206px;position:relative;display:table;padding:0 40px;color:#666;font-size:3.0rem;line-height:38px;white-space:normal;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;} .popup.ty4 .contents .txt {height:280px;font-size:2.6rem;line-height:34px;text-align:left;} .popup.ty4 .contents .delete {position:relative;display:table;padding:0 40px;color:#666;width:100%;height:280px;font-size:2.6rem;line-height:36px;text-align:center;white-space:normal;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;} .popup.ty4 .contents .delete span {width:100%;display:table-cell;vertical-align:middle;} .popup.ty4 .contents .delete strong {display:block;margin-bottom:32px;font-size:3.0rem;line-height:42px;color:#666;font-weight:normal;} .popup.ty5 .contents .txt {height:320px;font-size:2.6rem;line-height:34px;text-align:left;} .popup.comd .contents .txt {height:auto;padding:42px 40px 34px;} .popup.wc .contents .txt {font-size:2.6rem;line-height:32px;} .popup .contents .txt span {width:100%;display:table-cell;vertical-align:middle;} .popup .contents .txt strong {color:#2a84d8;font-weight:normal;} .popup .contents .txt .copy {width:100%;display:block;margin:30px 0 0 0;color:#999;font-size:2.0rem;font-style:normal;text-align:center;} .popup.ty2 .contents .box {height:616px;margin:108px 0 0 0;position:relative;background-color:#eee;text-align:left;} .popup.ty2 .contents .box.link {height:346px} .popup.ty2 .contents .box_2 {position:relative;margin:108px 0 0 0;padding:0 0 50px 0;background-color:#eee;} .popup .contents .btn_list {margin:30px 40px 0;} .popup .contents .btn_list li {margin:20px 0 0 0;} .popup .contents .btn_list li:first-child {margin:0 0 0 0;} .popup .contents .btn_list li a, .popup .contents .btn_list li button, .popup .contents .btn_list li span {width:100%;height:68px;display:block;position:relative;color:#fefefe;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} .popup .contents .btn_list li a, .popup .contents .btn_list li span {line-height:66px;} .popup .contents .btn_list li input {width:100%;height:100%;position:absolute;top:1px;left:1px;opacity:0;} .popup .contents .sel_video_type {margin:30px 20px 30px;} .popup .contents .sel_video_type p:first-child {margin:0 0 20px 0;} .popup .contents .sel_video_type input[type="radio"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .popup .contents .sel_video_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;} .popup .contents .sel_video_type label.checked {background:url('../img/bg_radio_on.png') no-repeat 0 0;background-size:39px 38px;} .popup .contents .code_inp {margin:30px 20px 0;height:200px;border:1px solid #ccc;background-color:#fff;} .popup .contents .code_inp.link {height:80px;} .popup .contents .code_inp textarea {width:100%;height:160px;padding:20px 20px 0;color:#666;font-size:3.0rem;line-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;} .popup .contents .code_inp input {width:100%;height:80px;padding:0 20px;color:#444;font-size:3.0rem;line-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;border:0;} .popup .contents .preview {margin:20px 20px 0;width:560px;height:315px;background-color:#000;} .popup .contents .info_txt {margin:10px 20px 0;color:#999;font-size:2.0rem;line-height:24px;} .popup .contents .info_txt2 {padding:14px 0 30px 12px;color:#999;font-size:2.4rem;line-height:30px;text-align:left;text-indent:-2.3%;} .popup .contents .info_txt2 strong {color:#d82a2a;font-weight:normal;} .popup .contents .menu_list {width:100%;position:absolute;left:0;bottom:20px;} .popup .contents .menu_list li {margin:0 20px;} .popup .contents .menu_list li button {width:49%;height:68px;float:left;margin:0 0 20px 0;color:#fff;font-size:3.0rem;border-radius:10px;background-color:rgba(42,132,216,0.8);} .popup .contents .menu_list li:nth-of-type(5n-4) button, .popup .contents .menu_list li:nth-of-type(5n-2) button {margin:0 1% 20px 0;} .popup .contents .menu_list li:nth-of-type(5n-1) button, .popup .contents .menu_list li:nth-of-type(5n-3) button {margin:0 0 20px 1%;} .popup .contents .menu_list li:nth-of-type(odd):last-child button {width:100%;} .popup .contents .menu_list li .btn_cancel {color:#666;background-color:rgba(255,255,255,0.8);} .popup .contents .sns_list {margin:36px 0 0 66px;} .popup .contents .sns_list:after {display:block;clear:both;content:'';} .popup .contents .sns_list li {float:left;margin:0 0 0 50px;} .popup .contents .sns_list li:first-child {margin:0 0 0 0;} .popup .contents .sns_list li button {width:96px;height:96px;color:rgba(0,0,0,0);} .popup .contents .sns_list li button.btn_facebook {background:url('../img/btn_facebook_2.png') no-repeat 0 0;background-size:100% 100%;} .popup .contents .sns_list li button.btn_google {background:url('../img/btn_google_2.png') no-repeat 0 0;background-size:100% 100%;} .popup .contents .sns_list li button.btn_twitter {background:url('../img/btn_twitter.png') no-repeat 0 0;background-size:100% 100%;} .popup .contents .btn_ty_1, .popup .contents .btn_ty_3, .popup .contents .btn_ty_4 {min-width:210px;height:68px;padding:0 20px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} *:lang(ru) .popup .contents .btn_ty_4 {letter-spacing:-1px;} .popup .contents .btn_ty_3 {min-width:270px;margin:0 auto;text-align:center;} .popup .contents .btn_ty_4 {min-width:440px;} .popup .contents .btn_ty_5 {min-width:520px;height:68px;padding:0 20px;color:#fff;font-size:3.0rem;border-radius:10px;background-color:#2a84d8;} .popup .contents .btn_area {padding:0 40px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;} .popup .contents .btn_area:after {display:block;clear:both;content:'';} .popup .contents .btn_area .btn_ty_1, .popup .contents .btn_area .btn_ty_2 {width:48%;height:68px;float:left;padding:0 0;color:#fff;font-size:3.0rem;border-radius:10px;} .popup .contents .btn_area .btn_ty_1 {margin:0 2% 0 0;background-color:#bfbfbf;} .popup .contents .btn_area .btn_ty_2 {margin:0 0 0 2%;background-color:#2a84d8;} .popup.ty2 .contents .btn_area {width:100%;position:absolute;left:0;bottom:20px;margin:0 0;padding:0 20px;} .popup .btn_close {width:64px;height:68px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_delete_3.png') no-repeat 20px 22px;background-size:24px 24px;} .popup.ty2 .btn_close {top:108px;} .popup .cha_tit, .popup .cha_txt, .popup .cha_txt_2 {width:100%;padding:42px 20px 32px;color:#666;font-size:3.0rem;font-weight:normal;line-height:38px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;} .popup .cha_tit strong {color:#2a84d8;font-weight:normal;} .popup .cha_txt {padding:0 20px 14px;font-size:2.6rem;} .popup .cha_txt_2 {margin:0 0 16px 20px;padding:10px 0 0 18px;color:#d82a2a;font-size:2.4rem;line-height:28px;text-align:left;text-indent:-18px;} .popup .contents .code_inp.cha {height:80px;} .popup .contents .code_inp.cha input {font-size:3.0rem;text-align:center;} .popup .contents .txt .limit_l {display:block;padding:0 0 28px 0;font-style:normal;} .popup .contents .txt .limit_l strong {color:#666;font-size:2.8rem;font-weight:bold;} .popup .contents .txt .limit_l a {color:#666;} .popup .contents .txt .btn_cs {display:block;color:#2a84d8;font-size:2.8rem;line-height:120%;text-align:center;text-decoration:underline;} .popup .qrcode {position:absolute;left:50%;top:50%;margin:-175px 0 0 -285px;} .popup .qrcode strong {display:block;margin:0 0 30px 0;color:#999;font-size:2.6rem;font-weight:normal;line-height:34px;} .popup .qrcode .img_qr img {width:280px;height:280px;} .popup .btn_close_qr {width:94px;height:98px;position:absolute;right:0;top:0;color:rgba(0,0,0,0);background:url('../img/btn_close.png') no-repeat 50px 22px;background-size:25px 25px;} .popup .friends_campain {width:600px;position:relative;margin:88px 0 0 0;} .popup .friends_campain .image img {width:600px;height:600px;} .popup .friends_campain .info_box {width:1005;height:252px;background-color:#efe540;} .popup .friends_campain .info_box strong {display:block;padding:34px 0 18px 0;color:#444;font-size:2.8rem;line-height:34px;} .popup .friends_campain .info_box p {padding:0 20px;color:#666;font-size:2.0rem;line-height:28px;} .popup .friends_campain .navi {width:100%;position:absolute;left:0;top:33px;text-align:center;} .popup .friends_campain .navi span {width:17px;height:17px;display:inline-block;margin:0 20px 0 0;color:rgba(0,0,0,0);border-radius:10px;background-color:rgba(0,0,0,0.2);} .popup .friends_campain .navi span:last-child {margin:0 0 0 0;} .popup .friends_campain .navi span.selected {background-color:#fff;} .popup .friends_campain .btn_delete {width:290px;height:56px;display:inline-block;margin:26px 0 0 0;color:#fff;font-size:2.6rem;line-height:52px;border-radius:10px;background-color:#2a84d8;} .popup.ty2 .friends_campain .btn_close {top:0;background:url('../img/btn_delete_6.png') no-repeat 20px 22px;background-size:24px 24px;} .popup .weeknot {padding:36px 0 0 30px;text-align:left;} .popup .weeknot input[type="checkbox"] {width:0;height:0;position:absolute;top:-9999px;left:1px;} .popup .weeknot 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;} .popup .weeknot label.checked {background:url('../img/bg_chk_on.png') no-repeat 0 0;background-size:38px 38px;} .popup .war {display:block;margin:40px 0 0 0;padding:14px 14px 16px 36px;color:#d82a2a;font-size:2.4rem;font-style:normal;line-height:28px;text-align:left;text-indent:-22px;border:1px solid #d82a2a;-webkit-box-sizing:border-box;box-sizing:border-box;} .popup .content_share {position:absolute;left:0;bottom:0;width:100%;height:279px;padding-top:39px;background:#fff;text-align:center;} .popup .content_share h3 {margin-bottom:41px;font-size:2.9rem;color:#444;font-weight:bold;} .popup .content_share ul {text-align:center;} .popup .content_share li {display:inline-block;margin-left:83px;} .popup .content_share li:first-child {margin-left:0;} .popup .content_share li a {display:block;font-size:2.4rem;color:#77828d;font-weight:bold;} .popup .content_share .thumb {width:100px;height:100px;margin:0 auto 16px;} .popup .content_share .thumb img {width:100%;height:100%;} .popup .content_share .btn_close {width:84px;height:84px;background-size:23px 23px;background-position:50% 50%;} .popup .content_share .btn_close button {width:100%;height:100%;font-size:0;} .popup.rating .contents h1 {padding:10px 64px 12px 20px;} .popup.comd.rating .contents .txt {padding:39px 40px 41px;} .popup.rating .contents .txt span {display:block;line-height:42px;margin-top:26px;} .popup.rating .contents .txt span:first-child {margin-top:0;} .popup.rating .contents ul {margin-top:22px;padding:0 30px 3px;} .popup.rating .contents li {position:relative;margin-top:9px;padding-left:10px;font-size:2.0rem;color:#999;line-height:28px;text-align:left;} .popup.rating .contents li:first-child {margin-top:0;} .popup.rating .contents li:after {content:".";position:absolute;left:0;top:-6px;} /* New popup */ .popup.ty6 .contents {width:600px;padding-bottom:49px;} .popup.ty6 .contents h1 {padding:11px 64px 11px 20px;font-size:3.4rem;line-height:46px;} .popup.ty6 .contents .txt {height:auto;padding:20px 40px 42px;} .popup.ty6 .contents .txt b {display:block;margin-top:12px;text-align:left;font-size:2.6rem;line-height:36px;font-weight:normal;} .popup.ty6 .contents .txt b:first-child {margin-top:0;} /* SNS Agree popup */ .popup.agree {overflow:hidden;} .popup.agree:before {display:none;} .popup.agree .contents {position:absolute;top:21px;bottom:21px;left:45px;right:45px;width:auto;padding:48px 30px 62px;box-sizing:border-box;overflow:auto;overflow-x:hidden;} .popup.agree .contents h1 {margin-bottom:23px;padding:0 64px 0 0;font-size:3.6rem;color:#444;font-weight:bold;background:none;border:0;text-align:left;} .popup.agree .contents .txt {padding:0;font-size:2.4rem;line-height:36px;color:#777;text-align:left;} .popup.agree .btn_close {position:fixed;top:21px;right:45px;} .popup.agree h2 {margin:10px 0;font-size:2.6rem;color:#444;} .popup.agree h3 {position:relative;margin:10px 0;padding-left:30px;font-size:2.2rem;color:#444;} .popup.agree h3:after {content:"○";position:absolute;left:0;top:0;} .popup.agree strong {color:#d62f22 !important;} /* footer */ #HIVEfooter {width:100%;clear:both;padding:30px 0;background-color:#999;text-align:center;} #HIVEfooter .btn_login {width:408px;height:44px;display:inline-block;margin:0 20px 0 0;color:#eee;font-size:2.6rem;line-height:44px;border-radius:10px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:410px;height:46px;margin:0 0 0 0;padding:0 63px 0 0;color:#eee;font-size:2.6rem;line-height:32px;vertical-align:top;direction:rtl; border:1px solid #eee;border-radius:10px;background:#999 url('../img/bg_foot.png') no-repeat 100% 0;background-size:46px 44px;} #HIVEfooter .foot_con {width:100%;} #HIVEfooter .foot_con a {display:inline-block;position:relative;margin:18px 0 0 18px;padding:0 18px 0 0;color:#eee;font-size:2.6rem;line-height:30px;} #HIVEfooter .foot_con a:nth-of-type(1):after, *:lang(ja) #HIVEfooter .foot_con .btn_contactus:after {width:2px;height:28px;position:absolute;right:0;top:0;color:#bbb;font-size:2.6rem;line-height:30px;content:'|';} #HIVEfooter .foot_con a.bar_n:nth-of-type(1):after {display:none;} #HIVEfooter .btn_service_gv, #HIVEfooter .btn_service_ct {font-weight:bold;} #HIVEfooter .btn_service_gv:after {font-weight:normal;} #HIVEfooter .btn_service {font-weight:bold;margin-left:0;} #HIVEfooter .btn_service:after {display:none !important;} #HIVEfooter address {font-style:normal;} #HIVEfooter .foot_con .btn_link_g, #HIVEfooter .foot_con .btn_link_c {padding:0 18px 0 28px;background:url('../img/ico_copy.png') no-repeat 0 6px;background-size:20px 20px;} #HIVEfooter .foot_con .btn_link {margin-left:0;padding:0 18px 0 28px;background:url('../img/ico_copy.png') no-repeat 0 6px;background-size:20px 20px;} #HIVEfooter .foot_con .btn_link:after {display:none;} #HIVEfooter .copy {color:#afafaf;font-size:2.0rem;} #HIVEfooter .copy span {margin:0 14px;} #HIVEfooter_new {position:relative;background:#999;padding:31px 20px 35px;} #HIVEfooter_new .sel_lang {position:absolute;right:20px;top:32px;height:35px;padding-right:36px;text-align:right;background:url('../img/icon_lang.png')no-repeat right 50%;background-size:23px 23px;} #HIVEfooter_new select {display:block;background:none;border:0;font-size:2.6rem;color:#fff;text-align:right;} #HIVEfooter_new select option {font-size:2.0rem;color:#000;} #HIVEfooter_new ul {overflow:hidden;margin-bottom:47px;} #HIVEfooter_new li {float:left;margin-left:34px;} #HIVEfooter_new li:first-child {margin-left:0;} #HIVEfooter_new li:nth-child(4) {clear:left;margin:18px 0 0;} #HIVEfooter_new li a {font-size:2.6rem;color:#fff;} #HIVEfooter_new address {display:block;color:#444;font-size:2.0rem;font-style:normal;} #HIVEfooter_new address a {color:#444;} /* 일문 전자 공고 */ .elec_notice {background:#edeff5;} .elec_notice .logo {height:44px;padding:10px 0 10px 16px;background:#2377d1;} .elec_notice .logo h1 {width:134px;height:44px;} .elec_notice .logo img {width:100%;} .elec_notice .s_tit {height:261px;padding-left:61px;background:#2a84d8;text-align:left;} .elec_notice .s_tit h2 {display:table;width:100%;height:100%;font-size:4.8rem;color:#fff;font-weight:bold;} .elec_notice .s_tit h2 p {display:table-cell;width:100%;height:100%;vertical-align:middle;} .elec_notice .list {padding:90px 40px;} .elec_notice .list li {position:relative;margin-top:57px;padding-left:48px;background:url('../img/icon_pdf.png')no-repeat left 10px;background-size:28px 28px;} .elec_notice .list li:first-child {margin-top:0;} .elec_notice .list a {font-size:2.8rem;color:#4e4e4e;line-height:50px;} .elec_notice .list a:hover {color:#2a84d8;text-decoration:underline;} /* loading */ .loading {width:100%;position:fixed;top:0;bottom:0;left:0;text-align:center;z-index:1000;background:rgba(0,0,0,0.85);} .loading .load_img {position:absolute;left:50%;top:50%;margin:-15px 0 0 -15px;} /* 2018-06-08 GDPR 대응 : 쿠키 안내 */ .gdpr_cookie {width:100%;position:fixed;left:0;bottom:0;padding:20px 25px 50px;background-color:rgba(0,0,0,0.9);z-index:10;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;} .gdpr_cookie .cookie_con {vertical-align:middle;} .gdpr_cookie .cookie_guide {line-height:1.3;font-size:2.6rem;color:#999;} .gdpr_cookie .cookie_guide ~ .cookie_guide {margin-top:10px;} .gdpr_cookie .cookie_guide a {font-style:italic;color:#2b84d8;text-decoration:underline;} .gdpr_cookie .cookie_accept {margin-top:30px;} .gdpr_cookie .cookie_accept .btn_accept {width:100%;height:68px;border-radius:10px;line-height:1;font-size:3.0rem;color:#fff;background-color:#2b84d8;} /* firefox */ @-moz-document url-prefix() { .m_game_list li a .tit, .m_game_list li a .txt, .cafe_list li a .txt, .faq_list li .question span, .board_list.cnews li .tit, .cs_write .file_view_img .info, .cafe_list.search_r .cont {display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ /* media query */ @media (max-width:479px) { html {font-size:20.83%;} #HIVEheader .native {height:22px;} #HIVEheader .native .logo, #HIVEheader .native .logo a {width:48px;height:22px;padding:0 6px 0 0;background:url('../img/logo_new.png') no-repeat 5px 50%;background-size:44px 14px;} #HIVEheader .native .my_info {height:16px;padding:6px 6px 0 6px;line-height:10px;} #HIVEheader .native .my_info img {width:10px;height:10px;} #HIVEheader .native .btn_login {height:22px;right:6px;padding:0 8px 0 0;line-height:22px;background:url('../img/ico_link_arrow_3.png') no-repeat 100% 7px;background-size:5px 8px;} #HIVEheader .gnb {height:22px;} #HIVEheader.ingameversion .gnb {margin:22px 0 0 0;} #HIVEheader .gnb.sub {height:23px;} #HIVEheader .gnb .tit_h2 {margin:0 20px;line-height:23px;} #HIVEheader .gnb .btn_menu {width:41px;height:22px;background:url('../img/btn_left_menu.png') no-repeat 6px 7px;background-size:8px 8px;} #HIVEheader .gnb.sub .btn_menu {background:url('../img/btn_left_menu_w.png') no-repeat 6px 7px;background-size:8px 8px;} #HIVEheader .gnb .btn_notice {width:21px;height:22px;background:url('../img/btn_notice_link.png') no-repeat 6px 7px;background-size:8px 9px;} #HIVEheader .gnb .btn_notice .new {width:9px;height:9px;right:1px;top:2px;background-size:9px 9px;} #HIVEheader .gnb .btn_prev {width:18px;height:23px;background:url('../img/ico_link_arrow_2.png') no-repeat 6px 7px;background-size:5px 8px;} #HIVEheader .gnb .btn_prev.ty2 {background:url('../img/ico_link_arrow_7.png') no-repeat 6px 7px;background-size:5px 8px;} #HIVEheader .gnb .btn_msgedit, #HIVEheader .gnb .btn_cancel, #HIVEheader .gnb .btn_finished {height:23px;right:6px;line-height:23px;} #HIVEheader .gnb .btn_write {width:22px;height:23px;background:url('../img/btn_write.png') no-repeat 6px 7px;background-size:8px 8px;} #HIVEheader .gnb .btn_write_2 {width:22px;height:23px;right:22px;background:url('../img/btn_write_3.png') no-repeat 6px 7px;background-size:9px 9px;} #HIVEheader .gnb .btn_refresh {width:23px;height:23px;background:url('../img/btn_refresh_2.png') no-repeat 6px 7px;background-size:9px 8px;} #HIVEheader .gnb .btn_close {width:21px;height:22px;background:url('../img/btn_delete_6.png') no-repeat 6px 7px;background-size:8px 8px;} #HIVEheader .gnb .btn_search {width:20px;height:23px;right:22px;background:url('../img/btn_search_3.png') no-repeat 5px 7px;background-size:9px 9px;} #HIVEheader .gnb .btn_search_2 {width:21px;height:23px;right:22px;background:url('../img/btn_search_4.png') no-repeat 6px 6px;background-size:9px 9px;} #HIVEheader .gnb .btn_delete {width:21px;height:22px;background:url('../img/btn_delete_7.png') no-repeat 6px 7px;background-size:7px 10px;} #HIVEheader .gnb .btn_mymess {width:23px;height:23px;background:url('../img/btn_mymess.png') no-repeat 6px 7px;background-size:9px 8px;} #HIVEheader .gnb .btn_mymess .new {width:9px;height:9px;right:1px;top:2px;background-size:9px 9px;} #HIVEheader .gnb .btn_inquire {width:23px;height:23px;background:url('../img/btn_inquire.png') no-repeat 6px 7px;background-size:9px 8px;} /* CHATBOT */ #HIVEcontainer {margin:-45px 0 0 0;} .HIVEcontents {padding:45px 0 16px 0;} #HIVEcontainer.msg .HIVEcontents, #HIVEcontainer.main .HIVEcontents {padding:45px 0 0 0;} #HIVEwrap.ingameheader #HIVEcontainer {margin:-23px 0 0 0;} #HIVEwrap.ingameheader .HIVEcontents {padding:23px 0 16px 0;} #HIVEwrap.ingameheader #HIVEcontainer.msg .HIVEcontents {padding:23px 0 0 0;} /* all_menu */ .all_menu {padding:22px 0 0 0;} .all_menu .all_menu_list {padding:7px 0 0 0;} .all_menu .all_menu_list li a {padding:9px 19px 9px;line-height:13px;} .all_menu .all_menu_list li a em {margin:0 0 0 6px;width:16px;height:13px;background-size:16px 8px;} .all_menu .btn_area span {margin:32px 20px 0;padding:0 0 16px 0;} .all_menu .btn_area .btn_log {height:22px;border-radius:3px;} .all_menu .version {margin:32px 0 0 0;padding:0 0 16px 0;} .all_menu .version .ver_con {margin:0 6px;padding:6px 0 6px 0;line-height:10px;border-radius:3px;} /* tab */ .sub_tab .nav {width:200px;} .sub_tab .nav li {padding:0 0 0 5px;} .sub_tab.ty2 .nav li {padding:0 0 0 6px;} .sub_tab .nav li a {height:21px;line-height:22px;} .sub_tab .nav li a.selected {border-bottom:1px solid #2a84d8;} /* Faq Tab */ .faq_tab {height:23px;padding:0 6px;} .faq_tab a {line-height:22px;} .faq_tab .on a:after {height:1px;} /* select search */ .select_area {margin:0 0 6px 0;padding:6px 6px 0;} .select_area select {height:18px;margin:0 0 6px 0;padding:0 20px 0 5px;border-radius:3px;background-size:12px 3px;} .select_area select.off {background-size:12px 3px;} .select_area.ty2 {padding:6px;} .select_area.ty2 .btn_ty_1 {height:18px;border-radius:3px;} .select_area .search {margin:0 32px 0 0;border-radius:3px;} .select_area .search input {height:18px;padding:0 19px 0 6px;border-radius:3px;} .select_area .search .btn_delete {width:19px;height:18px;background:url('../img/btn_delete_2.png') no-repeat 6px 6px;background-size:6px 6px;} .select_area .btn_search {width:25px;height:18px;right:6px;top:6px;background-size:25px 18px;} .select_area.ty4 {padding:6px;} .select_area.ty4 .btn_ty_1 {height:18px;border-radius:3px;} .select_area.ty4 .app {margin:0 -6px 6px;padding:0 6px 6px;border-bottom:1px solid #ccc;} .search_area {margin:-6px 0 6px 0;padding:6px;border-bottom:1px solid #ccc;} .search_area .search {border-radius:3px;} .search_area .search:after {width:19px;height:18px;background:url('../img/ico_search_5.png')no-repeat 6px 5px;background-size:9px 9px;} .search_area input {height:18px;padding:0 19px 0 19px;border-radius:3px;} .search_area .search .btn_delete {width:19px;height:18px;background:url('../img/btn_delete_2.png') no-repeat 6px 6px;background-size:6px 6px;} .floating_write {right:6px;bottom:6px;width:37px;height:37px;} .floating_write:lang(ar) {left:6px;right:auto;} .floating_chatbot {right:6px;bottom:6px;width:33px;height:33px;border-radius:33px;-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.35);} .floating_chatbot:lang(ar) {left:6px;} /* paging */ .paging {margin:10px 0 0 0;} .paging a, .paging span {min-width:4px;height:15px;margin:0 0 0 5px;padding:0 5px;line-height:14px;border-radius:3px;} .paging .btn_prev, .paging .btn_next {width:15px;margin:0 3px 0 0;background-size:15px 15px;} .paging .btn_next {width:15px;margin:0 0 0 8px;background-size:15px 15px;} .paging .btn_prev.off {background-size:15px 15px;} .paging .btn_next.off {background-size:15px 15px;} /* viewmore */ .btn_area_b {margin:10px 6px 0;} .btn_area_b.ty1 {margin-top:13px;} .btn_area_b.ty2 {margin-top:5px;} .btn_area_b.ty3 {margin-top:16px;} .btn_area_b .btn_view_more, .btn_area_b .btn_join, .btn_area_b .btn_start_game {height:22px;border-radius:3px;} /* viewmore */ .btn_area_c {margin:4px 6px 0;} .btn_area_c.ty1 {margin-top:13px;} .btn_area_c .btn_view_more, .btn_area_c .btn_join, .btn_area_c .btn_start_game {height:22px;border-radius:3px;} /* nocontents */ .nocontents {padding:26px 0;line-height:13px;} .nocontents.ty3 {padding:33px 0;} .nothing_txt {margin:23px 0 16px 0;line-height:15px;} .nothing_txt.fs {margin:13px 0 16px 0;padding:84px 6px 0;background-size:73px 72px;} .nothing_txt.frr {margin:13px 0 16px 0;padding:89px 6px 0;background-size:102px 79px;} .nothing_txt.frs {margin:13px 0 16px 0;padding:82px 6px 0;background-size:111px 70px;} .nothing_txt.cmf {margin:19px 0 16px 0;padding:66px 6px 0;background-size:62px 60px;} .nothing_txt.cmn {margin:6px 0 16px 0;padding:77px 6px 0;background-size:65px 72px;} .nothing_txt.cmp {margin:13px 0 16px 0;padding:71px 6px 0;background-size:84px 64px;} .nothing_txt .txt1 {padding:9px 0 0 0;} /* notice */ .notice_box {margin:6px 0 0;} .notice_box li {margin:6px;} .notice_box .geti {padding:5px 0 0 6px;} .notice_box .date {right:6px;top:6px;} .notice_box .txt {padding:5px 6px 9px;line-height:10px;} .notice_box li.friends_rec a {height:51px;} .notice_box li.friends_rec .user_id {padding:10px 0 0 37px;} .notice_box li.friends_rec .image {width:26px;height:26px;left:6px;top:18px;} .notice_box li.friends_rec .image img {border-radius:16px;} .notice_box li.friends_rec .btn_area {right:3px;top:26px;background:url('../img/bg_bar.png') no-repeat 2px 3px;background-size:39px 12px;} .notice_box li.friends_rec .btn_area .btn_decline, .notice_box li.friends_rec .btn_area .btn_accept {width:19px;height:19px;margin:0 2px 0 0;background:url('../img/btn_decline.png') no-repeat 3px 3px;background-size:12px 12px;} .notice_box li.friends_rec .btn_area .btn_accept {margin:0 0 0 2px;background:url('../img/btn_accept.png') no-repeat 3px 3px;background-size:12px 12px;} .notice_box li.friends_rec .btn_delete {width:19px;height:19px;top:13px;background:url('../img/btn_delete_2.png') no-repeat 6px 6px;background-size:6px 6px;} .notice_box.new li {margin:8px 6px 6px;} .notice_box.new .date {margin:0 0 4px 0;line-height:8px;} .notice_box.new .geti {padding:5px 6px 0 6px;} /* error */ .error_tit {padding:24px 6px 18px;line-height:16px;} .error_tit.emc {margin:56px 0 0 0;padding:105px 6px 0;background-size:116px 86px;} .error_txt {margin:0 6px;line-height:14px;} /* popup */ .popup .contents {width:173px;padding:0 0 13px 0;} .popup.ty2 .contents {width:200px;} .popup.ty4 .contents {width:200px;} .popup.wc .contents {width:200px;} .popup .contents h1 {padding:4px 21px 4px 6px;border-bottom:1px solid #ccc;line-height:15px;} .popup .contents .txt {height:68px;padding:0 13px;line-height:12px;} .popup.ty4 .contents .txt {height:93px;line-height:11px;} .popup.ty4 .contents .delete {padding:0 13px;height:93px;line-height:12px;} .popup.ty4 .contents .delete strong {margin-bottom:10px;line-height:14px;} .popup.ty5 .contents .txt {height:106px;line-height:11px;} .popup.comd .contents .txt {padding:14px 13px 11px;} .popup.wc .contents .txt {line-height:10px;} .popup .contents .txt .copy {margin:10px 0 0 0;} .popup.ty2 .contents .box {height:205px;margin:36px 0 0 0;} .popup.ty2 .contents .box.link {height:115px;} .popup.ty2 .contents .box_2 {margin:36px 0 0 0;padding:0 0 16px 0;} .popup .contents .btn_list {margin:10px 13px 0;} .popup .contents .btn_list li {margin:6px 0 0 0;} .popup .contents .btn_list li a, .popup .contents .btn_list li button, .popup .contents .btn_list li span {height:22px;border-radius:3px;} .popup .contents .btn_list li a, .popup .contents .btn_list li span {line-height:22px;} .popup .contents .sel_video_type {margin:10px 6px 10px;} .popup .contents .sel_video_type p:first-child {margin:0 0 6px 0;} .popup .contents .sel_video_type label {padding:0 0 0 16px;line-height:12px;background-size:13px 12px;} .popup .contents .sel_video_type label.checked {background-size:13px 12px;} .popup .contents .code_inp {margin:10px 6px 0;height:66px;} .popup .contents .code_inp.link {height:26px;} .popup .contents .code_inp textarea {height:53px;padding:6px 6px 0;line-height:12px;} .popup .contents .code_inp input {height:26px;padding:0 6px;line-height:12px;} .popup .contents .preview {margin:6px 6px 0;width:186px;height:105px;} .popup .contents .info_txt {margin:3px 6px 0;line-height:8px;} .popup .contents .info_txt2 {padding:4px 0 10px 4px;line-height:10px;} .popup .contents .menu_list {bottom:6px;} .popup .contents .menu_list li {margin:0 6px;} .popup .contents .menu_list li button {height:22px;margin:0 0 6px 0;border-radius:3px;} .popup .contents .menu_list li:nth-of-type(5n-4) button, .popup .contents .menu_list li:nth-of-type(5n-2) button {margin:0 1% 6px 0;} .popup .contents .menu_list li:nth-of-type(5n-1) button, .popup .contents .menu_list li:nth-of-type(5n-3) button {margin:0 0 6px 1%;} .popup .contents .sns_list {margin:12px 0 0 22px;} .popup .contents .sns_list li {margin:0 0 0 16px;} .popup .contents .sns_list li button {width:32px;height:32px;} .popup .contents .btn_ty_1, .popup .contents .btn_ty_3, .popup .contents .btn_ty_4 {min-width:70px;height:22px;padding:0 6px;border-radius:3px;} .popup .contents .btn_ty_3 {min-width:90px;} .popup .contents .btn_ty_4 {min-width:146px;} .popup .contents .btn_ty_5 {min-width:173px;height:22px;padding:0 6px;border-radius:3px;} .popup .contents .btn_area {padding:0 13px;} .popup .contents .btn_area .btn_ty_1, .popup .contents .btn_area .btn_ty_2 {height:22px;border-radius:3px;} .popup.ty2 .contents .btn_area {bottom:6px;padding:0 6px;} .popup .btn_close {width:21px;height:22px;background:url('../img/btn_delete_3.png') no-repeat 6px 7px;background-size:8px 8px;} .popup.ty2 .btn_close {top:36px;} .popup .cha_tit, .popup .cha_txt, .popup .cha_txt_2 {padding:14px 6px 10px;line-height:12px;} .popup .cha_txt {padding:0 6px 4px;} .popup .cha_txt_2 {margin:0 0 5px 6px;padding:3px 0 0 6px;line-height:9px;text-indent:-6px;} .popup .contents .code_inp.cha {height:26px;} .popup .contents .txt .limit_l {padding:0 0 6px 0;} .popup .qrcode {margin:-58px 0 0 -95px;} .popup .qrcode strong {margin:0 0 10px 0;line-height:11px;} .popup .qrcode .img_qr img {width:93px;height:93px;} .popup .btn_close_qr {width:31px;height:32px;background:url('../img/btn_close.png') no-repeat 16px 7px;background-size:8px 8px;} .popup .friends_campain {width:200px;margin:29px 0 0 0;} .popup .friends_campain .image img {width:200px;height:200px;} .popup .friends_campain .info_box {height:84px;} .popup .friends_campain .info_box strong {padding:11px 0 6px 0;line-height:11px;} .popup .friends_campain .info_box p {padding:0 6px;line-height:9px;} .popup .friends_campain .navi {top:11px;} .popup .friends_campain .navi span {width:5px;height:5px;margin:0 6px 0 0;border-radius:3px;} .popup .friends_campain .btn_delete {width:96px;height:18px;margin:8px 0 0 0;line-height:17px;border-radius:3px;} .popup.ty2 .friends_campain .btn_close {background:url('../img/btn_delete_6.png') no-repeat 6px 7px;background-size:8px 8px;} .popup .weeknot {padding:12px 0 0 10px;} .popup .weeknot label {padding:2px 0 2px 16px;line-height:9px;background-size:12px 12px;} .popup .weeknot label.checked {background-size:12px 12px;} .popup .war {margin:13px 0 0 0;padding:4px 4px 5px 12px;line-height:9px;text-indent:-7px;} .popup .content_share {height:93px;padding-top:13px;} .popup .content_share h3 {margin-bottom:13px;} .popup .content_share li {margin-left:27px;} .popup .content_share .thumb {width:33px;height:33px;margin:0 auto 5px;} .popup .content_share .btn_close {width:28px;height:28px;background-size:7px 7px;} .popup.rating .contents h1 {padding:3px 21px 4px 6px;} .popup.comd.rating .contents .txt {padding:13px 13px 13px;} .popup.rating .contents .txt span {line-height:14px;margin-top:8px;} .popup.rating .contents ul {margin-top:7px;padding:0 10px 1px;} .popup.rating .contents li {margin-top:3px;padding-left:3px;line-height:9px;} .popup.rating .contents li:after {top:-2px;} /* New popup */ .popup.ty6 .contents {width:200px;padding-bottom:16px;} .popup.ty6 .contents h1 {padding:3px 21px 3px 6px;line-height:15px;} .popup.ty6 .contents .txt {padding:6px 13px 14px;} .popup.ty6 .contents .txt b {margin-top:4px;line-height:12px;} /* SNS Agree popup */ .popup.agree .contents {top:7px;bottom:7px;left:15px;right:15px;padding:16px 10px 20px;} .popup.agree .contents h1 {margin-bottom:7px;padding:0 21px 0 0;} .popup.agree .contents .txt {line-height:12px;} .popup.agree .btn_close {top:7px;right:15px;} .popup.agree h2 {margin:3px 0;} .popup.agree h3 {margin:3px 0;padding-left:10px;} /* footer */ #HIVEfooter {padding:10px 0;} #HIVEfooter .btn_login {width:136px;height:14px;margin:0 6px 0 0;line-height:14px;border-radius:3px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:136px;height:15px;padding:0 21px 0 0;line-height:10px; border:1px solid #eee;border-radius:3px;background-size:15px 14px;} #HIVEfooter .foot_con a {margin:6px 0 0 6px;padding:0 6px 0 0;line-height:10px;} #HIVEfooter .foot_con a:nth-of-type(1):after, *:lang(ja) #HIVEfooter .foot_con .btn_contactus:after {width:1px;height:9px;line-height:10px;} #HIVEfooter .foot_con .btn_link_g, #HIVEfooter .foot_con .btn_link_c {padding:0 6px 0 9px;background:url('../img/ico_copy.png') no-repeat 0 2px;background-size:6px 6px;} #HIVEfooter .foot_con .btn_link {padding:0 6px 0 9px;background:url('../img/ico_copy.png') no-repeat 0 2px;background-size:6px 6px;} #HIVEfooter .copy span {margin:0 4px;} #HIVEfooter_new {padding:10px 6px 11px;} #HIVEfooter_new .sel_lang {right:6px;top:10px;height:11px;padding-right:12px;background-size:7px 7px;} #HIVEfooter_new ul {margin-bottom:15px;} #HIVEfooter_new li {margin-left:11px;} #HIVEfooter_new li:nth-child(4) {margin:6px 0 0;} .elec_notice .logo {height:14px;padding:3px 0 3px 5px;} .elec_notice .logo h1 {width:44px;height:14px;} .elec_notice .s_tit {height:87px;padding-left:20px;} .elec_notice .list {padding:30px 13px;} .elec_notice .list li {margin-top:19px;padding-left:16px;background:url('../img/icon_pdf.png')no-repeat left 3px;background-size:9px 9px;} .elec_notice .list a {line-height:16px;} /* 2018-06-04 GDPR 대응 : 쿠키 안내 */ .gdpr_cookie {padding:6px 8px 16px;} .gdpr_cookie .cookie_guide ~ .cookie_guide {margin-top:3px;} .gdpr_cookie .cookie_accept {margin-top:10px;} .gdpr_cookie .cookie_accept .btn_accept {height:22px;border-radius:3px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:480px) and (max-width:567px) { html {font-size:31.25%;} #HIVEheader .native {height:34px;} #HIVEheader .native .logo, #HIVEheader .native .logo a {width:72px;height:34px;padding:0 10px 0 0;background:url('../img/logo_new.png') no-repeat 8px 50%;background-size:67px 22px;} #HIVEheader .native .my_info {height:25px;padding:9px 10px 0 10px;line-height:16px;} #HIVEheader .native .my_info img {width:16px;height:16px;} #HIVEheader .native .btn_login {height:34px;right:10px;padding:0 12px 0 0;line-height:34px;background:url('../img/ico_link_arrow_3.png') no-repeat 100% 10px;background-size:7px 13px;} #HIVEheader .gnb {height:34px;} #HIVEheader.ingameversion .gnb {margin:34px 0 0 0;} #HIVEheader .gnb.sub {height:34px;} #HIVEheader .gnb .tit_h2 {margin:0 30px;line-height:35px;} #HIVEheader .gnb .btn_menu {width:62px;height:34px;background:url('../img/btn_left_menu.png') no-repeat 10px 11px;background-size:12px 12px;} #HIVEheader .gnb.sub .btn_menu {background:url('../img/btn_left_menu_w.png') no-repeat 10px 11px;background-size:12px 12px;} #HIVEheader .gnb .btn_notice {width:32px;height:34px;background:url('../img/btn_notice_link.png') no-repeat 10px 10px;background-size:12px 13px;} #HIVEheader .gnb .btn_notice .new {width:14px;height:14px;right:2px;top:4px;background-size:14px 14px;} #HIVEheader .gnb .btn_prev {width:28px;height:34px;background:url('../img/ico_link_arrow_2.png') no-repeat 10px 10px;background-size:8px 13px;} #HIVEheader .gnb .btn_prev.ty2 {background:url('../img/ico_link_arrow_7.png') no-repeat 10px 10px;background-size:8px 13px;} #HIVEheader .gnb .btn_msgedit, #HIVEheader .gnb .btn_cancel, #HIVEheader .gnb .btn_finished {height:34px;right:10px;line-height:35px;} #HIVEheader .gnb .btn_write {width:33px;height:34px;background:url('../img/btn_write.png') no-repeat 10px 11px;background-size:13px 13px;} #HIVEheader .gnb .btn_write_2 {width:33px;height:34px;right:33px;background:url('../img/btn_write_3.png') no-repeat 10px 10px;background-size:13px 13px;} #HIVEheader .gnb .btn_refresh {width:34px;height:34px;background:url('../img/btn_refresh_2.png') no-repeat 10px 11px;background-size:14px 12px;} #HIVEheader .gnb .btn_close {width:32px;height:34px;background:url('../img/btn_delete_6.png') no-repeat 10px 11px;background-size:12px 12px;} #HIVEheader .gnb .btn_search {width:31px;height:34px;right:33px;background:url('../img/btn_search_3.png') no-repeat 8px 11px;background-size:14px 13px;} #HIVEheader .gnb .btn_search_2 {width:32px;height:34px;right:33px;background:url('../img/btn_search_4.png') no-repeat 9px 10px;background-size:14px 14px;} #HIVEheader .gnb .btn_delete {width:31px;height:34px;background:url('../img/btn_delete_7.png') no-repeat 9px 10px;background-size:11px 15px;} #HIVEheader .gnb .btn_mymess {width:34px;height:34px;background:url('../img/btn_mymess.png') no-repeat 10px 11px;background-size:14px 13px;} #HIVEheader .gnb .btn_mymess .new {width:14px;height:14px;right:2px;top:4px;background-size:14px 14px;} #HIVEheader .gnb .btn_inquire {width:34px;height:34px;background:url('../img/btn_inquire.png') no-repeat 10px 11px;background-size:14px 13px;} /* CHATBOT */ #HIVEcontainer {margin:-68px 0 0 0;} .HIVEcontents {padding:68px 0 25px 0;} #HIVEcontainer.msg .HIVEcontents, #HIVEcontainer.main .HIVEcontents {padding:68px 0 0 0;} #HIVEwrap.ingameheader #HIVEcontainer {margin:-34px 0 0 0;} #HIVEwrap.ingameheader .HIVEcontents {padding:34px 0 25px 0;} #HIVEwrap.ingameheader #HIVEcontainer.msg .HIVEcontents {padding:34px 0 0 0;} /* all_menu */ .all_menu {padding:34px 0 0 0;} .all_menu .all_menu_list {padding:11px 0 0 0;} .all_menu .all_menu_list li a {padding:14px 29px 14px;line-height:20px;} .all_menu .all_menu_list li a em {margin:0 0 0 9px;width:25px;height:20px;background-size:24px 13px;} .all_menu .btn_area span {margin:48px 30px 0;padding:0 0 25px 0;} .all_menu .btn_area .btn_log {height:34px;border-radius:5px;} .all_menu .version {margin:48px 0 0 0;padding:0 0 25px 0;} .all_menu .version .ver_con {margin:0 10px;padding:10px 0 10px 0;line-height:15px;border-radius:5px;} /* tab */ .sub_tab .nav {width:300px;} .sub_tab .nav li {padding:0 0 0 7px;} .sub_tab.ty2 .nav li {padding:0 0 0 10px;} .sub_tab .nav li a {height:32px;line-height:34px;} .sub_tab .nav li a.selected {border-bottom:2px solid #2a84d8;} /* Faq Tab */ .faq_tab {height:34px;padding:0 10px;} .faq_tab a {line-height:33px;} .faq_tab .on a:after {height:2px;} /* select search */ .select_area {margin:0 0 10px 0;padding:10px 10px 0;} .select_area select {height:28px;margin:0 0 10px 0;padding:0 30px 0 8px;border-radius:5px;background-size:19px 5px;} .select_area select.off {background-size:19px 5px;} .select_area.ty2 {padding:10px;} .select_area.ty2 .btn_ty_1 {height:28px;border-radius:5px;} .select_area .search {margin:0 48px 0 0;border-radius:5px;} .select_area .search input {height:28px;padding:0 29px 0 10px;border-radius:5px;} .select_area .search .btn_delete {width:29px;height:28px;background:url('../img/btn_delete_2.png') no-repeat 10px 9px;background-size:9px 9px;} .select_area .btn_search {width:38px;height:28px;right:10px;top:10px;background-size:38px 28px;} .select_area.ty4 {padding:10px;} .select_area.ty4 .btn_ty_1 {height:28px;border-radius:5px;} .select_area.ty4 .app {margin:0 -10px 10px;padding:0 10px 10px;border-bottom:1px solid #ccc;} .search_area {margin:-10px 0 10px 0;padding:10px;border-bottom:1px solid #ccc;} .search_area .search {border-radius:5px;} .search_area .search:after {width:29px;height:28px;background:url('../img/ico_search_5.png')no-repeat 10px 7px;background-size:14px 13px;} .search_area input {height:28px;padding:0 29px 0 29px;border-radius:5px;} .search_area .search .btn_delete {width:29px;height:28px;background:url('../img/btn_delete_2.png') no-repeat 10px 9px;background-size:9px 9px;} .floating_write {right:10px;bottom:10px;width:56px;height:56px;} .floating_write:lang(ar) {left:10px;right:auto;} .floating_chatbot {right:10px;bottom:10px;width:50px;height:50px;border-radius:50px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);} .floating_chatbot:lang(ar) {left:10px;} /* paging */ .paging {margin:15px 0 0 0;} .paging a, .paging span {min-width:7px;height:23px;margin:0 0 0 8px;padding:0 8px;line-height:22px;border-radius:5px;} .paging .btn_prev, .paging .btn_next {width:23px;margin:0 5px 0 0;background-size:23px 23px;} .paging .btn_next {width:23px;margin:0 0 0 13px;background-size:23px 23px;} .paging .btn_prev.off {background-size:23px 23px;} .paging .btn_next.off {background-size:23px 23px;} /* viewmore */ .btn_area_b {margin:15px 10px 0;} .btn_area_b.ty1 {margin-top:20px;} .btn_area_b.ty2 {margin-top:8px;} .btn_area_b.ty3 {margin-top:25px;} .btn_area_b .btn_view_more, .btn_area_b .btn_join, .btn_area_b .btn_start_game {height:34px;border-radius:5px;} /* viewmore */ .btn_area_c {margin:6px 10px 0;} .btn_area_c.ty1 {margin-top:20px;} .btn_area_c .btn_view_more, .btn_area_c .btn_join, .btn_area_c .btn_start_game {height:34px;border-radius:5px;} /* nocontents */ .nocontents {padding:40px 0;line-height:20px;} .nocontents.ty3 {padding:50px 0;} .nothing_txt {margin:35px 0 25px 0;line-height:23px;} .nothing_txt.fs {margin:20px 0 25px 0;padding:126px 10px 0;background-size:110px 108px;} .nothing_txt.frr {margin:20px 0 25px 0;padding:134px 10px 0;background-size:153px 118px;} .nothing_txt.frs {margin:20px 0 25px 0;padding:123px 10px 0;background-size:167px 105px;} .nothing_txt.cmf {margin:29px 0 25px 0;padding:100px 10px 0;background-size:93px 90px;} .nothing_txt.cmn {margin:10px 0 25px 0;padding:116px 10px 0;background-size:98px 108px;} .nothing_txt.cmp {margin:20px 0 25px 0;padding:107px 10px 0;background-size:126px 96px;} .nothing_txt .txt1 {padding:14px 0 0 0;} /* notice */ .notice_box {margin:10px 0 0;} .notice_box li {margin:10px;} .notice_box .geti {padding:8px 0 0 10px;} .notice_box .date {right:10px;top:9px;} .notice_box .txt {padding:8px 10px 14px;line-height:16px;} .notice_box li.friends_rec a {height:77px;} .notice_box li.friends_rec .user_id {padding:15px 0 0 56px;} .notice_box li.friends_rec .image {width:40px;height:40px;left:10px;top:28px;} .notice_box li.friends_rec .image img {border-radius:25px;} .notice_box li.friends_rec .btn_area {right:5px;top:39px;background:url('../img/bg_bar.png') no-repeat 4px 5px;background-size:59px 19px;} .notice_box li.friends_rec .btn_area .btn_decline, .notice_box li.friends_rec .btn_area .btn_accept {width:29px;height:29px;margin:0 4px 0 0;background:url('../img/btn_decline.png') no-repeat 5px 5px;background-size:19px 19px;} .notice_box li.friends_rec .btn_area .btn_accept {margin:0 0 0 4px;background:url('../img/btn_accept.png') no-repeat 5px 5px;background-size:19px 19px;} .notice_box li.friends_rec .btn_delete {width:29px;height:29px;top:19px;background:url('../img/btn_delete_2.png') no-repeat 10px 10px;background-size:9px 9px;} .notice_box.new li {margin:13px 10px 10px;} .notice_box.new .date {margin:0 0 6px 0;line-height:13px;} .notice_box.new .geti {padding:8px 10px 0 10px;} /* error */ .error_tit {padding:37px 10px 28px;line-height:24px;} .error_tit.emc {margin:84px 0 0 0;padding:158px 10px 0;background-size:174px 129px;} .error_txt {margin:0 10px;line-height:22px;} /* popup */ .popup .contents {width:260px;padding:0 0 20px 0;} .popup.ty2 .contents {width:300px;} .popup.ty4 .contents {width:300px;} .popup.wc .contents {width:300px;} .popup .contents h1 {padding:7px 32px 7px 10px;border-bottom:1px solid #ccc;line-height:23px;} .popup .contents .txt {height:103px;padding:0 20px;line-height:19px;} .popup.ty4 .contents .txt {height:140px;line-height:17px;} .popup.ty4 .contents .delete {padding:0 20px;height:140px;line-height:18px;} .popup.ty4 .contents .delete strong {margin-bottom:16px;line-height:21px;} .popup.ty5 .contents .txt {height:160px;line-height:17px;} .popup.comd .contents .txt {padding:21px 20px 17px;} .popup.wc .contents .txt {line-height:16px;} .popup .contents .txt .copy {margin:15px 0 0 0;} .popup.ty2 .contents .box {height:308px;margin:54px 0 0 0;} .popup.ty2 .contents .box.link {height:173px;} .popup.ty2 .contents .box_2 {margin:54px 0 0 0;padding:0 0 25px 0;} .popup .contents .btn_list {margin:15px 20px 0;} .popup .contents .btn_list li {margin:10px 0 0 0;} .popup .contents .btn_list li a, .popup .contents .btn_list li button, .popup .contents .btn_list li span {height:34px;border-radius:5px;} .popup .contents .btn_list li a, .popup .contents .btn_list li span {line-height:33px;} .popup .contents .sel_video_type {margin:15px 10px 15px;} .popup .contents .sel_video_type p:first-child {margin:0 0 10px 0;} .popup .contents .sel_video_type label {padding:0 0 0 24px;line-height:19px;background-size:19px 19px;} .popup .contents .sel_video_type label.checked {background-size:19px 19px;} .popup .contents .code_inp {margin:15px 10px 0;height:100px;} .popup .contents .code_inp.link {height:40px;} .popup .contents .code_inp textarea {height:80px;padding:10px 10px 0;line-height:18px;} .popup .contents .code_inp input {height:40px;padding:0 10px;line-height:18px;} .popup .contents .preview {margin:10px 10px 0;width:280px;height:157px;} .popup .contents .info_txt {margin:5px 10px 0;line-height:12px;} .popup .contents .info_txt2 {padding:7px 0 15px 6px;line-height:15px;} .popup .contents .menu_list {bottom:10px;} .popup .contents .menu_list li {margin:0 10px;} .popup .contents .menu_list li button {height:34px;margin:0 0 10px 0;border-radius:5px;} .popup .contents .menu_list li:nth-of-type(5n-4) button, .popup .contents .menu_list li:nth-of-type(5n-2) button {margin:0 1% 10px 0;} .popup .contents .menu_list li:nth-of-type(5n-1) button, .popup .contents .menu_list li:nth-of-type(5n-3) button {margin:0 0 10px 1%;} .popup .contents .sns_list {margin:18px 0 0 33px;} .popup .contents .sns_list li {margin:0 0 0 25px;} .popup .contents .sns_list li button {width:48px;height:48px;} .popup .contents .btn_ty_1, .popup .contents .btn_ty_3, .popup .contents .btn_ty_4 {min-width:105px;height:34px;padding:0 10px;border-radius:5px;} .popup .contents .btn_ty_3 {min-width:135px;} .popup .contents .btn_ty_4 {min-width:220px;} .popup .contents .btn_ty_5 {min-width:260px;height:34px;padding:0 10px;border-radius:5px;} .popup .contents .btn_area {padding:0 20px;} .popup .contents .btn_area .btn_ty_1, .popup .contents .btn_area .btn_ty_2 {height:34px;border-radius:5px;} .popup.ty2 .contents .btn_area {bottom:10px;padding:0 10px;} .popup .btn_close {width:32px;height:34px;background:url('../img/btn_delete_3.png') no-repeat 10px 11px;background-size:12px 12px;} .popup.ty2 .btn_close {top:54px;} .popup .cha_tit, .popup .cha_txt, .popup .cha_txt_2 {padding:21px 10px 16px;line-height:19px;} .popup .cha_txt {padding:0 10px 7px;} .popup .cha_txt_2 {margin:0 0 8px 10px;padding:5px 0 0 9px;line-height:14px;text-indent:-9px;} .popup .contents .code_inp.cha {height:40px;} .popup .contents .txt .limit_l {padding:0 0 10px 0;} .popup .qrcode {margin:-87px 0 0 -142px;} .popup .qrcode strong {margin:0 0 15px 0;line-height:17px;} .popup .qrcode .img_qr img {width:140px;height:140px;} .popup .btn_close_qr {width:47px;height:49px;background:url('../img/btn_close.png') no-repeat 25px 11px;background-size:12px 12px;} .popup .friends_campain {width:300px;margin:44px 0 0 0;} .popup .friends_campain .image img {width:300px;height:300px;} .popup .friends_campain .info_box {height:126px;} .popup .friends_campain .info_box strong {padding:17px 0 9px 0;line-height:17px;} .popup .friends_campain .info_box p {padding:0 10px;line-height:14px;} .popup .friends_campain .navi {top:16px;} .popup .friends_campain .navi span {width:8px;height:8px;margin:0 10px 0 0;border-radius:5px;} .popup .friends_campain .btn_delete {width:145px;height:28px;margin:13px 0 0 0;line-height:26px;border-radius:5px;} .popup.ty2 .friends_campain .btn_close {background:url('../img/btn_delete_6.png') no-repeat 10px 11px;background-size:12px 12px;} .popup .weeknot {padding:18px 0 0 15px;} .popup .weeknot label {padding:3px 0 3px 24px;line-height:14px;background-size:19px 19px;} .popup .weeknot label.checked {background-size:19px 19px;} .popup .war {margin:20px 0 0 0;padding:7px 7px 8px 18px;line-height:14px;text-indent:-11px;} .popup .content_share {height:139px;padding-top:19px;} .popup .content_share h3 {margin-bottom:20px;} .popup .content_share li {margin-left:41px;} .popup .content_share .thumb {width:50px;height:50px;margin:0 auto 8px;} .popup .content_share .btn_close {width:42px;height:42px;background-size:11px 11px;} .popup.rating .contents h1 {padding:5px 32px 6px 10px;} .popup.comd.rating .contents .txt {padding:19px 20px 20px;} .popup.rating .contents .txt span {line-height:21px;margin-top:13px;} .popup.rating .contents ul {margin-top:11px;padding:0 15px 1px;} .popup.rating .contents li {margin-top:4px;padding-left:5px;line-height:14px;} .popup.rating .contents li:after {top:-3px;} /* New popup */ .popup.ty6 .contents {width:300px;padding-bottom:24px;} .popup.ty6 .contents h1 {padding:5px 32px 5px 10px;line-height:23px;} .popup.ty6 .contents .txt {padding:10px 20px 21px;} .popup.ty6 .contents .txt b {margin-top:6px;line-height:18px;} /* SNS Agree popup */ .popup.agree .contents {top:10px;bottom:10px;left:22px;right:22px;padding:24px 15px 31px;} .popup.agree .contents h1 {margin-bottom:11px;padding:0 32px 0 0;} .popup.agree .contents .txt {line-height:18px;} .popup.agree .btn_close {top:10px;right:22px;} .popup.agree h2 {margin:5px 0;} .popup.agree h3 {margin:5px 0;padding-left:15px;} /* footer */ #HIVEfooter {padding:15px 0;} #HIVEfooter .btn_login {width:204px;height:22px;margin:0 10px 0 0;line-height:22px;border-radius:5px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:205px;height:23px;padding:0 31px 0 0;line-height:16px; border:1px solid #eee;border-radius:5px;background-size:23px 22px;} #HIVEfooter .foot_con a {margin:9px 0 0 9px;padding:0 9px 0 0;line-height:15px;} #HIVEfooter .foot_con a:nth-of-type(1):after, *:lang(ja) #HIVEfooter .foot_con .btn_contactus:after {width:1px;height:14px;line-height:15px;} #HIVEfooter .foot_con .btn_link_g, #HIVEfooter .foot_con .btn_link_c {padding:0 9px 0 14px;background:url('../img/ico_copy.png') no-repeat 0 3px;background-size:10px 10px;} #HIVEfooter .foot_con .btn_link {padding:0 9px 0 14px;background:url('../img/ico_copy.png') no-repeat 0 3px;background-size:10px 10px;} #HIVEfooter .copy span {margin:0 7px;} #HIVEfooter_new {padding:15px 10px 17px;} #HIVEfooter_new .sel_lang {right:10px;top:16px;height:17px;padding-right:18px;background-size:11px 11px;} #HIVEfooter_new ul {margin-bottom:23px;} #HIVEfooter_new li {margin-left:17px;} #HIVEfooter_new li:nth-child(4) {margin:9px 0 0;} .elec_notice .logo {height:22px;padding:5px 0 5px 8px;} .elec_notice .logo h1 {width:67px;height:22px;} .elec_notice .s_tit {height:130px;padding-left:30px;} .elec_notice .list {padding:45px 20px;} .elec_notice .list li {margin-top:28px;padding-left:24px;background:url('../img/icon_pdf.png')no-repeat left 5px;background-size:14px 14px;} .elec_notice .list a {line-height:25px;} /* 2018-06-04 GDPR 대응 : 쿠키 안내 */ .gdpr_cookie {padding:10px 12px 25px;} .gdpr_cookie .cookie_guide ~ .cookie_guide {margin-top:5px;} .gdpr_cookie .cookie_accept {margin-top:15px;} .gdpr_cookie .cookie_accept .btn_accept {height:34px;border-radius:5px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:568px) and (max-width:639px) { html {font-size:36.98%;} #HIVEheader .native {height:40px;} #HIVEheader .native .logo, #HIVEheader .native .logo a {width:85px;height:40px;padding:0 11px 0 0;background:url('../img/logo_new.png') no-repeat 9px 50%;background-size:79px 26px;} #HIVEheader .native .my_info {height:29px;padding:10px 11px 0 11px;line-height:18px;} #HIVEheader .native .my_info img {width:18px;height:18px;} #HIVEheader .native .btn_login {height:40px;right:11px;padding:0 14px 0 0;line-height:40px;background:url('../img/ico_link_arrow_3.png') no-repeat 100% 12px;background-size:8px 15px;} #HIVEheader .gnb {height:40px;} #HIVEheader.ingameversion .gnb {margin:40px 0 0 0;} #HIVEheader .gnb.sub {height:40px;} #HIVEheader .gnb .tit_h2 {margin:0 35px;line-height:41px;} #HIVEheader .gnb .btn_menu {width:73px;height:40px;background:url('../img/btn_left_menu.png') no-repeat 11px 13px;background-size:14px 14px;} #HIVEheader .gnb.sub .btn_menu {background:url('../img/btn_left_menu_w.png') no-repeat 11px 13px;background-size:14px 14px;} #HIVEheader .gnb .btn_notice {width:38px;height:40px;background:url('../img/btn_notice_link.png') no-repeat 11px 12px;background-size:14px 15px;} #HIVEheader .gnb .btn_notice .new {width:16px;height:16px;right:2px;top:4px;background-size:16px 16px;} #HIVEheader .gnb .btn_prev {width:33px;height:40px;background:url('../img/ico_link_arrow_2.png') no-repeat 11px 12px;background-size:9px 15px;} #HIVEheader .gnb .btn_prev.ty2 {background:url('../img/ico_link_arrow_7.png') no-repeat 11px 12px;background-size:9px 15px;} #HIVEheader .gnb .btn_msgedit, #HIVEheader .gnb .btn_cancel, #HIVEheader .gnb .btn_finished {height:40px;right:11px;line-height:41px;} #HIVEheader .gnb .btn_write {width:39px;height:40px;background:url('../img/btn_write.png') no-repeat 11px 13px;background-size:15px 15px;} #HIVEheader .gnb .btn_write_2 {width:39px;height:40px;right:39px;background:url('../img/btn_write_3.png') no-repeat 11px 12px;background-size:15px 15px;} #HIVEheader .gnb .btn_refresh {width:40px;height:40px;background:url('../img/btn_refresh_2.png') no-repeat 11px 13px;background-size:17px 14px;} #HIVEheader .gnb .btn_close {width:37px;height:40px;background:url('../img/btn_delete_6.png') no-repeat 11px 13px;background-size:14px 14px;} #HIVEheader .gnb .btn_search {width:36px;height:40px;right:39px;background:url('../img/btn_search_3.png') no-repeat 10px 13px;background-size:16px 15px;} #HIVEheader .gnb .btn_search_2 {width:37px;height:40px;right:39px;background:url('../img/btn_search_4.png') no-repeat 10px 11px;background-size:16px 16px;} #HIVEheader .gnb .btn_delete {width:37px;height:40px;background:url('../img/btn_delete_7.png') no-repeat 11px 12px;background-size:13px 17px;} #HIVEheader .gnb .btn_mymess {width:40px;height:40px;background:url('../img/btn_mymess.png') no-repeat 11px 13px;background-size:17px 15px;} #HIVEheader .gnb .btn_mymess .new {width:16px;height:16px;right:2px;top:4px;background-size:16px 16px;} #HIVEheader .gnb .btn_inquire {width:40px;height:40px;background:url('../img/btn_inquire.png') no-repeat 11px 13px;background-size:17px 15px;} /* CHATBOT */ #HIVEcontainer {margin:-81px 0 0 0;} .HIVEcontents {padding:81px 0 29px 0;} #HIVEcontainer.msg .HIVEcontents, #HIVEcontainer.main .HIVEcontents {padding:81px 0 0 0;} #HIVEwrap.ingameheader #HIVEcontainer {margin:-40px 0 0 0;} #HIVEwrap.ingameheader .HIVEcontents {padding:40px 0 29px 0;} #HIVEwrap.ingameheader #HIVEcontainer.msg .HIVEcontents {padding:40px 0 0 0;} /* all_menu */ .all_menu {padding:40px 0 0 0;} .all_menu .all_menu_list {padding:13px 0 0 0;} .all_menu .all_menu_list li a {padding:16px 34px 16px;line-height:23px;} .all_menu .all_menu_list li a em {margin:0 0 0 11px;width:29px;height:23px;background-size:28px 15px;} .all_menu .btn_area span {margin:56px 35px 0;padding:0 0 29px 0;} .all_menu .btn_area .btn_log {height:40px;border-radius:5px;} .all_menu .version {margin:56px 0 0 0;padding:0 0 29px 0;} .all_menu .version .ver_con {margin:0 11px;padding:11px 0 11px 0;line-height:17px;border-radius:5px;} /* tab */ .sub_tab .nav {width:355px;} .sub_tab .nav li {padding:0 0 0 8px;} .sub_tab.ty2 .nav li {padding:0 0 0 11px;} .sub_tab .nav li a {height:37px;line-height:40px;} .sub_tab .nav li a.selected {border-bottom:2px solid #2a84d8;} /* Faq Tab */ .faq_tab {height:40px;padding:0 11px;} .faq_tab a {line-height:39px;} .faq_tab .on a:after {height:2px;} /* select search */ .select_area {margin:0 0 11px 0;padding:11px 11px 0;} .select_area select {height:33px;margin:0 0 11px 0;padding:0 35px 0 10px;border-radius:5px;background-size:22px 5px;} .select_area select.off {background-size:22px 5px;} .select_area.ty2 {padding:11px;} .select_area.ty2 .btn_ty_1 {height:33px;border-radius:5px;} .select_area .search {margin:0 56px 0 0;border-radius:5px;} .select_area .search input {height:33px;padding:0 34px 0 11px;border-radius:5px;} .select_area .search .btn_delete {width:34px;height:33px;background:url('../img/btn_delete_2.png') no-repeat 11px 11px;background-size:11px 11px;} .select_area .btn_search {width:44px;height:33px;right:11px;top:11px;background-size:44px 33px;} .select_area.ty4 {padding:11px;} .select_area.ty4 .btn_ty_1 {height:33px;border-radius:5px;} .select_area.ty4 .app {margin:0 -11px 11px;padding:0 11px 11px;border-bottom:1px solid #ccc;} .search_area {margin:-11px 0 11px 0;padding:11px;border-bottom:1px solid #ccc;} .search_area .search {border-radius:5px;} .search_area .search:after {width:34px;height:33px;background:url('../img/ico_search_5.png')no-repeat 11px 8px;background-size:16px 15px;} .search_area input {height:33px;padding:0 34px 0 34px;border-radius:5px;} .search_area .search .btn_delete {width:34px;height:33px;background:url('../img/btn_delete_2.png') no-repeat 11px 11px;background-size:11px 11px;} .floating_write {right:11px;bottom:11px;width:66px;height:66px;} .floating_write:lang(ar) {left:11px;right:auto;} .floating_chatbot {right:11px;bottom:11px;width:59px;height:59px;border-radius:59px;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.35);} .floating_chatbot:lang(ar) {left:11px;} /* paging */ .paging {margin:17px 0 0 0;} .paging a, .paging span {min-width:8px;height:27px;margin:0 0 0 9px;padding:0 9px;line-height:26px;border-radius:5px;} .paging .btn_prev, .paging .btn_next {width:27px;margin:0 5px 0 0;background-size:27px 27px;} .paging .btn_next {width:27px;margin:0 0 0 15px;background-size:27px 27px;} .paging .btn_prev.off {background-size:27px 27px;} .paging .btn_next.off {background-size:27px 27px;} /* viewmore */ .btn_area_b {margin:17px 11px 0;} .btn_area_b.ty1 {margin-top:23px;} .btn_area_b.ty2 {margin-top:9px;} .btn_area_b.ty3 {margin-top:29px;} .btn_area_b .btn_view_more, .btn_area_b .btn_join, .btn_area_b .btn_start_game {height:40px;border-radius:5px;} /* viewmore */ .btn_area_c {margin:7px 11px 0;} .btn_area_c.ty1 {margin-top:23px;} .btn_area_c .btn_view_more, .btn_area_c .btn_join, .btn_area_c .btn_start_game {height:40px;border-radius:5px;} /* nocontents */ .nocontents {padding:47px 0;line-height:23px;} .nocontents.ty3 {padding:59px 0;} .nothing_txt {margin:41px 0 29px 0;line-height:27px;} .nothing_txt.fs {margin:23px 0 29px 0;padding:149px 11px 0;background-size:130px 128px;} .nothing_txt.frr {margin:23px 0 29px 0;padding:158px 11px 0;background-size:181px 140px;} .nothing_txt.frs {margin:23px 0 29px 0;padding:145px 11px 0;background-size:197px 124px;} .nothing_txt.cmf {margin:34px 0 29px 0;padding:118px 11px 0;background-size:110px 107px;} .nothing_txt.cmn {margin:11px 0 29px 0;padding:137px 11px 0;background-size:115px 128px;} .nothing_txt.cmp {margin:23px 0 29px 0;padding:126px 11px 0;background-size:149px 113px;} .nothing_txt .txt1 {padding:16px 0 0 0;} /* notice */ .notice_box {margin:11px 0 0;} .notice_box li {margin:11px;} .notice_box .geti {padding:9px 0 0 11px;} .notice_box .date {right:11px;top:10px;} .notice_box .txt {padding:9px 11px 16px;line-height:18px;} .notice_box li.friends_rec a {height:91px;} .notice_box li.friends_rec .user_id {padding:17px 0 0 66px;} .notice_box li.friends_rec .image {width:47px;height:47px;left:11px;top:33px;} .notice_box li.friends_rec .image img {border-radius:29px;} .notice_box li.friends_rec .btn_area {right:5px;top:46px;background:url('../img/bg_bar.png') no-repeat 4px 5px;background-size:69px 22px;} .notice_box li.friends_rec .btn_area .btn_decline, .notice_box li.friends_rec .btn_area .btn_accept {width:34px;height:34px;margin:0 4px 0 0;background:url('../img/btn_decline.png') no-repeat 5px 5px;background-size:22px 22px;} .notice_box li.friends_rec .btn_area .btn_accept {margin:0 0 0 4px;background:url('../img/btn_accept.png') no-repeat 5px 5px;background-size:22px 22px;} .notice_box li.friends_rec .btn_delete {width:34px;height:34px;top:23px;background:url('../img/btn_delete_2.png') no-repeat 11px 11px;background-size:11px 11px;} .notice_box.new li {margin:15px 11px 11px;} .notice_box.new .date {margin:0 0 7px 0;line-height:15px;} .notice_box.new .geti {padding:9px 11px 0 11px;} /* error */ .error_tit {padding:43px 11px 33px;line-height:28px;} .error_tit.emc {margin:99px 0 0 0;padding:186px 11px 0;background-size:205px 153px;} .error_txt {margin:0 11px;line-height:26px;} /* popup */ .popup .contents {width:307px;padding:0 0 24px 0;} .popup.ty2 .contents {width:355px;} .popup.ty4 .contents {width:355px;} .popup.wc .contents {width:355px;} .popup .contents h1 {padding:8px 37px 8px 11px;border-bottom:1px solid #ccc;line-height:27px;} .popup .contents .txt {height:121px;padding:0 23px;line-height:22px;} .popup.ty4 .contents .txt {height:165px;line-height:20px;} .popup.ty4 .contents .delete {padding:0 23px;height:165px;line-height:21px;} .popup.ty4 .contents .delete strong {margin-bottom:18px;line-height:24px;} .popup.ty5 .contents .txt {height:189px;line-height:20px;} .popup.comd .contents .txt {padding:24px 23px 20px;} .popup.wc .contents .txt {line-height:18px;} .popup .contents .txt .copy {margin:17px 0 0 0;} .popup.ty2 .contents .box {height:364px;margin:63px 0 0 0;} .popup.ty2 .contents .box.link {height:204px;} .popup.ty2 .contents .box_2 {margin:63px 0 0 0;padding:0 0 29px 0;} .popup .contents .btn_list {margin:17px 23px 0;} .popup .contents .btn_list li {margin:11px 0 0 0;} .popup .contents .btn_list li a, .popup .contents .btn_list li button, .popup .contents .btn_list li span {height:40px;border-radius:5px;} .popup .contents .btn_list li a, .popup .contents .btn_list li span {line-height:39px;} .popup .contents .sel_video_type {margin:17px 11px 17px;} .popup .contents .sel_video_type p:first-child {margin:0 0 11px 0;} .popup .contents .sel_video_type label {padding:0 0 0 28px;line-height:22px;background-size:23px 22px;} .popup .contents .sel_video_type label.checked {background-size:23px 22px;} .popup .contents .code_inp {margin:17px 11px 0;height:118px;} .popup .contents .code_inp.link {height:47px;} .popup .contents .code_inp textarea {height:94px;padding:11px 11px 0;line-height:21px;} .popup .contents .code_inp input {height:47px;padding:0 11px;line-height:21px;} .popup .contents .preview {margin:11px 11px 0;width:331px;height:186px;} .popup .contents .info_txt {margin:5px 11px 0;line-height:14px;} .popup .contents .info_txt2 {padding:8px 0 17px 7px;line-height:17px;} .popup .contents .menu_list {bottom:11px;} .popup .contents .menu_list li {margin:0 11px;} .popup .contents .menu_list li button {height:40px;margin:0 0 11px 0;border-radius:5px;} .popup .contents .menu_list li:nth-of-type(5n-4) button, .popup .contents .menu_list li:nth-of-type(5n-2) button {margin:0 1% 11px 0;} .popup .contents .menu_list li:nth-of-type(5n-1) button, .popup .contents .menu_list li:nth-of-type(5n-3) button {margin:0 0 11px 1%;} .popup .contents .sns_list {margin:21px 0 0 39px;} .popup .contents .sns_list li {margin:0 0 0 29px;} .popup .contents .sns_list li button {width:56px;height:56px;} .popup .contents .btn_ty_1, .popup .contents .btn_ty_3, .popup .contents .btn_ty_4 {min-width:124px;height:40px;padding:0 11px;border-radius:5px;} .popup .contents .btn_ty_3 {min-width:159px;} .popup .contents .btn_ty_4 {min-width:260px;} .popup .contents .btn_ty_5 {min-width:307px;height:40px;padding:0 11px;border-radius:5px;} .popup .contents .btn_area {padding:0 23px;} .popup .contents .btn_area .btn_ty_1, .popup .contents .btn_area .btn_ty_2 {height:40px;border-radius:5px;} .popup.ty2 .contents .btn_area {bottom:11px;padding:0 11px;} .popup .btn_close {width:37px;height:40px;background:url('../img/btn_delete_3.png') no-repeat 11px 13px;background-size:14px 14px;} .popup.ty2 .btn_close {top:63px;} .popup .cha_tit, .popup .cha_txt, .popup .cha_txt_2 {padding:24px 11px 18px;line-height:22px;} .popup .cha_txt {padding:0 11px 8px;} .popup .cha_txt_2 {margin:0 0 9px 11px;padding:5px 0 0 10px;line-height:16px;text-indent:-10px;} .popup .contents .code_inp.cha {height:47px;} .popup .contents .txt .limit_l {padding:0 0 11px 0;} .popup .qrcode {margin:-103px 0 0 -168px;} .popup .qrcode strong {margin:0 0 17px 0;line-height:20px;} .popup .qrcode .img_qr img {width:165px;height:165px;} .popup .btn_close_qr {width:55px;height:57px;background:url('../img/btn_close.png') no-repeat 29px 13px;background-size:14px 14px;} .popup .friends_campain {width:355px;margin:52px 0 0 0;} .popup .friends_campain .image img {width:355px;height:355px;} .popup .friends_campain .info_box {height:149px;} .popup .friends_campain .info_box strong {padding:20px 0 10px 0;line-height:20px;} .popup .friends_campain .info_box p {padding:0 11px;line-height:16px;} .popup .friends_campain .navi {top:19px;} .popup .friends_campain .navi span {width:10px;height:10px;margin:0 11px 0 0;border-radius:5px;} .popup .friends_campain .btn_delete {width:171px;height:33px;margin:15px 0 0 0;line-height:30px;border-radius:5px;} .popup.ty2 .friends_campain .btn_close {background:url('../img/btn_delete_6.png') no-repeat 11px 13px;background-size:14px 14px;} .popup .weeknot {padding:21px 0 0 17px;} .popup .weeknot label {padding:3px 0 4px 28px;line-height:16px;background-size:22px 22px;} .popup .weeknot label.checked {background-size:22px 22px;} .popup .war {margin:23px 0 0 0;padding:8px 8px 9px 21px;line-height:16px;text-indent:-13px;} .popup .content_share {height:165px;padding-top:23px;} .popup .content_share h3 {margin-bottom:24px;} .popup .content_share li {margin-left:49px;} .popup .content_share .thumb {width:59px;height:59px;margin:0 auto 9px;} .popup .content_share .btn_close {width:49px;height:49px;background-size:13px 13px;} .popup.rating .contents h1 {padding:5px 37px 7px 11px;} .popup.comd.rating .contents .txt {padding:23px 23px 24px;} .popup.rating .contents .txt span {line-height:24px;margin-top:15px;} .popup.rating .contents ul {margin-top:13px;padding:0 17px 1px;} .popup.rating .contents li {margin-top:5px;padding-left:5px;line-height:16px;} .popup.rating .contents li:after {top:-3px;} /* New popup */ .popup.ty6 .contents {width:355px;padding-bottom:28px;} .popup.ty6 .contents h1 {padding:6px 37px 6px 11px;line-height:27px;} .popup.ty6 .contents .txt {padding:11px 23px 24px;} .popup.ty6 .contents .txt b {margin-top:7px;line-height:21px;} /* SNS Agree popup */ .popup.agree .contents {top:12px;bottom:12px;left:26px;right:26px;padding:28px 17px 36px;} .popup.agree .contents h1 {margin-bottom:13px;padding:0 37px 0 0;} .popup.agree .contents .txt {line-height:21px;} .popup.agree .btn_close {top:12px;right:26px;} .popup.agree h2 {margin:5px 0;} .popup.agree h3 {margin:5px 0;padding-left:17px;} /* footer */ #HIVEfooter {padding:17px 0;} #HIVEfooter .btn_login {width:241px;height:26px;margin:0 11px 0 0;line-height:26px;border-radius:5px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:242px;height:27px;padding:0 37px 0 0;line-height:18px; border:1px solid #eee;border-radius:5px;background-size:27px 26px;} #HIVEfooter .foot_con a {margin:10px 0 0 10px;padding:0 10px 0 0;line-height:17px;} #HIVEfooter .foot_con a:nth-of-type(1):after, *:lang(ja) #HIVEfooter .foot_con .btn_contactus:after {width:1px;height:16px;line-height:17px;} #HIVEfooter .foot_con .btn_link_g, #HIVEfooter .foot_con .btn_link_c {padding:0 10px 0 16px;background:url('../img/ico_copy.png') no-repeat 0 3px;background-size:11px 11px;} #HIVEfooter .foot_con .btn_link {padding:0 10px 0 16px;background:url('../img/ico_copy.png') no-repeat 0 3px;background-size:11px 11px;} #HIVEfooter .copy span {margin:0 8px;} #HIVEfooter_new {padding:18px 11px 20px;} #HIVEfooter_new .sel_lang {right:11px;top:18px;height:20px;padding-right:21px;background-size:13px 13px;} #HIVEfooter_new ul {margin-bottom:27px;} #HIVEfooter_new li {margin-left:20px;} #HIVEfooter_new li:nth-child(4) {margin:10px 0 0;} .elec_notice .logo {height:26px;padding:5px 0 5px 9px;} .elec_notice .logo h1 {width:79px;height:26px;} .elec_notice .s_tit {height:154px;padding-left:36px;} .elec_notice .list {padding:53px 23px;} .elec_notice .list li {margin-top:33px;padding-left:28px;background:url('../img/icon_pdf.png')no-repeat left 5px;background-size:16px 16px;} .elec_notice .list a {line-height:29px;} /* 2018-06-04 GDPR 대응 : 쿠키 안내 */ .gdpr_cookie {padding:11px 14px 29px;} .gdpr_cookie .cookie_guide ~ .cookie_guide {margin-top:5px;} .gdpr_cookie .cookie_accept {margin-top:17px;} .gdpr_cookie .cookie_accept .btn_accept {height:40px;border-radius:5px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:640px) and (max-width:735px) { html {font-size:41.67%;} #HIVEheader .native {height:45px;} #HIVEheader .native .logo, #HIVEheader .native .logo a {width:96px;height:45px;padding:0 13px 0 0;background:url('../img/logo_new.png') no-repeat 10px 50%;background-size:89px 29px;} #HIVEheader .native .my_info {height:33px;padding:12px 13px 0 13px;line-height:21px;} #HIVEheader .native .my_info img {width:21px;height:21px;} #HIVEheader .native .btn_login {height:45px;right:13px;padding:0 16px 0 0;line-height:45px;background:url('../img/ico_link_arrow_3.png') no-repeat 100% 14px;background-size:10px 17px;} #HIVEheader .gnb {height:45px;} #HIVEheader.ingameversion .gnb {margin:45px 0 0 0;} #HIVEheader .gnb.sub {height:46px;} #HIVEheader .gnb .tit_h2 {margin:0 40px;line-height:46px;} #HIVEheader .gnb .btn_menu {width:83px;height:45px;background:url('../img/btn_left_menu.png') no-repeat 13px 14px;background-size:16px 16px;} #HIVEheader .gnb.sub .btn_menu {background:url('../img/btn_left_menu_w.png') no-repeat 13px 14px;background-size:16px 16px;} #HIVEheader .gnb .btn_notice {width:43px;height:45px;background:url('../img/btn_notice_link.png') no-repeat 13px 14px;background-size:16px 18px;} #HIVEheader .gnb .btn_notice .new {width:18px;height:18px;right:2px;top:5px;background-size:18px 18px;} #HIVEheader .gnb .btn_prev {width:37px;height:46px;background:url('../img/ico_link_arrow_2.png') no-repeat 13px 14px;background-size:10px 17px;} #HIVEheader .gnb .btn_prev.ty2 {background:url('../img/ico_link_arrow_7.png') no-repeat 13px 14px;background-size:10px 17px;} #HIVEheader .gnb .btn_msgedit, #HIVEheader .gnb .btn_cancel, #HIVEheader .gnb .btn_finished {height:46px;right:13px;line-height:46px;} #HIVEheader .gnb .btn_write {width:44px;height:46px;background:url('../img/btn_write.png') no-repeat 13px 15px;background-size:17px 17px;} #HIVEheader .gnb .btn_write_2 {width:44px;height:46px;right:44px;background:url('../img/btn_write_3.png') no-repeat 13px 14px;background-size:18px 18px;} #HIVEheader .gnb .btn_refresh {width:46px;height:46px;background:url('../img/btn_refresh_2.png') no-repeat 13px 14px;background-size:19px 16px;} #HIVEheader .gnb .btn_close {width:42px;height:45px;background:url('../img/btn_delete_6.png') no-repeat 13px 14px;background-size:16px 16px;} #HIVEheader .gnb .btn_search {width:41px;height:46px;right:44px;background:url('../img/btn_search_3.png') no-repeat 11px 15px;background-size:18px 18px;} #HIVEheader .gnb .btn_search_2 {width:42px;height:46px;right:44px;background:url('../img/btn_search_4.png') no-repeat 12px 13px;background-size:18px 18px;} #HIVEheader .gnb .btn_delete {width:42px;height:45px;background:url('../img/btn_delete_7.png') no-repeat 12px 14px;background-size:14px 20px;} #HIVEheader .gnb .btn_mymess {width:46px;height:46px;background:url('../img/btn_mymess.png') no-repeat 13px 14px;background-size:19px 17px;} #HIVEheader .gnb .btn_mymess .new {width:18px;height:18px;right:2px;top:5px;background-size:18px 18px;} #HIVEheader .gnb .btn_inquire {width:46px;height:46px;background:url('../img/btn_inquire.png') no-repeat 13px 14px;background-size:19px 17px;} /* CHATBOT */ #HIVEcontainer {margin:-91px 0 0 0;} .HIVEcontents {padding:91px 0 33px 0;} #HIVEcontainer.msg .HIVEcontents, #HIVEcontainer.main .HIVEcontents {padding:91px 0 0 0;} #HIVEwrap.ingameheader #HIVEcontainer {margin:-46px 0 0 0;} #HIVEwrap.ingameheader .HIVEcontents {padding:46px 0 33px 0;} #HIVEwrap.ingameheader #HIVEcontainer.msg .HIVEcontents {padding:46px 0 0 0;} /* all_menu */ .all_menu {padding:45px 0 0 0;} .all_menu .all_menu_list {padding:14px 0 0 0;} .all_menu .all_menu_list li a {padding:18px 38px 18px;line-height:26px;} .all_menu .all_menu_list li a em {margin:0 0 0 12px;width:33px;height:26px;background-size:32px 17px;} .all_menu .btn_area span {margin:64px 40px 0;padding:0 0 33px 0;} .all_menu .btn_area .btn_log {height:45px;border-radius:6px;} .all_menu .version {margin:64px 0 0 0;padding:0 0 33px 0;} .all_menu .version .ver_con {margin:0 13px;padding:13px 0 13px 0;line-height:20px;border-radius:6px;} /* tab */ .sub_tab .nav {width:400px;} .sub_tab .nav li {padding:0 0 0 10px;} .sub_tab.ty2 .nav li {padding:0 0 0 13px;} .sub_tab .nav li a {height:42px;line-height:45px;} .sub_tab .nav li a.selected {border-bottom:2px solid #2a84d8;} /* Faq Tab */ .faq_tab {height:46px;padding:0 13px;} .faq_tab a {line-height:44px;} .faq_tab .on a:after {height:2px;} /* select search */ .select_area {margin:0 0 13px 0;padding:13px 13px 0;} .select_area select {height:37px;margin:0 0 13px 0;padding:0 40px 0 11px;border-radius:6px;background-size:25px 6px;} .select_area select.off {background-size:25px 6px;} .select_area.ty2 {padding:13px;} .select_area.ty2 .btn_ty_1 {height:37px;border-radius:6px;} .select_area .search {margin:0 64px 0 0;border-radius:6px;} .select_area .search input {height:37px;padding:0 38px 0 13px;border-radius:6px;} .select_area .search .btn_delete {width:38px;height:37px;background:url('../img/btn_delete_2.png') no-repeat 13px 12px;background-size:12px 12px;} .select_area .btn_search {width:50px;height:37px;right:13px;top:13px;background-size:50px 37px;} .select_area.ty4 {padding:13px;} .select_area.ty4 .btn_ty_1 {height:37px;border-radius:6px;} .select_area.ty4 .app {margin:0 -13px 13px;padding:0 13px 13px;border-bottom:1px solid #ccc;} .search_area {margin:-13px 0 13px 0;padding:13px;border-bottom:1px solid #ccc;} .search_area .search {border-radius:6px;} .search_area .search:after {width:38px;height:37px;background:url('../img/ico_search_5.png')no-repeat 13px 10px;background-size:18px 18px;} .search_area input {height:37px;padding:0 38px 0 38px;border-radius:6px;} .search_area .search .btn_delete {width:38px;height:37px;background:url('../img/btn_delete_2.png') no-repeat 13px 12px;background-size:12px 12px;} .floating_write {right:13px;bottom:13px;width:74px;height:74px;} .floating_write:lang(ar) {left:13px;right:auto;} .floating_chatbot {right:13px;bottom:13px;width:67px;height:67px;border-radius:66px;-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.35);} .floating_chatbot:lang(ar) {left:13px;} /* paging */ .paging {margin:20px 0 0 0;} .paging a, .paging span {min-width:9px;height:30px;margin:0 0 0 10px;padding:0 10px;line-height:29px;border-radius:6px;} .paging .btn_prev, .paging .btn_next {width:30px;margin:0 6px 0 0;background-size:30px 30px;} .paging .btn_next {width:30px;margin:0 0 0 17px;background-size:30px 30px;} .paging .btn_prev.off {background-size:30px 30px;} .paging .btn_next.off {background-size:30px 30px;} /* viewmore */ .btn_area_b {margin:20px 13px 0;} .btn_area_b.ty1 {margin-top:26px;} .btn_area_b.ty2 {margin-top:10px;} .btn_area_b.ty3 {margin-top:33px;} .btn_area_b .btn_view_more, .btn_area_b .btn_join, .btn_area_b .btn_start_game {height:45px;border-radius:6px;} /* viewmore */ .btn_area_c {margin:8px 13px 0;} .btn_area_c.ty1 {margin-top:26px;} .btn_area_c .btn_view_more, .btn_area_c .btn_join, .btn_area_c .btn_start_game {height:45px;border-radius:6px;} /* nocontents */ .nocontents {padding:53px 0;line-height:26px;} .nocontents.ty3 {padding:66px 0;} .nothing_txt {margin:46px 0 33px 0;line-height:30px;} .nothing_txt.fs {margin:26px 0 33px 0;padding:168px 13px 0;background-size:147px 144px;} .nothing_txt.frr {margin:26px 0 33px 0;padding:178px 13px 0;background-size:204px 158px;} .nothing_txt.frs {margin:26px 0 33px 0;padding:164px 13px 0;background-size:222px 140px;} .nothing_txt.cmf {margin:38px 0 33px 0;padding:133px 13px 0;background-size:124px 120px;} .nothing_txt.cmn {margin:13px 0 33px 0;padding:154px 13px 0;background-size:130px 144px;} .nothing_txt.cmp {margin:26px 0 33px 0;padding:142px 13px 0;background-size:168px 128px;} .nothing_txt .txt1 {padding:18px 0 0 0;} /* notice */ .notice_box {margin:13px 0 0;} .notice_box li {margin:13px;} .notice_box .geti {padding:10px 0 0 13px;} .notice_box .date {right:13px;top:12px;} .notice_box .txt {padding:10px 13px 18px;line-height:21px;} .notice_box li.friends_rec a {height:102px;} .notice_box li.friends_rec .user_id {padding:20px 0 0 74px;} .notice_box li.friends_rec .image {width:53px;height:53px;left:13px;top:37px;} .notice_box li.friends_rec .image img {border-radius:33px;} .notice_box li.friends_rec .btn_area {right:6px;top:52px;background:url('../img/bg_bar.png') no-repeat 5px 6px;background-size:78px 25px;} .notice_box li.friends_rec .btn_area .btn_decline, .notice_box li.friends_rec .btn_area .btn_accept {width:38px;height:38px;margin:0 5px 0 0;background:url('../img/btn_decline.png') no-repeat 6px 6px;background-size:25px 25px;} .notice_box li.friends_rec .btn_area .btn_accept {margin:0 0 0 5px;background:url('../img/btn_accept.png') no-repeat 6px 6px;background-size:25px 25px;} .notice_box li.friends_rec .btn_delete {width:39px;height:39px;top:26px;background:url('../img/btn_delete_2.png') no-repeat 13px 13px;background-size:12px 12px;} .notice_box.new li {margin:17px 13px 13px;} .notice_box.new .date {margin:0 0 8px 0;line-height:17px;} .notice_box.new .geti {padding:10px 13px 0 13px;} /* error */ .error_tit {padding:49px 13px 37px;line-height:32px;} .error_tit.emc {margin:112px 0 0 0;padding:210px 13px 0;background-size:232px 172px;} .error_txt {margin:0 13px;line-height:29px;} /* popup */ .popup .contents {width:346px;padding:0 0 27px 0;} .popup.ty2 .contents {width:400px;} .popup.ty4 .contents {width:400px;} .popup.wc .contents {width:400px;} .popup .contents h1 {padding:9px 42px 9px 13px;border-bottom:1px solid #ccc;line-height:30px;} .popup .contents .txt {height:137px;padding:0 26px;line-height:25px;} .popup.ty4 .contents .txt {height:186px;line-height:22px;} .popup.ty4 .contents .delete {padding:0 26px;height:186px;line-height:24px;} .popup.ty4 .contents .delete strong {margin-bottom:21px;line-height:28px;} .popup.ty5 .contents .txt {height:213px;line-height:22px;} .popup.comd .contents .txt {padding:28px 26px 22px;} .popup.wc .contents .txt {line-height:21px;} .popup .contents .txt .copy {margin:20px 0 0 0;} .popup.ty2 .contents .box {height:410px;margin:72px 0 0 0;} .popup.ty2 .contents .box.link {height:230px;} .popup.ty2 .contents .box_2 {margin:72px 0 0 0;padding:0 0 33px 0;} .popup .contents .btn_list {margin:20px 26px 0;} .popup .contents .btn_list li {margin:13px 0 0 0;} .popup .contents .btn_list li a, .popup .contents .btn_list li button, .popup .contents .btn_list li span {height:45px;border-radius:6px;} .popup .contents .btn_list li a, .popup .contents .btn_list li span {line-height:44px;} .popup .contents .sel_video_type {margin:20px 13px 20px;} .popup .contents .sel_video_type p:first-child {margin:0 0 13px 0;} .popup .contents .sel_video_type label {padding:0 0 0 32px;line-height:25px;background-size:26px 25px;} .popup .contents .sel_video_type label.checked {background-size:26px 25px;} .popup .contents .code_inp {margin:20px 13px 0;height:133px;} .popup .contents .code_inp.link {height:53px;} .popup .contents .code_inp textarea {height:106px;padding:13px 13px 0;line-height:24px;} .popup .contents .code_inp input {height:53px;padding:0 13px;line-height:24px;} .popup .contents .preview {margin:13px 13px 0;width:373px;height:210px;} .popup .contents .info_txt {margin:6px 13px 0;line-height:16px;} .popup .contents .info_txt2 {padding:9px 0 20px 8px;line-height:20px;} .popup .contents .menu_list {bottom:13px;} .popup .contents .menu_list li {margin:0 13px;} .popup .contents .menu_list li button {height:45px;margin:0 0 13px 0;border-radius:6px;} .popup .contents .menu_list li:nth-of-type(5n-4) button, .popup .contents .menu_list li:nth-of-type(5n-2) button {margin:0 1% 13px 0;} .popup .contents .menu_list li:nth-of-type(5n-1) button, .popup .contents .menu_list li:nth-of-type(5n-3) button {margin:0 0 13px 1%;} .popup .contents .sns_list {margin:24px 0 0 44px;} .popup .contents .sns_list li {margin:0 0 0 33px;} .popup .contents .sns_list li button {width:64px;height:64px;} .popup .contents .btn_ty_1, .popup .contents .btn_ty_3, .popup .contents .btn_ty_4 {min-width:140px;height:45px;padding:0 13px;border-radius:6px;} .popup .contents .btn_ty_3 {min-width:180px;} .popup .contents .btn_ty_4 {min-width:293px;} .popup .contents .btn_ty_5 {min-width:346px;height:45px;padding:0 13px;border-radius:6px;} .popup .contents .btn_area {padding:0 26px;} .popup .contents .btn_area .btn_ty_1, .popup .contents .btn_area .btn_ty_2 {height:45px;border-radius:6px;} .popup.ty2 .contents .btn_area {bottom:13px;padding:0 13px;} .popup .btn_close {width:42px;height:45px;background:url('../img/btn_delete_3.png') no-repeat 13px 14px;background-size:16px 16px;} .popup.ty2 .btn_close {top:72px;} .popup .cha_tit, .popup .cha_txt, .popup .cha_txt_2 {padding:28px 13px 21px;line-height:25px;} .popup .cha_txt {padding:0 13px 9px;} .popup .cha_txt_2 {margin:0 0 10px 13px;padding:6px 0 0 12px;line-height:18px;text-indent:-12px;} .popup .contents .code_inp.cha {height:53px;} .popup .contents .txt .limit_l {padding:0 0 13px 0;} .popup .qrcode {margin:-116px 0 0 -190px;} .popup .qrcode strong {margin:0 0 20px 0;line-height:22px;} .popup .qrcode .img_qr img {width:186px;height:186px;} .popup .btn_close_qr {width:62px;height:65px;background:url('../img/btn_close.png') no-repeat 33px 14px;background-size:16px 16px;} .popup .friends_campain {width:400px;margin:58px 0 0 0;} .popup .friends_campain .image img {width:400px;height:400px;} .popup .friends_campain .info_box {height:168px;} .popup .friends_campain .info_box strong {padding:22px 0 12px 0;line-height:22px;} .popup .friends_campain .info_box p {padding:0 13px;line-height:18px;} .popup .friends_campain .navi {top:22px;} .popup .friends_campain .navi span {width:11px;height:11px;margin:0 13px 0 0;border-radius:6px;} .popup .friends_campain .btn_delete {width:193px;height:37px;margin:17px 0 0 0;line-height:34px;border-radius:6px;} .popup.ty2 .friends_campain .btn_close {background:url('../img/btn_delete_6.png') no-repeat 13px 14px;background-size:16px 16px;} .popup .weeknot {padding:24px 0 0 20px;} .popup .weeknot label {padding:4px 0 4px 32px;line-height:18px;background-size:25px 25px;} .popup .weeknot label.checked {background-size:25px 25px;} .popup .war {margin:26px 0 0 0;padding:9px 9px 10px 24px;line-height:18px;text-indent:-14px;} .popup .content_share {height:186px;padding-top:26px;} .popup .content_share h3 {margin-bottom:27px;} .popup .content_share li {margin-left:55px;} .popup .content_share .thumb {width:66px;height:66px;margin:0 auto 10px;} .popup .content_share .btn_close {width:56px;height:56px;background-size:15px 15px;} .popup.rating .contents h1 {padding:6px 42px 8px 13px;} .popup.comd.rating .contents .txt {padding:26px 26px 27px;} .popup.rating .contents .txt span {line-height:28px;margin-top:17px;} .popup.rating .contents ul {margin-top:14px;padding:0 20px 2px;} .popup.rating .contents li {margin-top:6px;padding-left:6px;line-height:18px;} .popup.rating .contents li:after {top:-4px;} /* New popup */ .popup.ty6 .contents {width:400px;padding-bottom:32px;} .popup.ty6 .contents h1 {padding:7px 42px 7px 13px;line-height:30px;} .popup.ty6 .contents .txt {padding:13px 26px 28px;} .popup.ty6 .contents .txt b {margin-top:8px;line-height:24px;} /* SNS Agree popup */ .popup.agree .contents {top:14px;bottom:14px;left:30px;right:30px;padding:32px 20px 41px;} .popup.agree .contents h1 {margin-bottom:15px;padding:0 42px 0 0;} .popup.agree .contents .txt {line-height:24px;} .popup.agree .btn_close {top:14px;right:30px;} .popup.agree h2 {margin:6px 0;} .popup.agree h3 {margin:6px 0;padding-left:20px;} /* footer */ #HIVEfooter {padding:20px 0;} #HIVEfooter .btn_login {width:272px;height:29px;margin:0 13px 0 0;line-height:29px;border-radius:6px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:273px;height:30px;padding:0 42px 0 0;line-height:21px; border:1px solid #eee;border-radius:6px;background-size:30px 29px;} #HIVEfooter .foot_con a {margin:12px 0 0 12px;padding:0 12px 0 0;line-height:20px;} #HIVEfooter .foot_con a:nth-of-type(1):after, *:lang(ja) #HIVEfooter .foot_con .btn_contactus:after {width:1px;height:18px;line-height:20px;} #HIVEfooter .foot_con .btn_link_g, #HIVEfooter .foot_con .btn_link_c {padding:0 12px 0 18px;background:url('../img/ico_copy.png') no-repeat 0 4px;background-size:13px 13px;} #HIVEfooter .foot_con .btn_link {padding:0 12px 0 18px;background:url('../img/ico_copy.png') no-repeat 0 4px;background-size:13px 13px;} #HIVEfooter .copy span {margin:0 9px;} #HIVEfooter_new {padding:20px 13px 23px;} #HIVEfooter_new .sel_lang {right:13px;top:21px;height:23px;padding-right:24px;background-size:15px 15px;} #HIVEfooter_new ul {margin-bottom:31px;} #HIVEfooter_new li {margin-left:22px;} #HIVEfooter_new li:nth-child(4) {margin:12px 0 0;} .elec_notice .logo {height:29px;padding:6px 0 6px 10px;} .elec_notice .logo h1 {width:89px;height:29px;} .elec_notice .s_tit {height:174px;padding-left:40px;} .elec_notice .list {padding:60px 26px;} .elec_notice .list li {margin-top:38px;padding-left:32px;background:url('../img/icon_pdf.png')no-repeat left 6px;background-size:18px 18px;} .elec_notice .list a {line-height:33px;} /* 2018-06-04 GDPR 대응 : 쿠키 안내 */ .gdpr_cookie {padding:13px 16px 33px;} .gdpr_cookie .cookie_guide ~ .cookie_guide {margin-top:6px;} .gdpr_cookie .cookie_accept {margin-top:20px;} .gdpr_cookie .cookie_accept .btn_accept {height:45px;border-radius:6px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:736px) and (max-width:767px) { html {font-size:47.92%;} #HIVEheader .native {height:52px;} #HIVEheader .native .logo, #HIVEheader .native .logo a {width:111px;height:52px;padding:0 15px 0 0;background:url('../img/logo_new.png') no-repeat 12px 50%;background-size:102px 33px;} #HIVEheader .native .my_info {height:38px;padding:13px 15px 0 15px;line-height:24px;} #HIVEheader .native .my_info img {width:24px;height:24px;} #HIVEheader .native .btn_login {height:52px;right:15px;padding:0 18px 0 0;line-height:52px;background:url('../img/ico_link_arrow_3.png') no-repeat 100% 16px;background-size:11px 19px;} #HIVEheader .gnb {height:52px;} #HIVEheader.ingameversion .gnb {margin:52px 0 0 0;} #HIVEheader .gnb.sub {height:52px;} #HIVEheader .gnb .tit_h2 {margin:0 46px;line-height:53px;} #HIVEheader .gnb .btn_menu {width:95px;height:52px;background:url('../img/btn_left_menu.png') no-repeat 15px 16px;background-size:19px 18px;} #HIVEheader .gnb.sub .btn_menu {background:url('../img/btn_left_menu_w.png') no-repeat 15px 16px;background-size:19px 18px;} #HIVEheader .gnb .btn_notice {width:49px;height:52px;background:url('../img/btn_notice_link.png') no-repeat 15px 16px;background-size:19px 20px;} #HIVEheader .gnb .btn_notice .new {width:21px;height:21px;right:3px;top:6px;background-size:21px 21px;} #HIVEheader .gnb .btn_prev {width:42px;height:52px;background:url('../img/ico_link_arrow_2.png') no-repeat 15px 16px;background-size:12px 19px;} #HIVEheader .gnb .btn_prev.ty2 {background:url('../img/ico_link_arrow_7.png') no-repeat 15px 16px;background-size:12px 19px;} #HIVEheader .gnb .btn_msgedit, #HIVEheader .gnb .btn_cancel, #HIVEheader .gnb .btn_finished {height:52px;right:15px;line-height:53px;} #HIVEheader .gnb .btn_write {width:50px;height:52px;background:url('../img/btn_write.png') no-repeat 15px 17px;background-size:19px 19px;} #HIVEheader .gnb .btn_write_2 {width:51px;height:52px;right:50px;background:url('../img/btn_write_3.png') no-repeat 15px 16px;background-size:20px 20px;} #HIVEheader .gnb .btn_refresh {width:52px;height:52px;background:url('../img/btn_refresh_2.png') no-repeat 15px 16px;background-size:22px 19px;} #HIVEheader .gnb .btn_close {width:49px;height:52px;background:url('../img/btn_delete_6.png') no-repeat 15px 16px;background-size:18px 18px;} #HIVEheader .gnb .btn_search {width:47px;height:52px;right:50px;background:url('../img/btn_search_3.png') no-repeat 13px 17px;background-size:21px 20px;} #HIVEheader .gnb .btn_search_2 {width:49px;height:52px;right:50px;background:url('../img/btn_search_4.png') no-repeat 13px 15px;background-size:21px 21px;} #HIVEheader .gnb .btn_delete {width:48px;height:52px;background:url('../img/btn_delete_7.png') no-repeat 14px 16px;background-size:16px 23px;} #HIVEheader .gnb .btn_mymess {width:52px;height:52px;background:url('../img/btn_mymess.png') no-repeat 15px 16px;background-size:22px 19px;} #HIVEheader .gnb .btn_mymess .new {width:21px;height:21px;right:3px;top:6px;background-size:21px 21px;} #HIVEheader .gnb .btn_inquire {width:52px;height:52px;background:url('../img/btn_inquire.png') no-repeat 15px 16px;background-size:22px 19px;} /* CHATBOT */ #HIVEcontainer {margin:-105px 0 0 0;} .HIVEcontents {padding:105px 0 38px 0;} #HIVEcontainer.msg .HIVEcontents, #HIVEcontainer.main .HIVEcontents {padding:105px 0 0 0;} #HIVEwrap.ingameheader #HIVEcontainer {margin:-52px 0 0 0;} #HIVEwrap.ingameheader .HIVEcontents {padding:52px 0 38px 0;} #HIVEwrap.ingameheader #HIVEcontainer.msg .HIVEcontents {padding:52px 0 0 0;} /* all_menu */ .all_menu {padding:52px 0 0 0;} .all_menu .all_menu_list {padding:16px 0 0 0;} .all_menu .all_menu_list li a {padding:21px 44px 21px;line-height:30px;} .all_menu .all_menu_list li a em {margin:0 0 0 14px;width:38px;height:30px;background-size:36px 19px;} .all_menu .btn_area span {margin:73px 46px 0;padding:0 0 38px 0;} .all_menu .btn_area .btn_log {height:52px;border-radius:7px;} .all_menu .version {margin:73px 0 0 0;padding:0 0 38px 0;} .all_menu .version .ver_con {margin:0 15px;padding:15px 0 15px 0;line-height:23px;border-radius:7px;} /* tab */ .sub_tab .nav {width:460px;} .sub_tab .nav li {padding:0 0 0 11px;} .sub_tab.ty2 .nav li {padding:0 0 0 15px;} .sub_tab .nav li a {height:49px;line-height:52px;} .sub_tab .nav li a.selected {border-bottom:3px solid #2a84d8;} /* Faq Tab */ .faq_tab {height:52px;padding:0 15px;} .faq_tab a {line-height:51px;} .faq_tab .on a:after {height:3px;} /* select search */ .select_area {margin:0 0 15px 0;padding:15px 15px 0;} .select_area select {height:42px;margin:0 0 15px 0;padding:0 46px 0 13px;border-radius:7px;background-size:29px 7px;} .select_area select.off {background-size:29px 7px;} .select_area.ty2 {padding:15px;} .select_area.ty2 .btn_ty_1 {height:42px;border-radius:7px;} .select_area .search {margin:0 73px 0 0;border-radius:7px;} .select_area .search input {height:42px;padding:0 44px 0 15px;border-radius:7px;} .select_area .search .btn_delete {width:44px;height:42px;background:url('../img/btn_delete_2.png') no-repeat 15px 14px;background-size:14px 14px;} .select_area .btn_search {width:58px;height:42px;right:15px;top:15px;background-size:58px 42px;} .select_area.ty4 {padding:15px;} .select_area.ty4 .btn_ty_1 {height:42px;border-radius:7px;} .select_area.ty4 .app {margin:0 -15px 15px;padding:0 15px 15px;border-bottom:1px solid #ccc;} .search_area {margin:-15px 0 15px 0;padding:15px;border-bottom:1px solid #ccc;} .search_area .search {border-radius:7px;} .search_area .search:after {width:44px;height:42px;background:url('../img/ico_search_5.png')no-repeat 15px 11px;background-size:21px 20px;} .search_area input {height:42px;padding:0 44px 0 44px;border-radius:7px;} .search_area .search .btn_delete {width:44px;height:42px;background:url('../img/btn_delete_2.png') no-repeat 15px 14px;background-size:14px 14px;} .floating_write {right:15px;bottom:15px;width:85px;height:85px;} .floating_write:lang(ar) {left:15px;right:auto;} .floating_chatbot {right:15px;bottom:15px;width:77px;height:77px;border-radius:76px;-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35);box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.35);} .floating_chatbot:lang(ar) {left:15px;} /* paging */ .paging {margin:23px 0 0 0;} .paging a, .paging span {min-width:10px;height:35px;margin:0 0 0 12px;padding:0 12px;line-height:33px;border-radius:7px;} .paging .btn_prev, .paging .btn_next {width:35px;margin:0 7px 0 0;background-size:35px 35px;} .paging .btn_next {width:35px;margin:0 0 0 19px;background-size:35px 35px;} .paging .btn_prev.off {background-size:35px 35px;} .paging .btn_next.off {background-size:35px 35px;} /* viewmore */ .btn_area_b {margin:23px 15px 0;} .btn_area_b.ty1 {margin-top:30px;} .btn_area_b.ty2 {margin-top:12px;} .btn_area_b.ty3 {margin-top:38px;} .btn_area_b .btn_view_more, .btn_area_b .btn_join, .btn_area_b .btn_start_game {height:52px;border-radius:7px;} /* viewmore */ .btn_area_c {margin:9px 15px 0;} .btn_area_c.ty1 {margin-top:30px;} .btn_area_c .btn_view_more, .btn_area_c .btn_join, .btn_area_c .btn_start_game {height:52px;border-radius:7px;} /* nocontents */ .nocontents {padding:61px 0;line-height:30px;} .nocontents.ty3 {padding:76px 0;} .nothing_txt {margin:53px 0 38px 0;line-height:35px;} .nothing_txt.fs {margin:30px 0 38px 0;padding:193px 15px 0;background-size:169px 166px;} .nothing_txt.frr {margin:30px 0 38px 0;padding:205px 15px 0;background-size:235px 181px;} .nothing_txt.frs {margin:30px 0 38px 0;padding:188px 15px 0;background-size:256px 161px;} .nothing_txt.cmf {margin:44px 0 38px 0;padding:153px 15px 0;background-size:142px 138px;} .nothing_txt.cmn {margin:15px 0 38px 0;padding:177px 15px 0;background-size:150px 166px;} .nothing_txt.cmp {margin:30px 0 38px 0;padding:164px 15px 0;background-size:193px 147px;} .nothing_txt .txt1 {padding:21px 0 0 0;} /* notice */ .notice_box {margin:15px 0 0;} .notice_box li {margin:15px;} .notice_box .geti {padding:12px 0 0 15px;} .notice_box .date {right:15px;top:13px;} .notice_box .txt {padding:12px 15px 21px;line-height:24px;} .notice_box li.friends_rec a {height:118px;} .notice_box li.friends_rec .user_id {padding:23px 0 0 85px;} .notice_box li.friends_rec .image {width:61px;height:61px;left:15px;top:42px;} .notice_box li.friends_rec .image img {border-radius:38px;} .notice_box li.friends_rec .btn_area {right:7px;top:59px;background:url('../img/bg_bar.png') no-repeat 6px 7px;background-size:90px 29px;} .notice_box li.friends_rec .btn_area .btn_decline, .notice_box li.friends_rec .btn_area .btn_accept {width:44px;height:44px;margin:0 6px 0 0;background:url('../img/btn_decline.png') no-repeat 7px 7px;background-size:29px 29px;} .notice_box li.friends_rec .btn_area .btn_accept {margin:0 0 0 6px;background:url('../img/btn_accept.png') no-repeat 7px 7px;background-size:29px 29px;} .notice_box li.friends_rec .btn_delete {width:45px;height:45px;top:29px;background:url('../img/btn_delete_2.png') no-repeat 15px 15px;background-size:14px 14px;} .notice_box.new li {margin:19px 15px 15px;} .notice_box.new .date {margin:0 0 9px 0;line-height:19px;} .notice_box.new .geti {padding:12px 15px 0 15px;} /* error */ .error_tit {padding:56px 15px 42px;line-height:36px;} .error_tit.emc {margin:128px 0 0 0;padding:242px 15px 0;background-size:266px 198px;} .error_txt {margin:0 15px;line-height:33px;} /* popup */ .popup .contents {width:398px;padding:0 0 31px 0;} .popup.ty2 .contents {width:460px;} .popup.ty4 .contents {width:460px;} .popup.wc .contents {width:460px;} .popup .contents h1 {padding:10px 49px 10px 15px;border-bottom:1px solid #ccc;line-height:35px;} .popup .contents .txt {height:157px;padding:0 30px;line-height:29px;} .popup.ty4 .contents .txt {height:214px;line-height:26px;} .popup.ty4 .contents .delete {padding:0 30px;height:214px;line-height:27px;} .popup.ty4 .contents .delete strong {margin-bottom:24px;line-height:32px;} .popup.ty5 .contents .txt {height:245px;line-height:26px;} .popup.comd .contents .txt {padding:32px 30px 26px;} .popup.wc .contents .txt {line-height:24px;} .popup .contents .txt .copy {margin:23px 0 0 0;} .popup.ty2 .contents .box {height:472px;margin:82px 0 0 0;} .popup.ty2 .contents .box.link {height:265px;} .popup.ty2 .contents .box_2 {margin:82px 0 0 0;padding:0 0 38px 0;} .popup .contents .btn_list {margin:23px 30px 0;} .popup .contents .btn_list li {margin:15px 0 0 0;} .popup .contents .btn_list li a, .popup .contents .btn_list li button, .popup .contents .btn_list li span {height:52px;border-radius:7px;} .popup .contents .btn_list li a, .popup .contents .btn_list li span {line-height:50px;} .popup .contents .sel_video_type {margin:23px 15px 23px;} .popup .contents .sel_video_type p:first-child {margin:0 0 15px 0;} .popup .contents .sel_video_type label {padding:0 0 0 36px;line-height:29px;background-size:29px 29px;} .popup .contents .sel_video_type label.checked {background-size:29px 29px;} .popup .contents .code_inp {margin:23px 15px 0;height:153px;} .popup .contents .code_inp.link {height:61px;} .popup .contents .code_inp textarea {height:122px;padding:15px 15px 0;line-height:27px;} .popup .contents .code_inp input {height:61px;padding:0 15px;line-height:27px;} .popup .contents .preview {margin:15px 15px 0;width:429px;height:241px;} .popup .contents .info_txt {margin:7px 15px 0;line-height:18px;} .popup .contents .info_txt2 {padding:10px 0 23px 9px;line-height:23px;} .popup .contents .menu_list {bottom:15px;} .popup .contents .menu_list li {margin:0 15px;} .popup .contents .menu_list li button {height:52px;margin:0 0 15px 0;border-radius:7px;} .popup .contents .menu_list li:nth-of-type(5n-4) button, .popup .contents .menu_list li:nth-of-type(5n-2) button {margin:0 1% 15px 0;} .popup .contents .menu_list li:nth-of-type(5n-1) button, .popup .contents .menu_list li:nth-of-type(5n-3) button {margin:0 0 15px 1%;} .popup .contents .sns_list {margin:27px 0 0 50px;} .popup .contents .sns_list li {margin:0 0 0 38px;} .popup .contents .sns_list li button {width:73px;height:73px;} .popup .contents .btn_ty_1, .popup .contents .btn_ty_3, .popup .contents .btn_ty_4 {min-width:161px;height:52px;padding:0 15px;border-radius:7px;} .popup .contents .btn_ty_3 {min-width:207px;} .popup .contents .btn_ty_4 {min-width:337px;} .popup .contents .btn_ty_5 {min-width:398px;height:52px;padding:0 15px;border-radius:7px;} .popup .contents .btn_area {padding:0 30px;} .popup .contents .btn_area .btn_ty_1, .popup .contents .btn_area .btn_ty_2 {height:52px;border-radius:7px;} .popup.ty2 .contents .btn_area {bottom:15px;padding:0 15px;} .popup .btn_close {width:49px;height:52px;background:url('../img/btn_delete_3.png') no-repeat 15px 16px;background-size:18px 18px;} .popup.ty2 .btn_close {top:82px;} .popup .cha_tit, .popup .cha_txt, .popup .cha_txt_2 {padding:32px 15px 24px;line-height:29px;} .popup .cha_txt {padding:0 15px 10px;} .popup .cha_txt_2 {margin:0 0 12px 15px;padding:7px 0 0 13px;line-height:21px;text-indent:-13px;} .popup .contents .code_inp.cha {height:61px;} .popup .contents .txt .limit_l {padding:0 0 15px 0;} .popup .qrcode {margin:-134px 0 0 -218px;} .popup .qrcode strong {margin:0 0 23px 0;line-height:26px;} .popup .qrcode .img_qr img {width:214px;height:214px;} .popup .btn_close_qr {width:72px;height:75px;background:url('../img/btn_close.png') no-repeat 38px 16px;background-size:19px 19px;} .popup .friends_campain {width:460px;margin:67px 0 0 0;} .popup .friends_campain .image img {width:460px;height:460px;} .popup .friends_campain .info_box {height:193px;} .popup .friends_campain .info_box strong {padding:26px 0 13px 0;line-height:26px;} .popup .friends_campain .info_box p {padding:0 15px;line-height:21px;} .popup .friends_campain .navi {top:25px;} .popup .friends_campain .navi span {width:13px;height:13px;margin:0 15px 0 0;border-radius:7px;} .popup .friends_campain .btn_delete {width:222px;height:42px;margin:19px 0 0 0;line-height:39px;border-radius:7px;} .popup.ty2 .friends_campain .btn_close {background:url('../img/btn_delete_6.png') no-repeat 15px 16px;background-size:18px 18px;} .popup .weeknot {padding:27px 0 0 23px;} .popup .weeknot label {padding:4px 0 5px 36px;line-height:21px;background-size:29px 29px;} .popup .weeknot label.checked {background-size:29px 29px;} .popup .war {margin:30px 0 0 0;padding:10px 10px 12px 27px;line-height:21px;text-indent:-16px;} .popup .content_share {height:213px;padding-top:29px;} .popup .content_share h3 {margin-bottom:31px;} .popup .content_share li {margin-left:63px;} .popup .content_share .thumb {width:76px;height:76px;margin:0 auto 12px;} .popup .content_share .btn_close {width:64px;height:64px;background-size:17px 17px;} .popup.rating .contents h1 {padding:7px 49px 9px 15px;} .popup.comd.rating .contents .txt {padding:29px 30px 31px;} .popup.rating .contents .txt span {line-height:32px;margin-top:19px;} .popup.rating .contents ul {margin-top:16px;padding:0 23px 2px;} .popup.rating .contents li {margin-top:6px;padding-left:7px;line-height:21px;} .popup.rating .contents li:after {top:-4px;} /* New popup */ .popup.ty6 .contents {width:460px;padding-bottom:37px;} .popup.ty6 .contents h1 {padding:8px 49px 8px 15px;line-height:35px;} .popup.ty6 .contents .txt {padding:15px 30px 32px;} .popup.ty6 .contents .txt b {margin-top:9px;line-height:27px;} /* SNS Agree popup */ .popup.agree .contents {top:16px;bottom:16px;left:34px;right:34px;padding:36px 23px 47px;} .popup.agree .contents h1 {margin-bottom:17px;padding:0 49px 0 0;} .popup.agree .contents .txt {line-height:27px;} .popup.agree .btn_close {top:16px;right:34px;} .popup.agree h2 {margin:7px 0;} .popup.agree h3 {margin:7px 0;padding-left:23px;} /* footer */ #HIVEfooter {padding:23px 0;} #HIVEfooter .btn_login {width:312px;height:33px;margin:0 15px 0 0;line-height:33px;border-radius:7px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:314px;height:35px;padding:0 48px 0 0;line-height:24px; border:1px solid #eee;border-radius:7px;background-size:35px 33px;} #HIVEfooter .foot_con a {margin:13px 0 0 13px;padding:0 13px 0 0;line-height:23px;} #HIVEfooter .foot_con a:nth-of-type(1):after, *:lang(ja) #HIVEfooter .foot_con .btn_contactus:after {width:1px;height:21px;line-height:23px;} #HIVEfooter .foot_con .btn_link_g, #HIVEfooter .foot_con .btn_link_c {padding:0 13px 0 21px;background:url('../img/ico_copy.png') no-repeat 0 4px;background-size:15px 15px;} #HIVEfooter .foot_con .btn_link {padding:0 13px 0 21px;background:url('../img/ico_copy.png') no-repeat 0 4px;background-size:15px 15px;} #HIVEfooter .copy span {margin:0 10px;} #HIVEfooter_new {padding:23px 15px 26px;} #HIVEfooter_new .sel_lang {right:15px;top:24px;height:26px;padding-right:27px;background-size:17px 17px;} #HIVEfooter_new ul {margin-bottom:36px;} #HIVEfooter_new li {margin-left:26px;} #HIVEfooter_new li:nth-child(4) {margin:13px 0 0;} .elec_notice .logo {height:33px;padding:7px 0 7px 12px;} .elec_notice .logo h1 {width:102px;height:33px;} .elec_notice .s_tit {height:200px;padding-left:46px;} .elec_notice .list {padding:69px 30px;} .elec_notice .list li {margin-top:43px;padding-left:36px;background:url('../img/icon_pdf.png')no-repeat left 7px;background-size:21px 21px;} .elec_notice .list a {line-height:38px;} /* 2018-06-04 GDPR 대응 : 쿠키 안내 */ .gdpr_cookie {padding:15px 19px 38px;} .gdpr_cookie .cookie_guide ~ .cookie_guide {margin-top:7px;} .gdpr_cookie .cookie_accept {margin-top:23px;} .gdpr_cookie .cookie_accept .btn_accept {height:52px;border-radius:7px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:768px) and (max-width:1023px) { html {font-size:50%;} #HIVEheader .native {height:54px;} #HIVEheader .native .logo, #HIVEheader .native .logo a {width:116px;height:54px;padding:0 16px 0 0;background:url('../img/logo_new.png') no-repeat 12px 50%;background-size:107px 35px;} #HIVEheader .native .my_info {height:40px;padding:14px 16px 0 16px;line-height:25px;} #HIVEheader .native .my_info img {width:25px;height:25px;} #HIVEheader .native .btn_login {height:54px;right:16px;padding:0 19px 0 0;line-height:54px;background:url('../img/ico_link_arrow_3.png') no-repeat 100% 16px;background-size:12px 20px;} #HIVEheader .gnb {height:54px;} #HIVEheader.ingameversion .gnb {margin:54px 0 0 0;} #HIVEheader .gnb.sub {height:55px;} #HIVEheader .gnb .tit_h2 {margin:0 48px;line-height:56px;} #HIVEheader .gnb .btn_menu {width:100px;height:54px;background:url('../img/btn_left_menu.png') no-repeat 16px 17px;background-size:20px 19px;} #HIVEheader .gnb.sub .btn_menu {background:url('../img/btn_left_menu_w.png') no-repeat 16px 17px;background-size:20px 19px;} #HIVEheader .gnb .btn_notice {width:52px;height:54px;background:url('../img/btn_notice_link.png') no-repeat 16px 16px;background-size:20px 21px;} #HIVEheader .gnb .btn_notice .new {width:22px;height:22px;right:3px;top:6px;background-size:22px 22px;} #HIVEheader .gnb .btn_prev {width:44px;height:55px;background:url('../img/ico_link_arrow_2.png') no-repeat 16px 16px;background-size:12px 20px;} #HIVEheader .gnb .btn_prev.ty2 {background:url('../img/ico_link_arrow_7.png') no-repeat 16px 16px;background-size:12px 20px;} #HIVEheader .gnb .btn_msgedit, #HIVEheader .gnb .btn_cancel, #HIVEheader .gnb .btn_finished {height:55px;right:16px;line-height:56px;} #HIVEheader .gnb .btn_write {width:52px;height:55px;background:url('../img/btn_write.png') no-repeat 16px 18px;background-size:20px 20px;} #HIVEheader .gnb .btn_write_2 {width:53px;height:55px;right:52px;background:url('../img/btn_write_3.png') no-repeat 16px 16px;background-size:21px 21px;} #HIVEheader .gnb .btn_refresh {width:55px;height:55px;background:url('../img/btn_refresh_2.png') no-repeat 16px 17px;background-size:23px 20px;} #HIVEheader .gnb .btn_close {width:51px;height:54px;background:url('../img/btn_delete_6.png') no-repeat 16px 17px;background-size:19px 19px;} #HIVEheader .gnb .btn_search {width:49px;height:55px;right:52px;background:url('../img/btn_search_3.png') no-repeat 13px 18px;background-size:22px 21px;} #HIVEheader .gnb .btn_search_2 {width:51px;height:55px;right:52px;background:url('../img/btn_search_4.png') no-repeat 14px 16px;background-size:22px 22px;} #HIVEheader .gnb .btn_delete {width:50px;height:54px;background:url('../img/btn_delete_7.png') no-repeat 15px 16px;background-size:17px 24px;} #HIVEheader .gnb .btn_mymess {width:55px;height:55px;background:url('../img/btn_mymess.png') no-repeat 16px 17px;background-size:23px 20px;} #HIVEheader .gnb .btn_mymess .new {width:22px;height:22px;right:3px;top:6px;background-size:22px 22px;} #HIVEheader .gnb .btn_inquire {width:55px;height:55px;background:url('../img/btn_inquire.png') no-repeat 16px 17px;background-size:23px 20px;} /* CHATBOT */ #HIVEcontainer {margin:-109px 0 0 0;} .HIVEcontents {padding:109px 0 40px 0;} #HIVEcontainer.msg .HIVEcontents, #HIVEcontainer.main .HIVEcontents {padding:109px 0 0 0;} #HIVEwrap.ingameheader #HIVEcontainer {margin:-55px 0 0 0;} #HIVEwrap.ingameheader .HIVEcontents {padding:55px 0 40px 0;} #HIVEwrap.ingameheader #HIVEcontainer.msg .HIVEcontents {padding:55px 0 0 0;} /* all_menu */ .all_menu {padding:54px 0 0 0;} .all_menu .all_menu_list {padding:17px 0 0 0;} .all_menu .all_menu_list li a {padding:22px 46px 22px;line-height:32px;} .all_menu .all_menu_list li a em {margin:0 0 0 15px;width:40px;height:32px;background-size:38px 20px;} .all_menu .btn_area span {margin:76px 48px 0;padding:0 0 40px 0;} .all_menu .btn_area .btn_log {height:54px;border-radius:8px;} .all_menu .version {margin:76px 0 0 0;padding:0 0 40px 0;} .all_menu .version .ver_con {margin:0 16px;padding:16px 0 16px 0;line-height:24px;border-radius:8px;} /* tab */ .sub_tab .nav {width:480px;} .sub_tab .nav li {padding:0 0 0 12px;} .sub_tab.ty2 .nav li {padding:0 0 0 16px;} .sub_tab .nav li a {height:51px;line-height:54px;} .sub_tab .nav li a.selected {border-bottom:3px solid #2a84d8;} /* Faq Tab */ .faq_tab {height:55px;padding:0 16px;} .faq_tab a {line-height:53px;} .faq_tab .on a:after {height:3px;} /* select search */ .select_area {margin:0 0 16px 0;padding:16px 16px 0;} .select_area select {height:44px;margin:0 0 16px 0;padding:0 48px 0 13px;border-radius:8px;background-size:30px 8px;} .select_area select.off {background-size:30px 8px;} .select_area.ty2 {padding:16px;} .select_area.ty2 .btn_ty_1 {height:44px;border-radius:8px;} .select_area .search {margin:0 76px 0 0;border-radius:8px;} .select_area .search input {height:44px;padding:0 46px 0 16px;border-radius:8px;} .select_area .search .btn_delete {width:46px;height:44px;background:url('../img/btn_delete_2.png') no-repeat 16px 15px;background-size:15px 15px;} .select_area .btn_search {width:60px;height:44px;right:16px;top:16px;background-size:60px 44px;} .select_area.ty4 {padding:16px;} .select_area.ty4 .btn_ty_1 {height:44px;border-radius:8px;} .select_area.ty4 .app {margin:0 -16px 16px;padding:0 16px 16px;border-bottom:1px solid #ccc;} .search_area {margin:-16px 0 16px 0;padding:16px;border-bottom:1px solid #ccc;} .search_area .search {border-radius:8px;} .search_area .search:after {width:46px;height:44px;background:url('../img/ico_search_5.png')no-repeat 16px 12px;background-size:22px 21px;} .search_area input {height:44px;padding:0 46px 0 46px;border-radius:8px;} .search_area .search .btn_delete {width:46px;height:44px;background:url('../img/btn_delete_2.png') no-repeat 16px 15px;background-size:15px 15px;} .floating_write {right:16px;bottom:16px;width:89px;height:89px;} .floating_write:lang(ar) {left:16px;right:auto;} .floating_chatbot {right:16px;bottom:16px;width:80px;height:80px;border-radius:80px;-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.35);box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.35);} .floating_chatbot:lang(ar) {left:16px;} /* paging */ .paging {margin:24px 0 0 0;} .paging a, .paging span {min-width:11px;height:36px;margin:0 0 0 12px;padding:0 12px;line-height:35px;border-radius:8px;} .paging .btn_prev, .paging .btn_next {width:36px;margin:0 8px 0 0;background-size:36px 36px;} .paging .btn_next {width:36px;margin:0 0 0 20px;background-size:36px 36px;} .paging .btn_prev.off {background-size:36px 36px;} .paging .btn_next.off {background-size:36px 36px;} /* viewmore */ .btn_area_b {margin:24px 16px 0;} .btn_area_b.ty1 {margin-top:32px;} .btn_area_b.ty2 {margin-top:12px;} .btn_area_b.ty3 {margin-top:40px;} .btn_area_b .btn_view_more, .btn_area_b .btn_join, .btn_area_b .btn_start_game {height:54px;border-radius:8px;} /* viewmore */ .btn_area_c {margin:10px 16px 0;} .btn_area_c.ty1 {margin-top:32px;} .btn_area_c .btn_view_more, .btn_area_c .btn_join, .btn_area_c .btn_start_game {height:54px;border-radius:8px;} /* nocontents */ .nocontents {padding:64px 0;line-height:32px;} .nocontents.ty3 {padding:80px 0;} .nothing_txt {margin:56px 0 40px 0;line-height:36px;} .nothing_txt.fs {margin:32px 0 40px 0;padding:201px 16px 0;background-size:176px 173px;} .nothing_txt.frr {margin:32px 0 40px 0;padding:214px 16px 0;background-size:245px 189px;} .nothing_txt.frs {margin:32px 0 40px 0;padding:196px 16px 0;background-size:267px 168px;} .nothing_txt.cmf {margin:46px 0 40px 0;padding:160px 16px 0;background-size:148px 144px;} .nothing_txt.cmn {margin:16px 0 40px 0;padding:185px 16px 0;background-size:156px 173px;} .nothing_txt.cmp {margin:32px 0 40px 0;padding:171px 16px 0;background-size:201px 153px;} .nothing_txt .txt1 {padding:22px 0 0 0;} /* notice */ .notice_box {margin:16px 0 0;} .notice_box li {margin:16px;} .notice_box .geti {padding:12px 0 0 16px;} .notice_box .date {right:16px;top:14px;} .notice_box .txt {padding:12px 16px 22px;line-height:25px;} .notice_box li.friends_rec a {height:123px;} .notice_box li.friends_rec .user_id {padding:24px 0 0 89px;} .notice_box li.friends_rec .image {width:64px;height:64px;left:16px;top:44px;} .notice_box li.friends_rec .image img {border-radius:40px;} .notice_box li.friends_rec .btn_area {right:8px;top:62px;background:url('../img/bg_bar.png') no-repeat 6px 8px;background-size:94px 30px;} .notice_box li.friends_rec .btn_area .btn_decline, .notice_box li.friends_rec .btn_area .btn_accept {width:46px;height:46px;margin:0 6px 0 0;background:url('../img/btn_decline.png') no-repeat 8px 8px;background-size:30px 30px;} .notice_box li.friends_rec .btn_area .btn_accept {margin:0 0 0 6px;background:url('../img/btn_accept.png') no-repeat 8px 8px;background-size:30px 30px;} .notice_box li.friends_rec .btn_delete {width:47px;height:47px;top:31px;background:url('../img/btn_delete_2.png') no-repeat 16px 16px;background-size:15px 15px;} .notice_box.new li {margin:20px 16px 16px;} .notice_box.new .date {margin:0 0 9px 0;line-height:20px;} .notice_box.new .geti {padding:12px 16px 0 16px;} /* error */ .error_tit {padding:59px 16px 44px;line-height:38px;} .error_tit.emc {margin:134px 0 0 0;padding:252px 16px 0;background-size:278px 207px;} .error_txt {margin:0 16px;line-height:35px;} /* popup */ .popup .contents {width:416px;padding:0 0 32px 0;} .popup.ty2 .contents {width:480px;} .popup.ty4 .contents {width:480px;} .popup.wc .contents {width:480px;} .popup .contents h1 {padding:11px 51px 11px 16px;border-bottom:1px solid #ccc;line-height:36px;} .popup .contents .txt {height:164px;padding:0 32px;line-height:30px;} .popup.ty4 .contents .txt {height:224px;line-height:27px;} .popup.ty4 .contents .delete {padding:0 32px;height:224px;line-height:28px;} .popup.ty4 .contents .delete strong {margin-bottom:25px;line-height:33px;} .popup.ty5 .contents .txt {height:256px;line-height:27px;} .popup.comd .contents .txt {padding:33px 32px 27px;} .popup.wc .contents .txt {line-height:25px;} .popup .contents .txt .copy {margin:24px 0 0 0;} .popup.ty2 .contents .box {height:492px;margin:86px 0 0 0;} .popup.ty2 .contents .box.link {height:276px;} .popup.ty2 .contents .box_2 {margin:86px 0 0 0;padding:0 0 40px 0;} .popup .contents .btn_list {margin:24px 32px 0;} .popup .contents .btn_list li {margin:16px 0 0 0;} .popup .contents .btn_list li a, .popup .contents .btn_list li button, .popup .contents .btn_list li span {height:54px;border-radius:8px;} .popup .contents .btn_list li a, .popup .contents .btn_list li span {line-height:52px;} .popup .contents .sel_video_type {margin:24px 16px 24px;} .popup .contents .sel_video_type p:first-child {margin:0 0 16px 0;} .popup .contents .sel_video_type label {padding:0 0 0 38px;line-height:30px;background-size:31px 30px;} .popup .contents .sel_video_type label.checked {background-size:31px 30px;} .popup .contents .code_inp {margin:24px 16px 0;height:160px;} .popup .contents .code_inp.link {height:64px;} .popup .contents .code_inp textarea {height:128px;padding:16px 16px 0;line-height:28px;} .popup .contents .code_inp input {height:64px;padding:0 16px;line-height:28px;} .popup .contents .preview {margin:16px 16px 0;width:448px;height:252px;} .popup .contents .info_txt {margin:8px 16px 0;line-height:19px;} .popup .contents .info_txt2 {padding:11px 0 24px 9px;line-height:24px;} .popup .contents .menu_list {bottom:16px;} .popup .contents .menu_list li {margin:0 16px;} .popup .contents .menu_list li button {height:54px;margin:0 0 16px 0;border-radius:8px;} .popup .contents .menu_list li:nth-of-type(5n-4) button, .popup .contents .menu_list li:nth-of-type(5n-2) button {margin:0 1% 16px 0;} .popup .contents .menu_list li:nth-of-type(5n-1) button, .popup .contents .menu_list li:nth-of-type(5n-3) button {margin:0 0 16px 1%;} .popup .contents .sns_list {margin:28px 0 0 52px;} .popup .contents .sns_list li {margin:0 0 0 40px;} .popup .contents .sns_list li button {width:76px;height:76px;} .popup .contents .btn_ty_1, .popup .contents .btn_ty_3, .popup .contents .btn_ty_4 {min-width:168px;height:54px;padding:0 16px;border-radius:8px;} .popup .contents .btn_ty_3 {min-width:216px;} .popup .contents .btn_ty_4 {min-width:352px;} .popup .contents .btn_ty_5 {min-width:416px;height:54px;padding:0 16px;border-radius:8px;} .popup .contents .btn_area {padding:0 32px;} .popup .contents .btn_area .btn_ty_1, .popup .contents .btn_area .btn_ty_2 {height:54px;border-radius:8px;} .popup.ty2 .contents .btn_area {bottom:16px;padding:0 16px;} .popup .btn_close {width:51px;height:54px;background:url('../img/btn_delete_3.png') no-repeat 16px 17px;background-size:19px 19px;} .popup.ty2 .btn_close {top:86px;} .popup .cha_tit, .popup .cha_txt, .popup .cha_txt_2 {padding:33px 16px 25px;line-height:30px;} .popup .cha_txt {padding:0 16px 11px;} .popup .cha_txt_2 {margin:0 0 12px 16px;padding:8px 0 0 14px;line-height:22px;text-indent:-14px;} .popup .contents .code_inp.cha {height:64px;} .popup .contents .txt .limit_l {padding:0 0 16px 0;} .popup .qrcode {margin:-140px 0 0 -228px;} .popup .qrcode strong {margin:0 0 24px 0;line-height:27px;} .popup .qrcode .img_qr img {width:224px;height:224px;} .popup .btn_close_qr {width:75px;height:78px;background:url('../img/btn_close.png') no-repeat 40px 17px;background-size:20px 20px;} .popup .friends_campain {width:480px;margin:70px 0 0 0;} .popup .friends_campain .image img {width:480px;height:480px;} .popup .friends_campain .info_box {height:201px;} .popup .friends_campain .info_box strong {padding:27px 0 14px 0;line-height:27px;} .popup .friends_campain .info_box p {padding:0 16px;line-height:22px;} .popup .friends_campain .navi {top:26px;} .popup .friends_campain .navi span {width:13px;height:13px;margin:0 16px 0 0;border-radius:8px;} .popup .friends_campain .btn_delete {width:232px;height:44px;margin:20px 0 0 0;line-height:41px;border-radius:8px;} .popup.ty2 .friends_campain .btn_close {background:url('../img/btn_delete_6.png') no-repeat 16px 17px;background-size:19px 19px;} .popup .weeknot {padding:28px 0 0 24px;} .popup .weeknot label {padding:4px 0 5px 38px;line-height:22px;background-size:30px 30px;} .popup .weeknot label.checked {background-size:30px 30px;} .popup .war {margin:32px 0 0 0;padding:11px 11px 12px 28px;line-height:22px;text-indent:-17px;} .popup .content_share {height:223px;padding-top:31px;} .popup .content_share h3 {margin-bottom:32px;} .popup .content_share li {margin-left:66px;} .popup .content_share .thumb {width:80px;height:80px;margin:0 auto 12px;} .popup .content_share .btn_close {width:67px;height:67px;background-size:18px 18px;} .popup.rating .contents h1 {padding:8px 51px 9px 16px;} .popup.comd.rating .contents .txt {padding:31px 32px 32px;} .popup.rating .contents .txt span {line-height:33px;margin-top:20px;} .popup.rating .contents ul {margin-top:17px;padding:0 24px 2px;} .popup.rating .contents li {margin-top:7px;padding-left:8px;line-height:22px;} .popup.rating .contents li:after {top:-4px;} /* New popup */ .popup.ty6 .contents {width:480px;padding-bottom:39px;} .popup.ty6 .contents h1 {padding:8px 51px 8px 16px;line-height:36px;} .popup.ty6 .contents .txt {padding:16px 32px 33px;} .popup.ty6 .contents .txt b {margin-top:9px;line-height:28px;} /* SNS Agree popup */ .popup.agree .contents {top:16px;bottom:16px;left:36px;right:36px;padding:38px 24px 49px;} .popup.agree .contents h1 {margin-bottom:18px;padding:0 51px 0 0;} .popup.agree .contents .txt {line-height:28px;} .popup.agree .btn_close {top:16px;right:36px;} .popup.agree h2 {margin:8px 0;} .popup.agree h3 {margin:8px 0;padding-left:24px;} /* footer */ #HIVEfooter {padding:24px 0;} #HIVEfooter .btn_login {width:326px;height:35px;margin:0 16px 0 0;line-height:35px;border-radius:8px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:328px;height:36px;padding:0 50px 0 0;line-height:25px; border:1px solid #eee;border-radius:8px;background-size:36px 35px;} #HIVEfooter .foot_con a {margin:14px 0 0 14px;padding:0 14px 0 0;line-height:24px;} #HIVEfooter .foot_con a:nth-of-type(1):after, *:lang(ja) #HIVEfooter .foot_con .btn_contactus:after {width:1px;height:22px;line-height:24px;} #HIVEfooter .foot_con .btn_link_g, #HIVEfooter .foot_con .btn_link_c {padding:0 14px 0 22px;background:url('../img/ico_copy.png') no-repeat 0 4px;background-size:16px 16px;} #HIVEfooter .foot_con .btn_link {padding:0 14px 0 22px;background:url('../img/ico_copy.png') no-repeat 0 4px;background-size:16px 16px;} #HIVEfooter .copy span {margin:0 11px;} #HIVEfooter_new {padding:24px 16px 28px;} #HIVEfooter_new .sel_lang {right:16px;top:25px;height:28px;padding-right:28px;background-size:18px 18px;} #HIVEfooter_new ul {margin-bottom:37px;} #HIVEfooter_new li {margin-left:27px;} #HIVEfooter_new li:nth-child(4) {margin:14px 0 0;} .elec_notice .logo {height:35px;padding:8px 0 8px 12px;} .elec_notice .logo h1 {width:107px;height:35px;} .elec_notice .s_tit {height:208px;padding-left:48px;} .elec_notice .list {padding:72px 32px;} .elec_notice .list li {margin-top:45px;padding-left:38px;background:url('../img/icon_pdf.png')no-repeat left 8px;background-size:22px 22px;} .elec_notice .list a {line-height:40px;} /* 2018-06-04 GDPR 대응 : 쿠키 안내 */ .gdpr_cookie {padding:16px 20px 40px;} .gdpr_cookie .cookie_guide ~ .cookie_guide {margin-top:8px;} .gdpr_cookie .cookie_accept {margin-top:24px;} .gdpr_cookie .cookie_accept .btn_accept {height:54px;border-radius:8px;} } /* iPhone X */ .safty_area {position:relative;} .native { padding-left:constant(safe-area-inset-left); padding-right:constant(safe-area-inset-right); padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right); } .gnb { padding-left:constant(safe-area-inset-left); padding-right:constant(safe-area-inset-right); padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right); } #HIVEcontainer { padding-left:constant(safe-area-inset-left); padding-right:constant(safe-area-inset-right); padding-left:env(safe-area-inset-left); padding-right:env(safe-area-inset-right); } .game_os_select { padding-right:constant(safe-area-inset-right); padding-right:env(safe-area-inset-right); }