@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 {overflow:hidden;} #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;overflow:hidden;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;overflow:hidden;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;overflow:hidden;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.msg {background-color:#dcdcdc} #HIVEcontainer.error {margin:0 0 0 0;} .HIVEcontents {padding:137px 0 50px 0;} #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%;position:absolute;left:0;bottom:50px;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 {font-weight:normal;} .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;} .all_menu .version .ver_con dd span {display:none;} /* tab */ .sub_tab {padding:0 20px;background-color:#fff;border-bottom:1px solid #ccc;} .sub_tab .nav {width:100%;} .sub_tab .nav:after {display:block;clear:both;content:'';} .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 select.selected {color:#2a84d8;} .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 {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:116px 0 0 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:246px 0 0 0;} .nothing_txt {margin:70px 0 0 0;color:#666;font-size:3.6rem;font-weight:bold;line-height:46px;text-align:center;} .nothing_txt.fs {margin:80px 0 0 0;padding:272px 20px 0;background:url('../img/bg_character_1.png') no-repeat 52% 0;background-size:221px 217px;} .nothing_txt.frr {margin:118px 0 0 0;padding:290px 20px 0;background:url('../img/bg_character_2.png') no-repeat 50% 0;background-size:307px 237px;} .nothing_txt.frs {margin:152px 0 0 0;padding:262px 20px 0;background:url('../img/bg_character_3.png') no-repeat 50% 0;background-size:334px 210px;} .nothing_txt.cmf {margin:130px 0 0 0;padding:228px 20px 0;background:url('../img/bg_character_4.png') no-repeat 50% 0;background-size:186px 181px;} .nothing_txt.cmn {margin:96px 0 0 0;padding:258px 20px 0;background:url('../img/bg_character_5.png') no-repeat 50% 0;background-size:196px 217px;} .nothing_txt.cmp {margin:118px 0 0 0;padding:234px 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;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 10px;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 {font-size:2.6rem;line-height:34px;text-align:left;} .popup.ty4 .contents .txt b {display:block;font-weight:normal;line-height:36px;margin-top:12px;} .popup.ty4 .contents .txt b:first-child {margin-top:0;} .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 {margin:14px 0 0 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 20px;} .popup .contents .menu_list li button {width:100%;height:68px;display:block;color:#fff;font-size:3.0rem;border-radius:10px;background-color:rgba(42,132,216,0.8);} .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 .btn_close_x {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:336px;padding-top:44px;background:#fff;text-align:center;} .popup .content_share h3 {margin-bottom:43px;font-size:3.4rem;color:#444;font-weight:bold;} .popup .content_share ul {text-align:center;} .popup .content_share li {display:inline-block;margin-left:95px;} .popup .content_share li:first-child {margin-left:0;} .popup .content_share li a {display:block;font-size:2.8rem;color:#77828d;font-weight:bold;} .popup .content_share .thumb {width:120px;height:120px;margin:0 auto 14px;} .popup .content_share .thumb img {width:100%;height:100%;} .popup .content_share .btn_close {width:84px;height:84px;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:41px;bottom:41px;left:20px;right:20px;width:auto;padding:48px 30px 62px;box-sizing:border-box;overflow:auto;overflow-x:hidden;} .popup.agree .contents h1 {margin-bottom:40px;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;right:20px;top:41px;} .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:248px;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:250px;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 .foot_con .bl {display:block;} #HIVEfooter .foot_con a.btn_law {width:518px;height:44px;display:inline-block;margin:18px 0 10px 0;padding:0 0 0 0;line-height:44px;border-radius:10px;border:1px solid #eee;} #HIVEfooter .foot_con a.btn_law: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 {margin-bottom:47px;} #HIVEfooter_new li {margin-top:26px;} #HIVEfooter_new li:first-child {margin-top: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%;height:100%;position:fixed;top: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:359px) { 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 {bottom:25px;} .all_menu .version .ver_con {margin:0 10px;padding:10px 0 10px 0;line-height:15px;border-radius:5px;} /* tab */ .sub_tab {padding:0 10px;} .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:58px 0 0 0;line-height:20px;} .nocontents.ty3 {padding:123px 0 0 0;} .nothing_txt {margin:35px 0 0 0;line-height:23px;} .nothing_txt.fs {margin:40px 0 0 0;padding:136px 10px 0;background-size:110px 108px;} .nothing_txt.frr {margin:59px 0 0 0;padding:145px 10px 0;background-size:153px 118px;} .nothing_txt.frs {margin:76px 0 0 0;padding:131px 10px 0;background-size:167px 105px;} .nothing_txt.cmf {margin:65px 0 0 0;padding:114px 10px 0;background-size:93px 90px;} .nothing_txt.cmn {margin:48px 0 0 0;padding:129px 10px 0;background-size:98px 108px;} .nothing_txt.cmp {margin:59px 0 0 0;padding:117px 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 .txt b {line-height:18px;margin-top:6px;} .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 {margin:7px 0 0 6px;line-height:15px;} .popup .contents .menu_list {bottom:10px;} .popup .contents .menu_list li {margin:0 10px 10px;} .popup .contents .menu_list li button {height:34px;border-radius:5px;} .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 .btn_close_x {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:168px;padding-top:22px;} .popup .content_share h3 {margin-bottom:21px;} .popup .content_share li {margin-left:47px;} .popup .content_share .thumb {width:60px;height:60px;margin:0 auto 7px;} .popup .content_share .btn_close {width:42px;height:42px;} .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:20px;bottom:20px;left:10px;right:10px;padding:24px 15px 31px;} .popup.agree .contents h1 {margin-bottom:20px;padding:0 32px 0 0;} .popup.agree .contents .txt {line-height:18px;} .popup.agree .btn_close {right:10px;top:20px;} .popup.agree h2 {margin:5px 0;} .popup.agree h3 {margin:5px 0;padding-left:15px;} /* footer */ #HIVEfooter {padding:15px 0;} #HIVEfooter .btn_login {width:124px;height:22px;margin:0 10px 0 0;line-height:22px;border-radius:5px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:125px;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 a.btn_law {width:259px;height:22px;margin:9px 0 5px 0;line-height:22px;border-radius:5px;border:1px solid #eee;} #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-top:13px;} .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:360px) and (max-width:413px) { html {font-size:35.16%;} #HIVEheader .native {height:38px;} #HIVEheader .native .logo, #HIVEheader .native .logo a {width:81px;height:38px;padding:0 11px 0 0;background:url('../img/logo_new.png') no-repeat 9px 50%;background-size:75px 24px;} #HIVEheader .native .my_info {height:28px;padding:10px 11px 0 11px;line-height:18px;} #HIVEheader .native .my_info img {width:18px;height:18px;} #HIVEheader .native .btn_login {height:38px;right:11px;padding:0 13px 0 0;line-height:38px;background:url('../img/ico_link_arrow_3.png') no-repeat 100% 11px;background-size:8px 14px;} #HIVEheader .gnb {height:38px;} #HIVEheader.ingameversion .gnb {margin:38px 0 0 0;} #HIVEheader .gnb.sub {height:38px;} #HIVEheader .gnb .tit_h2 {margin:0 33px;line-height:39px;} #HIVEheader .gnb .btn_menu {width:70px;height:38px;background:url('../img/btn_left_menu.png') no-repeat 11px 12px;background-size:14px 13px;} #HIVEheader .gnb.sub .btn_menu {background:url('../img/btn_left_menu_w.png') no-repeat 11px 12px;background-size:14px 13px;} #HIVEheader .gnb .btn_notice {width:36px;height:38px;background:url('../img/btn_notice_link.png') no-repeat 11px 11px;background-size:14px 15px;} #HIVEheader .gnb .btn_notice .new {width:15px;height:15px;right:2px;top:4px;background-size:15px 15px;} #HIVEheader .gnb .btn_prev {width:31px;height:38px;background:url('../img/ico_link_arrow_2.png') no-repeat 11px 11px;background-size:9px 14px;} #HIVEheader .gnb .btn_prev.ty2 {background:url('../img/ico_link_arrow_7.png') no-repeat 11px 11px;background-size:9px 14px;} #HIVEheader .gnb .btn_msgedit, #HIVEheader .gnb .btn_cancel, #HIVEheader .gnb .btn_finished {height:38px;right:11px;line-height:39px;} #HIVEheader .gnb .btn_write {width:37px;height:38px;background:url('../img/btn_write.png') no-repeat 11px 12px;background-size:14px 14px;} #HIVEheader .gnb .btn_write_2 {width:37px;height:38px;right:37px;background:url('../img/btn_write_3.png') no-repeat 11px 11px;background-size:15px 15px;} #HIVEheader .gnb .btn_refresh {width:38px;height:38px;background:url('../img/btn_refresh_2.png') no-repeat 11px 12px;background-size:16px 14px;} #HIVEheader .gnb .btn_close {width:36px;height:38px;background:url('../img/btn_delete_6.png') no-repeat 11px 12px;background-size:13px 13px;} #HIVEheader .gnb .btn_search {width:34px;height:38px;right:37px;background:url('../img/btn_search_3.png') no-repeat 9px 12px;background-size:15px 15px;} #HIVEheader .gnb .btn_search_2 {width:36px;height:38px;right:37px;background:url('../img/btn_search_4.png') no-repeat 10px 11px;background-size:15px 15px;} #HIVEheader .gnb .btn_delete {width:35px;height:38px;background:url('../img/btn_delete_7.png') no-repeat 10px 11px;background-size:12px 16px;} #HIVEheader .gnb .btn_mymess {width:38px;height:38px;background:url('../img/btn_mymess.png') no-repeat 11px 12px;background-size:16px 14px;} #HIVEheader .gnb .btn_mymess .new {width:15px;height:15px;right:2px;top:4px;background-size:15px 15px;} #HIVEheader .gnb .btn_inquire {width:38px;height:38px;background:url('../img/btn_inquire.png') no-repeat 11px 12px;background-size:16px 14px;} /* CHATBOT */ #HIVEcontainer {margin:-77px 0 0 0;} .HIVEcontents {padding:77px 0 28px 0;} #HIVEcontainer.msg .HIVEcontents, #HIVEcontainer.main .HIVEcontents {padding:77px 0 0 0;} #HIVEwrap.ingameheader #HIVEcontainer {margin:-38px 0 0 0;} #HIVEwrap.ingameheader .HIVEcontents {padding:38px 0 28px 0;} #HIVEwrap.ingameheader #HIVEcontainer.msg .HIVEcontents {padding:38px 0 0 0;} /* all_menu */ .all_menu {padding:38px 0 0 0;} .all_menu .all_menu_list {padding:12px 0 0 0;} .all_menu .all_menu_list li a {padding:15px 32px 15px;line-height:22px;} .all_menu .all_menu_list li a em {margin:0 0 0 10px;width:28px;height:22px;background-size:27px 14px;} .all_menu .btn_area span {margin:54px 33px 0;padding:0 0 28px 0;} .all_menu .btn_area .btn_log {height:38px;border-radius:5px;} .all_menu .version {bottom:28px;} .all_menu .version .ver_con {margin:0 11px;padding:11px 0 11px 0;line-height:16px;border-radius:5px;} /* tab */ .sub_tab {padding:0 11px;} .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:36px;line-height:38px;} .sub_tab .nav li a.selected {border-bottom:2px solid #2a84d8;} /* Faq Tab */ .faq_tab {height:38px;padding:0 11px;} .faq_tab a {line-height:37px;} .faq_tab .on a:after {height:2px;} /* select search */ .select_area {margin:0 0 11px 0;padding:11px 11px 0;} .select_area select {height:31px;margin:0 0 11px 0;padding:0 33px 0 9px;border-radius:5px;background-size:21px 5px;} .select_area select.off {background-size:21px 5px;} .select_area.ty2 {padding:11px;} .select_area.ty2 .btn_ty_1 {height:31px;border-radius:5px;} .select_area .search {margin:0 54px 0 0;border-radius:5px;} .select_area .search input {height:31px;padding:0 32px 0 11px;border-radius:5px;} .select_area .search .btn_delete {width:32px;height:31px;background:url('../img/btn_delete_2.png') no-repeat 11px 10px;background-size:10px 10px;} .select_area .btn_search {width:42px;height:31px;right:11px;top:11px;background-size:42px 31px;} .select_area.ty4 {padding:11px;} .select_area.ty4 .btn_ty_1 {height:31px;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:32px;height:31px;background:url('../img/ico_search_5.png')no-repeat 11px 8px;background-size:15px 15px;} .search_area input {height:31px;padding:0 32px 0 32px;border-radius:5px;} .search_area .search .btn_delete {width:32px;height:31px;background:url('../img/btn_delete_2.png') no-repeat 11px 10px;background-size:10px 10px;} .floating_write {right:11px;bottom:11px;width:63px;height:63px;} .floating_write:lang(ar) {left:11px;right:auto;} .floating_chatbot {right:11px;bottom:11px;width:56px;height:56px;border-radius:56px;-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:16px 0 0 0;} .paging a, .paging span {min-width:7px;height:25px;margin:0 0 0 9px;padding:0 9px;line-height:24px;border-radius:5px;} .paging .btn_prev, .paging .btn_next {width:25px;margin:0 5px 0 0;background-size:25px 25px;} .paging .btn_next {width:25px;margin:0 0 0 14px;background-size:25px 25px;} .paging .btn_prev.off {background-size:25px 25px;} .paging .btn_next.off {background-size:25px 25px;} /* viewmore */ .btn_area_b {margin:16px 11px 0;} .btn_area_b.ty1 {margin-top:22px;} .btn_area_b.ty2 {margin-top:9px;} .btn_area_b.ty3 {margin-top:28px;} .btn_area_b .btn_view_more, .btn_area_b .btn_join, .btn_area_b .btn_start_game {height:38px;border-radius:5px;} /* viewmore */ .btn_area_c {margin:7px 11px 0;} .btn_area_c.ty1 {margin-top:22px;} .btn_area_c .btn_view_more, .btn_area_c .btn_join, .btn_area_c .btn_start_game {height:38px;border-radius:5px;} /* nocontents */ .nocontents {padding:65px 0 0 0;line-height:22px;} .nocontents.ty3 {padding:138px 0 0 0;} .nothing_txt {margin:39px 0 0 0;line-height:25px;} .nothing_txt.fs {margin:45px 0 0 0;padding:153px 11px 0;background-size:124px 122px;} .nothing_txt.frr {margin:66px 0 0 0;padding:163px 11px 0;background-size:172px 133px;} .nothing_txt.frs {margin:85px 0 0 0;padding:147px 11px 0;background-size:187px 118px;} .nothing_txt.cmf {margin:73px 0 0 0;padding:128px 11px 0;background-size:104px 101px;} .nothing_txt.cmn {margin:54px 0 0 0;padding:145px 11px 0;background-size:110px 122px;} .nothing_txt.cmp {margin:66px 0 0 0;padding:131px 11px 0;background-size:141px 108px;} .nothing_txt .txt1 {padding:15px 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 15px;line-height:18px;} .notice_box li.friends_rec a {height:86px;} .notice_box li.friends_rec .user_id {padding:16px 0 0 63px;} .notice_box li.friends_rec .image {width:45px;height:45px;left:11px;top:31px;} .notice_box li.friends_rec .image img {border-radius:28px;} .notice_box li.friends_rec .btn_area {right:5px;top:43px;background:url('../img/bg_bar.png') no-repeat 4px 5px;background-size:66px 21px;} .notice_box li.friends_rec .btn_area .btn_decline, .notice_box li.friends_rec .btn_area .btn_accept {width:32px;height:32px;margin:0 4px 0 0;background:url('../img/btn_decline.png') no-repeat 5px 5px;background-size:21px 21px;} .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:21px 21px;} .notice_box li.friends_rec .btn_delete {width:33px;height:33px;top:21px;background:url('../img/btn_delete_2.png') no-repeat 11px 11px;background-size:10px 10px;} .notice_box.new li {margin:14px 11px 11px;} .notice_box.new .date {margin:0 0 6px 0;line-height:14px;} .notice_box.new .geti {padding:9px 11px 0 11px;} /* error */ .error_tit {padding:41px 11px 31px;line-height:27px;} .error_tit.emc {margin:94px 0 0 0;padding:177px 11px 0;background-size:195px 145px;} .error_txt {margin:0 11px;line-height:24px;} /* popup */ .popup .contents {width:292px;padding:0 0 23px 0;} .popup.ty2 .contents {width:337px;} .popup.ty4 .contents {width:337px;} .popup.wc .contents {width:337px;} .popup .contents h1 {padding:7px 36px 7px 11px;border-bottom:1px solid #ccc;line-height:25px;} .popup .contents .txt {height:115px;padding:0 22px;line-height:21px;} .popup.ty4 .contents .txt {height:157px;line-height:19px;} .popup.ty4 .contents .txt b {line-height:20px;margin-top:6px;} .popup.ty4 .contents .delete {padding:0 22px;height:157px;line-height:20px;} .popup.ty4 .contents .delete strong {margin-bottom:18px;line-height:23px;} .popup.ty5 .contents .txt {height:180px;line-height:19px;} .popup.comd .contents .txt {padding:23px 22px 19px;} .popup.wc .contents .txt {line-height:18px;} .popup .contents .txt .copy {margin:16px 0 0 0;} .popup.ty2 .contents .box {height:346px;margin:60px 0 0 0;} .popup.ty2 .contents .box.link {height:194px;} .popup.ty2 .contents .box_2 {margin:60px 0 0 0;padding:0 0 28px 0;} .popup .contents .btn_list {margin:16px 22px 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:38px;border-radius:5px;} .popup .contents .btn_list li a, .popup .contents .btn_list li span {line-height:37px;} .popup .contents .sel_video_type {margin:16px 11px 16px;} .popup .contents .sel_video_type p:first-child {margin:0 0 11px 0;} .popup .contents .sel_video_type label {padding:0 0 0 27px;line-height:21px;background-size:21px 21px;} .popup .contents .sel_video_type label.checked {background-size:21px 21px;} .popup .contents .code_inp {margin:16px 11px 0;height:112px;} .popup .contents .code_inp.link {height:45px;} .popup .contents .code_inp textarea {height:90px;padding:11px 11px 0;line-height:20px;} .popup .contents .code_inp input {height:45px;padding:0 11px;line-height:20px;} .popup .contents .preview {margin:11px 11px 0;width:315px;height:177px;} .popup .contents .info_txt {margin:5px 11px 0;line-height:13px;} .popup .contents .info_txt2 {margin:7px 0 0 6px;line-height:16px;} .popup .contents .menu_list {bottom:11px;} .popup .contents .menu_list li {margin:0 11px 11px;} .popup .contents .menu_list li button {height:38px;border-radius:5px;} .popup .contents .sns_list {margin:20px 0 0 37px;} .popup .contents .sns_list li {margin:0 0 0 28px;} .popup .contents .sns_list li button {width:54px;height:54px;} .popup .contents .btn_ty_1, .popup .contents .btn_ty_3, .popup .contents .btn_ty_4 {min-width:118px;height:38px;padding:0 11px;border-radius:5px;} .popup .contents .btn_ty_3 {min-width:151px;} .popup .contents .btn_ty_4 {min-width:247px;} .popup .contents .btn_ty_5 {min-width:292px;height:38px;padding:0 11px;border-radius:5px;} .popup .contents .btn_area {padding:0 22px;} .popup .contents .btn_area .btn_ty_1, .popup .contents .btn_area .btn_ty_2 {height:38px;border-radius:5px;} .popup.ty2 .contents .btn_area {bottom:11px;padding:0 11px;} .popup .btn_close {width:36px;height:38px;background:url('../img/btn_delete_3.png') no-repeat 11px 12px;background-size:13px 13px;} .popup .btn_close_x {width:36px;height:38px;background:url('../img/btn_delete_3.png') no-repeat 11px 12px;background-size:13px 13px;} .popup.ty2 .btn_close {top:60px;} .popup .cha_tit, .popup .cha_txt, .popup .cha_txt_2 {padding:23px 11px 18px;line-height:21px;} .popup .cha_txt {padding:0 11px 7px;} .popup .cha_txt_2 {margin:0 0 9px 11px;padding:5px 0 0 10px;line-height:15px;text-indent:-10px;} .popup .contents .code_inp.cha {height:45px;} .popup .contents .txt .limit_l {padding:0 0 11px 0;} .popup .qrcode {margin:-98px 0 0 -160px;} .popup .qrcode strong {margin:0 0 16px 0;line-height:19px;} .popup .qrcode .img_qr img {width:157px;height:157px;} .popup .btn_close_qr {width:52px;height:55px;background:url('../img/btn_close.png') no-repeat 28px 12px;background-size:14px 14px;} .popup .friends_campain {width:337px;margin:49px 0 0 0;} .popup .friends_campain .image img {width:337px;height:337px;} .popup .friends_campain .info_box {height:141px;} .popup .friends_campain .info_box strong {padding:19px 0 10px 0;line-height:19px;} .popup .friends_campain .info_box p {padding:0 11px;line-height:15px;} .popup .friends_campain .navi {top:18px;} .popup .friends_campain .navi span {width:9px;height:9px;margin:0 11px 0 0;border-radius:5px;} .popup .friends_campain .btn_delete {width:163px;height:31px;margin:14px 0 0 0;line-height:29px;border-radius:5px;} .popup.ty2 .friends_campain .btn_close {background:url('../img/btn_delete_6.png') no-repeat 11px 12px;background-size:13px 13px;} .popup .weeknot {padding:20px 0 0 16px;} .popup .weeknot label {padding:3px 0 3px 27px;line-height:15px;background-size:21px 21px;} .popup .weeknot label.checked {background-size:21px 21px;} .popup .war {margin:22px 0 0 0;padding:7px 7px 9px 20px;line-height:15px;text-indent:-12px;} .popup .content_share {height:189px;padding-top:24px;} .popup .content_share h3 {margin-bottom:24px;} .popup .content_share li {margin-left:53px;} .popup .content_share .thumb {width:67px;height:67px;margin:0 auto 7px;} .popup .content_share .btn_close {width:47px;height:47px;} .popup.rating .contents h1 {padding:5px 36px 6px 11px;} .popup.comd.rating .contents .txt {padding:21px 22px 23px;} .popup.rating .contents .txt span {line-height:23px;margin-top:14px;} .popup.rating .contents ul {margin-top:12px;padding:0 16px 1px;} .popup.rating .contents li {margin-top:5px;padding-left:5px;line-height:15px;} .popup.rating .contents li:after {top:-3px;} /* New popup */ .popup.ty6 .contents {width:337px;padding-bottom:27px;} .popup.ty6 .contents h1 {padding:6px 36px 6px 11px;line-height:25px;} .popup.ty6 .contents .txt {padding:11px 22px 23px;} .popup.ty6 .contents .txt b {margin-top:6px;line-height:20px;} /* SNS Agree popup */ .popup.agree .contents {top:23px;bottom:23px;left:11px;right:11px;padding:27px 16px 34px;} .popup.agree .contents h1 {margin-bottom:22px;padding:0 36px 0 0;} .popup.agree .contents .txt {line-height:20px;} .popup.agree .btn_close {right:11px;top:23px;} .popup.agree h2 {margin:5px 0;} .popup.agree h3 {margin:5px 0;padding-left:16px;} /* footer */ #HIVEfooter {padding:16px 0;} #HIVEfooter .btn_login {width:139px;height:24px;margin:0 11px 0 0;line-height:24px;border-radius:5px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:140px;height:25px;padding:0 35px 0 0;line-height:18px; border:1px solid #eee;border-radius:5px;background-size:25px 24px;} #HIVEfooter .foot_con a {margin:10px 0 0 10px;padding:0 10px 0 0;line-height:16px;} #HIVEfooter .foot_con a:nth-of-type(1):after, *:lang(ja) #HIVEfooter .foot_con .btn_contactus:after {width:1px;height:15px;line-height:16px;} #HIVEfooter .foot_con a.btn_law {width:291px;height:24px;margin:10px 0 5px 0;line-height:24px;border-radius:5px;border:1px solid #eee;} #HIVEfooter .foot_con .btn_link_g, #HIVEfooter .foot_con .btn_link_c {padding:0 10px 0 15px;background:url('../img/ico_copy.png') no-repeat 0 3px;background-size:11px 11px;} #HIVEfooter .foot_con .btn_link {padding:0 10px 0 15px;background:url('../img/ico_copy.png') no-repeat 0 3px;background-size:11px 11px;} #HIVEfooter .copy span {margin:0 7px;} #HIVEfooter_new {padding:17px 11px 19px;} #HIVEfooter_new .sel_lang {right:11px;top:18px;height:19px;padding-right:20px;background-size:12px 12px;} #HIVEfooter_new ul {margin-bottom:26px;} #HIVEfooter_new li {margin-top:14px;} .elec_notice .logo {height:24px;padding:5px 0 5px 9px;} .elec_notice .logo h1 {width:75px;height:24px;} .elec_notice .s_tit {height:146px;padding-left:34px;} .elec_notice .list {padding:50px 22px;} .elec_notice .list li {margin-top:32px;padding-left:27px;background:url('../img/icon_pdf.png')no-repeat left 5px;background-size:15px 15px;} .elec_notice .list a {line-height:28px;} /* 2018-06-04 GDPR 대응 : 쿠키 안내 */ .gdpr_cookie {padding:11px 14px 28px;} .gdpr_cookie .cookie_guide ~ .cookie_guide {margin-top:5px;} .gdpr_cookie .cookie_accept {margin-top:16px;} .gdpr_cookie .cookie_accept .btn_accept {height:38px;border-radius:5px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:414px) and (max-width:479px) { html {font-size:40.43%;} #HIVEheader .native {height:43px;} #HIVEheader .native .logo, #HIVEheader .native .logo a {width:93px;height:43px;padding:0 12px 0 0;background:url('../img/logo_new.png') no-repeat 10px 50%;background-size:86px 28px;} #HIVEheader .native .my_info {height:32px;padding:11px 12px 0 12px;line-height:20px;} #HIVEheader .native .my_info img {width:20px;height:20px;} #HIVEheader .native .btn_login {height:43px;right:12px;padding:0 15px 0 0;line-height:43px;background:url('../img/ico_link_arrow_3.png') no-repeat 100% 13px;background-size:9px 16px;} #HIVEheader .gnb {height:43px;} #HIVEheader.ingameversion .gnb {margin:43px 0 0 0;} #HIVEheader .gnb.sub {height:44px;} #HIVEheader .gnb .tit_h2 {margin:0 38px;line-height:45px;} #HIVEheader .gnb .btn_menu {width:80px;height:43px;background:url('../img/btn_left_menu.png') no-repeat 12px 14px;background-size:16px 15px;} #HIVEheader .gnb.sub .btn_menu {background:url('../img/btn_left_menu_w.png') no-repeat 12px 14px;background-size:16px 15px;} #HIVEheader .gnb .btn_notice {width:42px;height:43px;background:url('../img/btn_notice_link.png') no-repeat 12px 13px;background-size:16px 17px;} #HIVEheader .gnb .btn_notice .new {width:18px;height:18px;right:2px;top:5px;background-size:18px 18px;} #HIVEheader .gnb .btn_prev {width:36px;height:44px;background:url('../img/ico_link_arrow_2.png') no-repeat 12px 13px;background-size:10px 16px;} #HIVEheader .gnb .btn_prev.ty2 {background:url('../img/ico_link_arrow_7.png') no-repeat 12px 13px;background-size:10px 16px;} #HIVEheader .gnb .btn_msgedit, #HIVEheader .gnb .btn_cancel, #HIVEheader .gnb .btn_finished {height:44px;right:12px;line-height:45px;} #HIVEheader .gnb .btn_write {width:42px;height:44px;background:url('../img/btn_write.png') no-repeat 12px 14px;background-size:16px 16px;} #HIVEheader .gnb .btn_write_2 {width:43px;height:44px;right:42px;background:url('../img/btn_write_3.png') no-repeat 12px 13px;background-size:17px 17px;} #HIVEheader .gnb .btn_refresh {width:44px;height:44px;background:url('../img/btn_refresh_2.png') no-repeat 12px 14px;background-size:18px 16px;} #HIVEheader .gnb .btn_close {width:41px;height:43px;background:url('../img/btn_delete_6.png') no-repeat 12px 14px;background-size:15px 15px;} #HIVEheader .gnb .btn_search {width:40px;height:44px;right:42px;background:url('../img/btn_search_3.png') no-repeat 10px 14px;background-size:18px 17px;} #HIVEheader .gnb .btn_search_2 {width:41px;height:44px;right:42px;background:url('../img/btn_search_4.png') no-repeat 11px 12px;background-size:18px 18px;} #HIVEheader .gnb .btn_delete {width:40px;height:43px;background:url('../img/btn_delete_7.png') no-repeat 12px 13px;background-size:14px 19px;} #HIVEheader .gnb .btn_mymess {width:44px;height:44px;background:url('../img/btn_mymess.png') no-repeat 12px 14px;background-size:18px 16px;} #HIVEheader .gnb .btn_mymess .new {width:18px;height:18px;right:2px;top:5px;background-size:18px 18px;} #HIVEheader .gnb .btn_inquire {width:44px;height:44px;background:url('../img/btn_inquire.png') no-repeat 12px 14px;background-size:18px 16px;} /* CHATBOT */ #HIVEcontainer {margin:-88px 0 0 0;} .HIVEcontents {padding:88px 0 32px 0;} #HIVEcontainer.msg .HIVEcontents, #HIVEcontainer.main .HIVEcontents {padding:88px 0 0 0;} #HIVEwrap.ingameheader #HIVEcontainer {margin:-44px 0 0 0;} #HIVEwrap.ingameheader .HIVEcontents {padding:44px 0 32px 0;} #HIVEwrap.ingameheader #HIVEcontainer.msg .HIVEcontents {padding:44px 0 0 0;} /* all_menu */ .all_menu {padding:43px 0 0 0;} .all_menu .all_menu_list {padding:14px 0 0 0;} .all_menu .all_menu_list li a {padding:18px 37px 18px;line-height:25px;} .all_menu .all_menu_list li a em {margin:0 0 0 12px;width:32px;height:25px;background-size:31px 16px;} .all_menu .btn_area span {margin:62px 38px 0;padding:0 0 32px 0;} .all_menu .btn_area .btn_log {height:43px;border-radius:6px;} .all_menu .version {bottom:32px;} .all_menu .version .ver_con {margin:0 12px;padding:12px 0 12px 0;line-height:19px;border-radius:6px;} /* tab */ .sub_tab {padding:0 12px;} .sub_tab .nav li {padding:0 0 0 9px;} .sub_tab.ty2 .nav li {padding:0 0 0 12px;} .sub_tab .nav li a {height:41px;line-height:43px;} .sub_tab .nav li a.selected {border-bottom:2px solid #2a84d8;} /* Faq Tab */ .faq_tab {height:44px;padding:0 12px;} .faq_tab a {line-height:43px;} .faq_tab .on a:after {height:2px;} /* select search */ .select_area {margin:0 0 12px 0;padding:12px 12px 0;} .select_area select {height:36px;margin:0 0 12px 0;padding:0 38px 0 10px;border-radius:6px;background-size:24px 6px;} .select_area select.off {background-size:24px 6px;} .select_area.ty2 {padding:12px;} .select_area.ty2 .btn_ty_1 {height:36px;border-radius:6px;} .select_area .search {margin:0 62px 0 0;border-radius:6px;} .select_area .search input {height:36px;padding:0 37px 0 12px;border-radius:6px;} .select_area .search .btn_delete {width:37px;height:36px;background:url('../img/btn_delete_2.png') no-repeat 12px 12px;background-size:12px 12px;} .select_area .btn_search {width:49px;height:36px;right:12px;top:12px;background-size:49px 36px;} .select_area.ty4 {padding:12px;} .select_area.ty4 .btn_ty_1 {height:36px;border-radius:6px;} .select_area.ty4 .app {margin:0 -12px 12px;padding:0 12px 12px;border-bottom:1px solid #ccc;} .search_area {margin:-12px 0 12px 0;padding:12px;border-bottom:1px solid #ccc;} .search_area .search {border-radius:6px;} .search_area .search:after {width:37px;height:36px;background:url('../img/ico_search_5.png')no-repeat 12px 9px;background-size:18px 17px;} .search_area input {height:36px;padding:0 37px 0 37px;border-radius:6px;} .search_area .search .btn_delete {width:37px;height:36px;background:url('../img/btn_delete_2.png') no-repeat 12px 12px;background-size:12px 12px;} .floating_write {right:12px;bottom:12px;width:72px;height:72px;} .floating_write:lang(ar) {left:12px;right:auto;} .floating_chatbot {right:12px;bottom:12px;width:65px;height:65px;border-radius:64px;-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:12px;} /* paging */ .paging {margin:19px 0 0 0;} .paging a, .paging span {min-width:9px;height:29px;margin:0 0 0 10px;padding:0 10px;line-height:28px;border-radius:6px;} .paging .btn_prev, .paging .btn_next {width:29px;margin:0 6px 0 0;background-size:29px 29px;} .paging .btn_next {width:29px;margin:0 0 0 16px;background-size:29px 29px;} .paging .btn_prev.off {background-size:29px 29px;} .paging .btn_next.off {background-size:29px 29px;} /* viewmore */ .btn_area_b {margin:19px 12px 0;} .btn_area_b.ty1 {margin-top:25px;} .btn_area_b.ty2 {margin-top:10px;} .btn_area_b.ty3 {margin-top:32px;} .btn_area_b .btn_view_more, .btn_area_b .btn_join, .btn_area_b .btn_start_game {height:43px;border-radius:6px;} /* viewmore */ .btn_area_c {margin:8px 12px 0;} .btn_area_c.ty1 {margin-top:25px;} .btn_area_c .btn_view_more, .btn_area_c .btn_join, .btn_area_c .btn_start_game {height:43px;border-radius:6px;} /* nocontents */ .nocontents {padding:75px 0 0 0;line-height:25px;} .nocontents.ty3 {padding:159px 0 0 0;} .nothing_txt {margin:45px 0 0 0;line-height:29px;} .nothing_txt.fs {margin:51px 0 0 0;padding:175px 12px 0;background-size:142px 140px;} .nothing_txt.frr {margin:76px 0 0 0;padding:187px 12px 0;background-size:198px 153px;} .nothing_txt.frs {margin:98px 0 0 0;padding:169px 12px 0;background-size:216px 135px;} .nothing_txt.cmf {margin:84px 0 0 0;padding:147px 12px 0;background-size:120px 117px;} .nothing_txt.cmn {margin:62px 0 0 0;padding:166px 12px 0;background-size:126px 140px;} .nothing_txt.cmp {margin:76px 0 0 0;padding:151px 12px 0;background-size:163px 124px;} .nothing_txt .txt1 {padding:18px 0 0 0;} /* notice */ .notice_box {margin:12px 0 0;} .notice_box li {margin:12px;} .notice_box .geti {padding:10px 0 0 12px;} .notice_box .date {right:12px;top:11px;} .notice_box .txt {padding:10px 12px 18px;line-height:20px;} .notice_box li.friends_rec a {height:99px;} .notice_box li.friends_rec .user_id {padding:19px 0 0 72px;} .notice_box li.friends_rec .image {width:51px;height:51px;left:12px;top:36px;} .notice_box li.friends_rec .image img {border-radius:32px;} .notice_box li.friends_rec .btn_area {right:6px;top:50px;background:url('../img/bg_bar.png') no-repeat 5px 6px;background-size:76px 24px;} .notice_box li.friends_rec .btn_area .btn_decline, .notice_box li.friends_rec .btn_area .btn_accept {width:37px;height:37px;margin:0 5px 0 0;background:url('../img/btn_decline.png') no-repeat 6px 6px;background-size:24px 24px;} .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:24px 24px;} .notice_box li.friends_rec .btn_delete {width:38px;height:38px;top:25px;background:url('../img/btn_delete_2.png') no-repeat 12px 12px;background-size:12px 12px;} .notice_box.new li {margin:16px 12px 12px;} .notice_box.new .date {margin:0 0 7px 0;line-height:16px;} .notice_box.new .geti {padding:10px 12px 0 12px;} /* error */ .error_tit {padding:47px 12px 36px;line-height:31px;} .error_tit.emc {margin:108px 0 0 0;padding:204px 12px 0;background-size:225px 167px;} .error_txt {margin:0 12px;line-height:28px;} /* popup */ .popup .contents {width:336px;padding:0 0 26px 0;} .popup.ty2 .contents {width:388px;} .popup.ty4 .contents {width:388px;} .popup.wc .contents {width:388px;} .popup .contents h1 {padding:9px 41px 9px 12px;border-bottom:1px solid #ccc;line-height:29px;} .popup .contents .txt {height:133px;padding:0 25px;line-height:24px;} .popup.ty4 .contents .txt {height:181px;line-height:21px;} .popup.ty4 .contents .txt b {line-height:23px;margin-top:7px;} .popup.ty4 .contents .delete {padding:0 25px;height:181px;line-height:23px;} .popup.ty4 .contents .delete strong {margin-bottom:20px;line-height:27px;} .popup.ty5 .contents .txt {height:207px;line-height:21px;} .popup.comd .contents .txt {padding:27px 25px 21px;} .popup.wc .contents .txt {line-height:20px;} .popup .contents .txt .copy {margin:19px 0 0 0;} .popup.ty2 .contents .box {height:398px;margin:69px 0 0 0;} .popup.ty2 .contents .box.link {height:223px;} .popup.ty2 .contents .box_2 {margin:69px 0 0 0;padding:0 0 32px 0;} .popup .contents .btn_list {margin:19px 25px 0;} .popup .contents .btn_list li {margin:12px 0 0 0;} .popup .contents .btn_list li a, .popup .contents .btn_list li button, .popup .contents .btn_list li span {height:43px;border-radius:6px;} .popup .contents .btn_list li a, .popup .contents .btn_list li span {line-height:42px;} .popup .contents .sel_video_type {margin:19px 12px 19px;} .popup .contents .sel_video_type p:first-child {margin:0 0 12px 0;} .popup .contents .sel_video_type label {padding:0 0 0 31px;line-height:24px;background-size:25px 24px;} .popup .contents .sel_video_type label.checked {background-size:25px 24px;} .popup .contents .code_inp {margin:19px 12px 0;height:129px;} .popup .contents .code_inp.link {height:51px;} .popup .contents .code_inp textarea {height:103px;padding:12px 12px 0;line-height:23px;} .popup .contents .code_inp input {height:51px;padding:0 12px;line-height:23px;} .popup .contents .preview {margin:12px 12px 0;width:362px;height:203px;} .popup .contents .info_txt {margin:6px 12px 0;line-height:15px;} .popup .contents .info_txt2 {margin:9px 0 0 7px;line-height:19px;} .popup .contents .menu_list {bottom:12px;} .popup .contents .menu_list li {margin:0 12px 12px;} .popup .contents .menu_list li button {height:43px;border-radius:6px;} .popup .contents .sns_list {margin:23px 0 0 42px;} .popup .contents .sns_list li {margin:0 0 0 32px;} .popup .contents .sns_list li button {width:62px;height:62px;} .popup .contents .btn_ty_1, .popup .contents .btn_ty_3, .popup .contents .btn_ty_4 {min-width:135px;height:43px;padding:0 12px;border-radius:6px;} .popup .contents .btn_ty_3 {min-width:174px;} .popup .contents .btn_ty_4 {min-width:284px;} .popup .contents .btn_ty_5 {min-width:336px;height:43px;padding:0 12px;border-radius:6px;} .popup .contents .btn_area {padding:0 25px;} .popup .contents .btn_area .btn_ty_1, .popup .contents .btn_area .btn_ty_2 {height:43px;border-radius:6px;} .popup.ty2 .contents .btn_area {bottom:12px;padding:0 12px;} .popup .btn_close {width:41px;height:43px;background:url('../img/btn_delete_3.png') no-repeat 12px 14px;background-size:15px 15px;} .popup .btn_close_x {width:41px;height:43px;background:url('../img/btn_delete_3.png') no-repeat 12px 14px;background-size:15px 15px;} .popup.ty2 .btn_close {top:69px;} .popup .cha_tit, .popup .cha_txt, .popup .cha_txt_2 {padding:27px 12px 20px;line-height:24px;} .popup .cha_txt {padding:0 12px 9px;} .popup .cha_txt_2 {margin:0 0 10px 12px;padding:6px 0 0 11px;line-height:18px;text-indent:-11px;} .popup .contents .code_inp.cha {height:51px;} .popup .contents .txt .limit_l {padding:0 0 12px 0;} .popup .qrcode {margin:-113px 0 0 -184px;} .popup .qrcode strong {margin:0 0 19px 0;line-height:21px;} .popup .qrcode .img_qr img {width:181px;height:181px;} .popup .btn_close_qr {width:60px;height:63px;background:url('../img/btn_close.png') no-repeat 32px 14px;background-size:16px 16px;} .popup .friends_campain {width:388px;margin:56px 0 0 0;} .popup .friends_campain .image img {width:388px;height:388px;} .popup .friends_campain .info_box {height:163px;} .popup .friends_campain .info_box strong {padding:21px 0 11px 0;line-height:21px;} .popup .friends_campain .info_box p {padding:0 12px;line-height:18px;} .popup .friends_campain .navi {top:21px;} .popup .friends_campain .navi span {width:10px;height:10px;margin:0 12px 0 0;border-radius:6px;} .popup .friends_campain .btn_delete {width:187px;height:36px;margin:16px 0 0 0;line-height:33px;border-radius:6px;} .popup.ty2 .friends_campain .btn_close {background:url('../img/btn_delete_6.png') no-repeat 12px 14px;background-size:15px 15px;} .popup .weeknot {padding:23px 0 0 19px;} .popup .weeknot label {padding:3px 0 4px 31px;line-height:18px;background-size:24px 24px;} .popup .weeknot label.checked {background-size:24px 24px;} .popup .war {margin:25px 0 0 0;padding:9px 9px 10px 23px;line-height:18px;text-indent:-14px;} .popup .content_share {height:217px;padding-top:28px;} .popup .content_share h3 {margin-bottom:27px;} .popup .content_share li {margin-left:61px;} .popup .content_share .thumb {width:77px;height:77px;margin:0 auto 9px;} .popup .content_share .btn_close {width:54px;height:54px;} .popup.rating .contents h1 {padding:6px 41px 7px 12px;} .popup.comd.rating .contents .txt {padding:25px 25px 26px;} .popup.rating .contents .txt span {line-height:27px;margin-top:16px;} .popup.rating .contents ul {margin-top:14px;padding:0 19px 1px;} .popup.rating .contents li {margin-top:5px;padding-left:6px;line-height:18px;} .popup.rating .contents li:after {top:-3px;} /* New popup */ .popup.ty6 .contents {width:388px;padding-bottom:31px;} .popup.ty6 .contents h1 {padding:7px 41px 7px 12px;line-height:29px;} .popup.ty6 .contents .txt {padding:12px 25px 27px;} .popup.ty6 .contents .txt b {margin-top:7px;line-height:23px;} /* SNS Agree popup */ .popup.agree .contents {top:26px;bottom:26px;left:12px;right:12px;padding:31px 19px 40px;} .popup.agree .contents h1 {margin-bottom:25px;padding:0 41px 0 0;} .popup.agree .contents .txt {line-height:23px;} .popup.agree .btn_close {right:12px;top:26px;} .popup.agree h2 {margin:6px 0;} .popup.agree h3 {margin:6px 0;padding-left:19px;} /* footer */ #HIVEfooter {padding:19px 0;} #HIVEfooter .btn_login {width:160px;height:28px;margin:0 12px 0 0;line-height:28px;border-radius:6px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:161px;height:29px;padding:0 40px 0 0;line-height:20px; border:1px solid #eee;border-radius:6px;background-size:29px 28px;} #HIVEfooter .foot_con a {margin:11px 0 0 11px;padding:0 11px 0 0;line-height:19px;} #HIVEfooter .foot_con a:nth-of-type(1):after, *:lang(ja) #HIVEfooter .foot_con .btn_contactus:after {width:1px;height:18px;line-height:19px;} #HIVEfooter .foot_con a.btn_law {width:335px;height:28px;margin:11px 0 6px 0;line-height:28px;border-radius:6px;border:1px solid #eee;} #HIVEfooter .foot_con .btn_link_g, #HIVEfooter .foot_con .btn_link_c {padding:0 11px 0 18px;background:url('../img/ico_copy.png') no-repeat 0 3px;background-size:12px 12px;} #HIVEfooter .foot_con .btn_link {padding:0 11px 0 18px;background:url('../img/ico_copy.png') no-repeat 0 3px;background-size:12px 12px;} #HIVEfooter .copy span {margin:0 9px;} #HIVEfooter_new {padding:20px 12px 22px;} #HIVEfooter_new .sel_lang {right:12px;top:20px;height:22px;padding-right:23px;background-size:14px 14px;} #HIVEfooter_new ul {margin-bottom:30px;} #HIVEfooter_new li {margin-top:16px;} .elec_notice .logo {height:28px;padding:6px 0 6px 10px;} .elec_notice .logo h1 {width:86px;height:28px;} .elec_notice .s_tit {height:168px;padding-left:39px;} .elec_notice .list {padding:58px 25px;} .elec_notice .list li {margin-top:36px;padding-left:31px;background:url('../img/icon_pdf.png')no-repeat left 6px;background-size:18px 18px;} .elec_notice .list a {line-height:32px;} /* 2018-06-04 GDPR 대응 : 쿠키 안내 */ .gdpr_cookie {padding:12px 16px 32px;} .gdpr_cookie .cookie_guide ~ .cookie_guide {margin-top:6px;} .gdpr_cookie .cookie_accept {margin-top:19px;} .gdpr_cookie .cookie_accept .btn_accept {height:43px;border-radius:6px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:480px) and (max-width:599px) { html {font-size:46.88%;} #HIVEheader .native {height:51px;} #HIVEheader .native .logo, #HIVEheader .native .logo a {width:108px;height:51px;padding:0 15px 0 0;background:url('../img/logo_new.png') no-repeat 12px 50%;background-size:100px 33px;} #HIVEheader .native .my_info {height:37px;padding:13px 15px 0 15px;line-height:24px;} #HIVEheader .native .my_info img {width:24px;height:24px;} #HIVEheader .native .btn_login {height:51px;right:15px;padding:0 18px 0 0;line-height:51px;background:url('../img/ico_link_arrow_3.png') no-repeat 100% 15px;background-size:11px 19px;} #HIVEheader .gnb {height:51px;} #HIVEheader.ingameversion .gnb {margin:51px 0 0 0;} #HIVEheader .gnb.sub {height:51px;} #HIVEheader .gnb .tit_h2 {margin:0 45px;line-height:52px;} #HIVEheader .gnb .btn_menu {width:93px;height:51px;background:url('../img/btn_left_menu.png') no-repeat 15px 16px;background-size:18px 18px;} #HIVEheader .gnb.sub .btn_menu {background:url('../img/btn_left_menu_w.png') no-repeat 15px 16px;background-size:18px 18px;} #HIVEheader .gnb .btn_notice {width:48px;height:51px;background:url('../img/btn_notice_link.png') no-repeat 15px 15px;background-size:18px 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:51px;background:url('../img/ico_link_arrow_2.png') no-repeat 15px 15px;background-size:12px 19px;} #HIVEheader .gnb .btn_prev.ty2 {background:url('../img/ico_link_arrow_7.png') no-repeat 15px 15px;background-size:12px 19px;} #HIVEheader .gnb .btn_msgedit, #HIVEheader .gnb .btn_cancel, #HIVEheader .gnb .btn_finished {height:51px;right:15px;line-height:52px;} #HIVEheader .gnb .btn_write {width:49px;height:51px;background:url('../img/btn_write.png') no-repeat 15px 17px;background-size:19px 19px;} #HIVEheader .gnb .btn_write_2 {width:50px;height:51px;right:49px;background:url('../img/btn_write_3.png') no-repeat 15px 15px;background-size:20px 20px;} #HIVEheader .gnb .btn_refresh {width:51px;height:51px;background:url('../img/btn_refresh_2.png') no-repeat 15px 16px;background-size:21px 18px;} #HIVEheader .gnb .btn_close {width:48px;height:51px;background:url('../img/btn_delete_6.png') no-repeat 15px 16px;background-size:18px 18px;} #HIVEheader .gnb .btn_search {width:46px;height:51px;right:49px;background:url('../img/btn_search_3.png') no-repeat 12px 17px;background-size:21px 20px;} #HIVEheader .gnb .btn_search_2 {width:48px;height:51px;right:49px;background:url('../img/btn_search_4.png') no-repeat 13px 15px;background-size:21px 21px;} #HIVEheader .gnb .btn_delete {width:47px;height:51px;background:url('../img/btn_delete_7.png') no-repeat 14px 15px;background-size:16px 22px;} #HIVEheader .gnb .btn_mymess {width:51px;height:51px;background:url('../img/btn_mymess.png') no-repeat 15px 16px;background-size:21px 19px;} #HIVEheader .gnb .btn_mymess .new {width:21px;height:21px;right:3px;top:6px;background-size:21px 21px;} #HIVEheader .gnb .btn_inquire {width:51px;height:51px;background:url('../img/btn_inquire.png') no-repeat 15px 16px;background-size:21px 19px;} /* CHATBOT */ #HIVEcontainer {margin:-102px 0 0 0;} .HIVEcontents {padding:102px 0 37px 0;} #HIVEcontainer.msg .HIVEcontents, #HIVEcontainer.main .HIVEcontents {padding:102px 0 0 0;} #HIVEwrap.ingameheader #HIVEcontainer {margin:-51px 0 0 0;} #HIVEwrap.ingameheader .HIVEcontents {padding:51px 0 37px 0;} #HIVEwrap.ingameheader #HIVEcontainer.msg .HIVEcontents {padding:51px 0 0 0;} /* all_menu */ .all_menu {padding:51px 0 0 0;} .all_menu .all_menu_list {padding:16px 0 0 0;} .all_menu .all_menu_list li a {padding:21px 43px 21px;line-height:30px;} .all_menu .all_menu_list li a em {margin:0 0 0 14px;width:37px;height:30px;background-size:36px 19px;} .all_menu .btn_area span {margin:72px 45px 0;padding:0 0 37px 0;} .all_menu .btn_area .btn_log {height:51px;border-radius:7px;} .all_menu .version {bottom:37px;} .all_menu .version .ver_con {margin:0 15px;padding:15px 0 15px 0;line-height:22px;border-radius:7px;} /* tab */ .sub_tab {padding:0 15px;} .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:48px;line-height:51px;} .sub_tab .nav li a.selected {border-bottom:3px solid #2a84d8;} /* Faq Tab */ .faq_tab {height:51px;padding:0 15px;} .faq_tab a {line-height:50px;} .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 45px 0 12px;border-radius:7px;background-size:28px 7px;} .select_area select.off {background-size:28px 7px;} .select_area.ty2 {padding:15px;} .select_area.ty2 .btn_ty_1 {height:42px;border-radius:7px;} .select_area .search {margin:0 72px 0 0;border-radius:7px;} .select_area .search input {height:42px;padding:0 43px 0 15px;border-radius:7px;} .select_area .search .btn_delete {width:43px;height:42px;background:url('../img/btn_delete_2.png') no-repeat 15px 14px;background-size:14px 14px;} .select_area .btn_search {width:57px;height:42px;right:15px;top:15px;background-size:57px 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:43px;height:42px;background:url('../img/ico_search_5.png')no-repeat 15px 11px;background-size:21px 20px;} .search_area input {height:42px;padding:0 43px 0 43px;border-radius:7px;} .search_area .search .btn_delete {width:43px;height:42px;background:url('../img/btn_delete_2.png') no-repeat 15px 14px;background-size:14px 14px;} .floating_write {right:15px;bottom:15px;width:84px;height:84px;} .floating_write:lang(ar) {left:15px;right:auto;} .floating_chatbot {right:15px;bottom:15px;width:75px;height:75px;border-radius:75px;-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:22px 0 0 0;} .paging a, .paging span {min-width:10px;height:34px;margin:0 0 0 12px;padding:0 12px;line-height:33px;border-radius:7px;} .paging .btn_prev, .paging .btn_next {width:34px;margin:0 7px 0 0;background-size:34px 34px;} .paging .btn_next {width:34px;margin:0 0 0 19px;background-size:34px 34px;} .paging .btn_prev.off {background-size:34px 34px;} .paging .btn_next.off {background-size:34px 34px;} /* viewmore */ .btn_area_b {margin:22px 15px 0;} .btn_area_b.ty1 {margin-top:30px;} .btn_area_b.ty2 {margin-top:12px;} .btn_area_b.ty3 {margin-top:37px;} .btn_area_b .btn_view_more, .btn_area_b .btn_join, .btn_area_b .btn_start_game {height:51px;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:51px;border-radius:7px;} /* nocontents */ .nocontents {padding:87px 0 0 0;line-height:30px;} .nocontents.ty3 {padding:184px 0 0 0;} .nothing_txt {margin:52px 0 0 0;line-height:34px;} .nothing_txt.fs {margin:60px 0 0 0;padding:204px 15px 0;background-size:165px 162px;} .nothing_txt.frr {margin:88px 0 0 0;padding:217px 15px 0;background-size:230px 177px;} .nothing_txt.frs {margin:114px 0 0 0;padding:196px 15px 0;background-size:250px 157px;} .nothing_txt.cmf {margin:97px 0 0 0;padding:171px 15px 0;background-size:139px 135px;} .nothing_txt.cmn {margin:72px 0 0 0;padding:193px 15px 0;background-size:147px 162px;} .nothing_txt.cmp {margin:88px 0 0 0;padding:175px 15px 0;background-size:189px 144px;} .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:115px;} .notice_box li.friends_rec .user_id {padding:22px 0 0 84px;} .notice_box li.friends_rec .image {width:60px;height:60px;left:15px;top:42px;} .notice_box li.friends_rec .image img {border-radius:37px;} .notice_box li.friends_rec .btn_area {right:7px;top:58px;background:url('../img/bg_bar.png') no-repeat 6px 7px;background-size:88px 28px;} .notice_box li.friends_rec .btn_area .btn_decline, .notice_box li.friends_rec .btn_area .btn_accept {width:43px;height:43px;margin:0 6px 0 0;background:url('../img/btn_decline.png') no-repeat 7px 7px;background-size:28px 28px;} .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:28px 28px;} .notice_box li.friends_rec .btn_delete {width:44px;height:44px;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:55px 15px 42px;line-height:36px;} .error_tit.emc {margin:126px 0 0 0;padding:237px 15px 0;background-size:261px 194px;} .error_txt {margin:0 15px;line-height:33px;} /* popup */ .popup .contents {width:390px;padding:0 0 30px 0;} .popup.ty2 .contents {width:450px;} .popup.ty4 .contents {width:450px;} .popup.wc .contents {width:450px;} .popup .contents h1 {padding:10px 48px 10px 15px;border-bottom:1px solid #ccc;line-height:34px;} .popup .contents .txt {height:154px;padding:0 30px;line-height:28px;} .popup.ty4 .contents .txt {height:210px;line-height:25px;} .popup.ty4 .contents .txt b {line-height:27px;margin-top:9px;} .popup.ty4 .contents .delete {padding:0 30px;height:210px;line-height:27px;} .popup.ty4 .contents .delete strong {margin-bottom:24px;line-height:31px;} .popup.ty5 .contents .txt {height:240px;line-height:25px;} .popup.comd .contents .txt {padding:31px 30px 25px;} .popup.wc .contents .txt {line-height:24px;} .popup .contents .txt .copy {margin:22px 0 0 0;} .popup.ty2 .contents .box {height:462px;margin:81px 0 0 0;} .popup.ty2 .contents .box.link {height:259px;} .popup.ty2 .contents .box_2 {margin:81px 0 0 0;padding:0 0 37px 0;} .popup .contents .btn_list {margin:22px 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:51px;border-radius:7px;} .popup .contents .btn_list li a, .popup .contents .btn_list li span {line-height:49px;} .popup .contents .sel_video_type {margin:22px 15px 22px;} .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:28px;background-size:29px 28px;} .popup .contents .sel_video_type label.checked {background-size:29px 28px;} .popup .contents .code_inp {margin:22px 15px 0;height:150px;} .popup .contents .code_inp.link {height:60px;} .popup .contents .code_inp textarea {height:120px;padding:15px 15px 0;line-height:27px;} .popup .contents .code_inp input {height:60px;padding:0 15px;line-height:27px;} .popup .contents .preview {margin:15px 15px 0;width:420px;height:236px;} .popup .contents .info_txt {margin:7px 15px 0;line-height:18px;} .popup .contents .info_txt2 {margin:10px 0 0 9px;line-height:22px;} .popup .contents .menu_list {bottom:15px;} .popup .contents .menu_list li {margin:0 15px 15px;} .popup .contents .menu_list li button {height:51px;border-radius:7px;} .popup .contents .sns_list {margin:27px 0 0 49px;} .popup .contents .sns_list li {margin:0 0 0 37px;} .popup .contents .sns_list li button {width:72px;height:72px;} .popup .contents .btn_ty_1, .popup .contents .btn_ty_3, .popup .contents .btn_ty_4 {min-width:157px;height:51px;padding:0 15px;border-radius:7px;} .popup .contents .btn_ty_3 {min-width:202px;} .popup .contents .btn_ty_4 {min-width:330px;} .popup .contents .btn_ty_5 {min-width:390px;height:51px;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:51px;border-radius:7px;} .popup.ty2 .contents .btn_area {bottom:15px;padding:0 15px;} .popup .btn_close {width:48px;height:51px;background:url('../img/btn_delete_3.png') no-repeat 15px 16px;background-size:18px 18px;} .popup .btn_close_x {width:48px;height:51px;background:url('../img/btn_delete_3.png') no-repeat 15px 16px;background-size:18px 18px;} .popup.ty2 .btn_close {top:81px;} .popup .cha_tit, .popup .cha_txt, .popup .cha_txt_2 {padding:31px 15px 24px;line-height:28px;} .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:60px;} .popup .contents .txt .limit_l {padding:0 0 15px 0;} .popup .qrcode {margin:-131px 0 0 -213px;} .popup .qrcode strong {margin:0 0 22px 0;line-height:25px;} .popup .qrcode .img_qr img {width:210px;height:210px;} .popup .btn_close_qr {width:70px;height:73px;background:url('../img/btn_close.png') no-repeat 37px 16px;background-size:18px 18px;} .popup .friends_campain {width:450px;margin:66px 0 0 0;} .popup .friends_campain .image img {width:450px;height:450px;} .popup .friends_campain .info_box {height:189px;} .popup .friends_campain .info_box strong {padding:25px 0 13px 0;line-height:25px;} .popup .friends_campain .info_box p {padding:0 15px;line-height:21px;} .popup .friends_campain .navi {top:24px;} .popup .friends_campain .navi span {width:12px;height:12px;margin:0 15px 0 0;border-radius:7px;} .popup .friends_campain .btn_delete {width:217px;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 22px;} .popup .weeknot label {padding:4px 0 5px 36px;line-height:21px;background-size:28px 28px;} .popup .weeknot label.checked {background-size:28px 28px;} .popup .war {margin:30px 0 0 0;padding:10px 10px 12px 27px;line-height:21px;text-indent:-16px;} .popup .content_share {height:252px;padding-top:33px;} .popup .content_share h3 {margin-bottom:32px;} .popup .content_share li {margin-left:71px;} .popup .content_share .thumb {width:90px;height:90px;margin:0 auto 10px;} .popup .content_share .btn_close {width:63px;height:63px;} .popup.rating .contents h1 {padding:7px 48px 9px 15px;} .popup.comd.rating .contents .txt {padding:29px 30px 30px;} .popup.rating .contents .txt span {line-height:31px;margin-top:19px;} .popup.rating .contents ul {margin-top:16px;padding:0 22px 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:450px;padding-bottom:36px;} .popup.ty6 .contents h1 {padding:8px 48px 8px 15px;line-height:34px;} .popup.ty6 .contents .txt {padding:15px 30px 31px;} .popup.ty6 .contents .txt b {margin-top:9px;line-height:27px;} /* SNS Agree popup */ .popup.agree .contents {top:30px;bottom:30px;left:15px;right:15px;padding:36px 22px 46px;} .popup.agree .contents h1 {margin-bottom:30px;padding:0 48px 0 0;} .popup.agree .contents .txt {line-height:27px;} .popup.agree .btn_close {right:15px;top:30px;} .popup.agree h2 {margin:7px 0;} .popup.agree h3 {margin:7px 0;padding-left:22px;} /* footer */ #HIVEfooter {padding:22px 0;} #HIVEfooter .btn_login {width:186px;height:33px;margin:0 15px 0 0;line-height:33px;border-radius:7px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:187px;height:34px;padding:0 47px 0 0;line-height:24px; border:1px solid #eee;border-radius:7px;background-size:34px 33px;} #HIVEfooter .foot_con a {margin:13px 0 0 13px;padding:0 13px 0 0;line-height:22px;} #HIVEfooter .foot_con a:nth-of-type(1):after, *:lang(ja) #HIVEfooter .foot_con .btn_contactus:after {width:1px;height:21px;line-height:22px;} #HIVEfooter .foot_con a.btn_law {width:388px;height:33px;margin:13px 0 7px 0;line-height:33px;border-radius:7px;border:1px solid #eee;} #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:35px;} #HIVEfooter_new li {margin-top:19px;} .elec_notice .logo {height:33px;padding:7px 0 7px 12px;} .elec_notice .logo h1 {width:100px;height:33px;} .elec_notice .s_tit {height:195px;padding-left:45px;} .elec_notice .list {padding:67px 30px;} .elec_notice .list li {margin-top:42px;padding-left:36px;background:url('../img/icon_pdf.png')no-repeat left 7px;background-size:21px 21px;} .elec_notice .list a {line-height:37px;} /* 2018-06-04 GDPR 대응 : 쿠키 안내 */ .gdpr_cookie {padding:15px 18px 37px;} .gdpr_cookie .cookie_guide ~ .cookie_guide {margin-top:7px;} .gdpr_cookie .cookie_accept {margin-top:22px;} .gdpr_cookie .cookie_accept .btn_accept {height:51px;border-radius:7px;} } /* ------------------------------------------------------------------------------------------------------------------------------------------------- */ @media (min-width:600px) and (max-width:639px) { html {font-size:58.59%;} #HIVEheader .native {height:63px;} #HIVEheader .native .logo, #HIVEheader .native .logo a {width:135px;height:63px;padding:0 18px 0 0;background:url('../img/logo_new.png') no-repeat 15px 50%;background-size:125px 41px;} #HIVEheader .native .my_info {height:46px;padding:16px 18px 0 18px;line-height:30px;} #HIVEheader .native .my_info img {width:30px;height:30px;} #HIVEheader .native .btn_login {height:63px;right:18px;padding:0 22px 0 0;line-height:63px;background:url('../img/ico_link_arrow_3.png') no-repeat 100% 19px;background-size:14px 24px;} #HIVEheader .gnb {height:63px;} #HIVEheader.ingameversion .gnb {margin:63px 0 0 0;} #HIVEheader .gnb.sub {height:64px;} #HIVEheader .gnb .tit_h2 {margin:0 56px;line-height:65px;} #HIVEheader .gnb .btn_menu {width:117px;height:63px;background:url('../img/btn_left_menu.png') no-repeat 18px 20px;background-size:23px 22px;} #HIVEheader .gnb.sub .btn_menu {background:url('../img/btn_left_menu_w.png') no-repeat 18px 20px;background-size:23px 22px;} #HIVEheader .gnb .btn_notice {width:60px;height:63px;background:url('../img/btn_notice_link.png') no-repeat 18px 19px;background-size:23px 25px;} #HIVEheader .gnb .btn_notice .new {width:26px;height:26px;right:3px;top:7px;background-size:26px 26px;} #HIVEheader .gnb .btn_prev {width:52px;height:64px;background:url('../img/ico_link_arrow_2.png') no-repeat 18px 19px;background-size:15px 24px;} #HIVEheader .gnb .btn_prev.ty2 {background:url('../img/ico_link_arrow_7.png') no-repeat 18px 19px;background-size:15px 24px;} #HIVEheader .gnb .btn_msgedit, #HIVEheader .gnb .btn_cancel, #HIVEheader .gnb .btn_finished {height:64px;right:18px;line-height:65px;} #HIVEheader .gnb .btn_write {width:61px;height:64px;background:url('../img/btn_write.png') no-repeat 18px 21px;background-size:24px 24px;} #HIVEheader .gnb .btn_write_2 {width:62px;height:64px;right:61px;background:url('../img/btn_write_3.png') no-repeat 18px 19px;background-size:25px 25px;} #HIVEheader .gnb .btn_refresh {width:64px;height:64px;background:url('../img/btn_refresh_2.png') no-repeat 18px 20px;background-size:27px 23px;} #HIVEheader .gnb .btn_close {width:60px;height:63px;background:url('../img/btn_delete_6.png') no-repeat 18px 20px;background-size:22px 22px;} #HIVEheader .gnb .btn_search {width:58px;height:64px;right:61px;background:url('../img/btn_search_3.png') no-repeat 15px 21px;background-size:26px 25px;} #HIVEheader .gnb .btn_search_2 {width:60px;height:64px;right:61px;background:url('../img/btn_search_4.png') no-repeat 16px 18px;background-size:26px 26px;} #HIVEheader .gnb .btn_delete {width:59px;height:63px;background:url('../img/btn_delete_7.png') no-repeat 17px 19px;background-size:20px 28px;} #HIVEheader .gnb .btn_mymess {width:64px;height:64px;background:url('../img/btn_mymess.png') no-repeat 18px 20px;background-size:27px 24px;} #HIVEheader .gnb .btn_mymess .new {width:26px;height:26px;right:3px;top:7px;background-size:26px 26px;} #HIVEheader .gnb .btn_inquire {width:64px;height:64px;background:url('../img/btn_inquire.png') no-repeat 18px 20px;background-size:27px 24px;} /* CHATBOT */ #HIVEcontainer {margin:-128px 0 0 0;} .HIVEcontents {padding:128px 0 46px 0;} #HIVEcontainer.msg .HIVEcontents, #HIVEcontainer.main .HIVEcontents {padding:128px 0 0 0;} #HIVEwrap.ingameheader #HIVEcontainer {margin:-64px 0 0 0;} #HIVEwrap.ingameheader .HIVEcontents {padding:64px 0 46px 0;} #HIVEwrap.ingameheader #HIVEcontainer.msg .HIVEcontents {padding:64px 0 0 0;} /* all_menu */ .all_menu {padding:63px 0 0 0;} .all_menu .all_menu_list {padding:20px 0 0 0;} .all_menu .all_menu_list li a {padding:26px 54px 26px;line-height:37px;} .all_menu .all_menu_list li a em {margin:0 0 0 17px;width:46px;height:37px;background-size:45px 24px;} .all_menu .btn_area span {margin:90px 56px 0;padding:0 0 46px 0;} .all_menu .btn_area .btn_log {height:63px;border-radius:9px;} .all_menu .version {bottom:46px;} .all_menu .version .ver_con {margin:0 18px;padding:18px 0 18px 0;line-height:28px;border-radius:9px;} /* tab */ .sub_tab {padding:0 18px;} .sub_tab .nav li {padding:0 0 0 14px;} .sub_tab.ty2 .nav li {padding:0 0 0 18px;} .sub_tab .nav li a {height:60px;line-height:63px;} .sub_tab .nav li a.selected {border-bottom:3px solid #2a84d8;} /* Faq Tab */ .faq_tab {height:64px;padding:0 18px;} .faq_tab a {line-height:62px;} .faq_tab .on a:after {height:3px;} /* select search */ .select_area {margin:0 0 18px 0;padding:18px 18px 0;} .select_area select {height:52px;margin:0 0 18px 0;padding:0 56px 0 15px;border-radius:9px;background-size:35px 9px;} .select_area select.off {background-size:35px 9px;} .select_area.ty2 {padding:18px;} .select_area.ty2 .btn_ty_1 {height:52px;border-radius:9px;} .select_area .search {margin:0 90px 0 0;border-radius:9px;} .select_area .search input {height:52px;padding:0 54px 0 18px;border-radius:9px;} .select_area .search .btn_delete {width:54px;height:52px;background:url('../img/btn_delete_2.png') no-repeat 18px 17px;background-size:17px 17px;} .select_area .btn_search {width:71px;height:52px;right:18px;top:18px;background-size:71px 52px;} .select_area.ty4 {padding:18px;} .select_area.ty4 .btn_ty_1 {height:52px;border-radius:9px;} .select_area.ty4 .app {margin:0 -18px 18px;padding:0 18px 18px;border-bottom:1px solid #ccc;} .search_area {margin:-18px 0 18px 0;padding:18px;border-bottom:1px solid #ccc;} .search_area .search {border-radius:9px;} .search_area .search:after {width:54px;height:52px;background:url('../img/ico_search_5.png')no-repeat 18px 14px;background-size:26px 25px;} .search_area input {height:52px;padding:0 54px 0 54px;border-radius:9px;} .search_area .search .btn_delete {width:54px;height:52px;background:url('../img/btn_delete_2.png') no-repeat 18px 17px;background-size:17px 17px;} .floating_write {right:18px;bottom:18px;width:105px;height:105px;} .floating_write:lang(ar) {left:18px;right:auto;} .floating_chatbot {right:18px;bottom:18px;width:94px;height:94px;border-radius:93px;-webkit-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.35);-moz-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.35);box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.35);} .floating_chatbot:lang(ar) {left:18px;} /* paging */ .paging {margin:28px 0 0 0;} .paging a, .paging span {min-width:13px;height:43px;margin:0 0 0 15px;padding:0 15px;line-height:41px;border-radius:9px;} .paging .btn_prev, .paging .btn_next {width:43px;margin:0 9px 0 0;background-size:43px 43px;} .paging .btn_next {width:43px;margin:0 0 0 24px;background-size:43px 43px;} .paging .btn_prev.off {background-size:43px 43px;} .paging .btn_next.off {background-size:43px 43px;} /* viewmore */ .btn_area_b {margin:28px 18px 0;} .btn_area_b.ty1 {margin-top:37px;} .btn_area_b.ty2 {margin-top:15px;} .btn_area_b.ty3 {margin-top:46px;} .btn_area_b .btn_view_more, .btn_area_b .btn_join, .btn_area_b .btn_start_game {height:63px;border-radius:9px;} /* viewmore */ .btn_area_c {margin:12px 18px 0;} .btn_area_c.ty1 {margin-top:37px;} .btn_area_c .btn_view_more, .btn_area_c .btn_join, .btn_area_c .btn_start_game {height:63px;border-radius:9px;} /* nocontents */ .nocontents {padding:108px 0 0 0;line-height:37px;} .nocontents.ty3 {padding:230px 0 0 0;} .nothing_txt {margin:65px 0 0 0;line-height:43px;} .nothing_txt.fs {margin:75px 0 0 0;padding:255px 18px 0;background-size:207px 203px;} .nothing_txt.frr {margin:110px 0 0 0;padding:271px 18px 0;background-size:287px 222px;} .nothing_txt.frs {margin:142px 0 0 0;padding:245px 18px 0;background-size:313px 196px;} .nothing_txt.cmf {margin:121px 0 0 0;padding:213px 18px 0;background-size:174px 169px;} .nothing_txt.cmn {margin:90px 0 0 0;padding:241px 18px 0;background-size:183px 203px;} .nothing_txt.cmp {margin:110px 0 0 0;padding:219px 18px 0;background-size:236px 180px;} .nothing_txt .txt1 {padding:26px 0 0 0;} /* notice */ .notice_box {margin:18px 0 0;} .notice_box li {margin:18px;} .notice_box .geti {padding:15px 0 0 18px;} .notice_box .date {right:18px;top:16px;} .notice_box .txt {padding:15px 18px 26px;line-height:30px;} .notice_box li.friends_rec a {height:144px;} .notice_box li.friends_rec .user_id {padding:28px 0 0 105px;} .notice_box li.friends_rec .image {width:75px;height:75px;left:18px;top:52px;} .notice_box li.friends_rec .image img {border-radius:46px;} .notice_box li.friends_rec .btn_area {right:9px;top:73px;background:url('../img/bg_bar.png') no-repeat 7px 9px;background-size:110px 35px;} .notice_box li.friends_rec .btn_area .btn_decline, .notice_box li.friends_rec .btn_area .btn_accept {width:54px;height:54px;margin:0 7px 0 0;background:url('../img/btn_decline.png') no-repeat 9px 9px;background-size:35px 35px;} .notice_box li.friends_rec .btn_area .btn_accept {margin:0 0 0 7px;background:url('../img/btn_accept.png') no-repeat 9px 9px;background-size:35px 35px;} .notice_box li.friends_rec .btn_delete {width:55px;height:55px;top:36px;background:url('../img/btn_delete_2.png') no-repeat 18px 18px;background-size:17px 17px;} .notice_box.new li {margin:24px 18px 18px;} .notice_box.new .date {margin:0 0 11px 0;line-height:24px;} .notice_box.new .geti {padding:15px 18px 0 18px;} /* error */ .error_tit {padding:69px 18px 52px;line-height:45px;} .error_tit.emc {margin:157px 0 0 0;padding:296px 18px 0;background-size:326px 242px;} .error_txt {margin:0 18px;line-height:41px;} /* popup */ .popup .contents {width:487px;padding:0 0 38px 0;} .popup.ty2 .contents {width:562px;} .popup.ty4 .contents {width:562px;} .popup.wc .contents {width:562px;} .popup .contents h1 {padding:13px 60px 13px 18px;border-bottom:1px solid #ccc;line-height:43px;} .popup .contents .txt {height:193px;padding:0 37px;line-height:35px;} .popup.ty4 .contents .txt {height:262px;line-height:31px;} .popup.ty4 .contents .txt b {line-height:33px;margin-top:11px;} .popup.ty4 .contents .delete {padding:0 37px;height:262px;line-height:33px;} .popup.ty4 .contents .delete strong {margin-bottom:30px;line-height:39px;} .popup.ty5 .contents .txt {height:300px;line-height:31px;} .popup.comd .contents .txt {padding:39px 37px 31px;} .popup.wc .contents .txt {line-height:30px;} .popup .contents .txt .copy {margin:28px 0 0 0;} .popup.ty2 .contents .box {height:577px;margin:101px 0 0 0;} .popup.ty2 .contents .box.link {height:324px;} .popup.ty2 .contents .box_2 {margin:101px 0 0 0;padding:0 0 46px 0;} .popup .contents .btn_list {margin:28px 37px 0;} .popup .contents .btn_list li {margin:18px 0 0 0;} .popup .contents .btn_list li a, .popup .contents .btn_list li button, .popup .contents .btn_list li span {height:63px;border-radius:9px;} .popup .contents .btn_list li a, .popup .contents .btn_list li span {line-height:61px;} .popup .contents .sel_video_type {margin:28px 18px 28px;} .popup .contents .sel_video_type p:first-child {margin:0 0 18px 0;} .popup .contents .sel_video_type label {padding:0 0 0 45px;line-height:35px;background-size:36px 35px;} .popup .contents .sel_video_type label.checked {background-size:36px 35px;} .popup .contents .code_inp {margin:28px 18px 0;height:187px;} .popup .contents .code_inp.link {height:75px;} .popup .contents .code_inp textarea {height:150px;padding:18px 18px 0;line-height:33px;} .popup .contents .code_inp input {height:75px;padding:0 18px;line-height:33px;} .popup .contents .preview {margin:18px 18px 0;width:525px;height:295px;} .popup .contents .info_txt {margin:9px 18px 0;line-height:22px;} .popup .contents .info_txt2 {margin:13px 0 0 11px;line-height:28px;} .popup .contents .menu_list {bottom:18px;} .popup .contents .menu_list li {margin:0 18px 18px;} .popup .contents .menu_list li button {height:63px;border-radius:9px;} .popup .contents .sns_list {margin:33px 0 0 61px;} .popup .contents .sns_list li {margin:0 0 0 46px;} .popup .contents .sns_list li button {width:90px;height:90px;} .popup .contents .btn_ty_1, .popup .contents .btn_ty_3, .popup .contents .btn_ty_4 {min-width:196px;height:63px;padding:0 18px;border-radius:9px;} .popup .contents .btn_ty_3 {min-width:253px;} .popup .contents .btn_ty_4 {min-width:412px;} .popup .contents .btn_ty_5 {min-width:487px;height:63px;padding:0 18px;border-radius:9px;} .popup .contents .btn_area {padding:0 37px;} .popup .contents .btn_area .btn_ty_1, .popup .contents .btn_area .btn_ty_2 {height:63px;border-radius:9px;} .popup.ty2 .contents .btn_area {bottom:18px;padding:0 18px;} .popup .btn_close {width:60px;height:63px;background:url('../img/btn_delete_3.png') no-repeat 18px 20px;background-size:22px 22px;} .popup .btn_close_x {width:60px;height:63px;background:url('../img/btn_delete_3.png') no-repeat 18px 20px;background-size:22px 22px;} .popup.ty2 .btn_close {top:101px;} .popup .cha_tit, .popup .cha_txt, .popup .cha_txt_2 {padding:39px 18px 30px;line-height:35px;} .popup .cha_txt {padding:0 18px 13px;} .popup .cha_txt_2 {margin:0 0 15px 18px;padding:9px 0 0 16px;line-height:26px;text-indent:-16px;} .popup .contents .code_inp.cha {height:75px;} .popup .contents .txt .limit_l {padding:0 0 18px 0;} .popup .qrcode {margin:-164px 0 0 -267px;} .popup .qrcode strong {margin:0 0 28px 0;line-height:31px;} .popup .qrcode .img_qr img {width:262px;height:262px;} .popup .btn_close_qr {width:88px;height:91px;background:url('../img/btn_close.png') no-repeat 46px 20px;background-size:23px 23px;} .popup .friends_campain {width:562px;margin:82px 0 0 0;} .popup .friends_campain .image img {width:562px;height:562px;} .popup .friends_campain .info_box {height:236px;} .popup .friends_campain .info_box strong {padding:31px 0 16px 0;line-height:31px;} .popup .friends_campain .info_box p {padding:0 18px;line-height:26px;} .popup .friends_campain .navi {top:30px;} .popup .friends_campain .navi span {width:15px;height:15px;margin:0 18px 0 0;border-radius:9px;} .popup .friends_campain .btn_delete {width:271px;height:52px;margin:24px 0 0 0;line-height:48px;border-radius:9px;} .popup.ty2 .friends_campain .btn_close {background:url('../img/btn_delete_6.png') no-repeat 18px 20px;background-size:22px 22px;} .popup .weeknot {padding:33px 0 0 28px;} .popup .weeknot label {padding:5px 0 6px 45px;line-height:26px;background-size:35px 35px;} .popup .weeknot label.checked {background-size:35px 35px;} .popup .war {margin:37px 0 0 0;padding:13px 13px 15px 33px;line-height:26px;text-indent:-20px;} .popup .content_share {height:315px;padding-top:41px;} .popup .content_share h3 {margin-bottom:40px;} .popup .content_share li {margin-left:89px;} .popup .content_share .thumb {width:112px;height:112px;margin:0 auto 13px;} .popup .content_share .btn_close {width:78px;height:78px;} .popup.rating .contents h1 {padding:9px 60px 11px 18px;} .popup.comd.rating .contents .txt {padding:36px 37px 38px;} .popup.rating .contents .txt span {line-height:39px;margin-top:24px;} .popup.rating .contents ul {margin-top:20px;padding:0 28px 2px;} .popup.rating .contents li {margin-top:8px;padding-left:9px;line-height:26px;} .popup.rating .contents li:after {top:-5px;} /* New popup */ .popup.ty6 .contents {width:562px;padding-bottom:45px;} .popup.ty6 .contents h1 {padding:10px 60px 10px 18px;line-height:43px;} .popup.ty6 .contents .txt {padding:18px 37px 39px;} .popup.ty6 .contents .txt b {margin-top:11px;line-height:33px;} /* SNS Agree popup */ .popup.agree .contents {top:38px;bottom:38px;left:18px;right:18px;padding:45px 28px 58px;} .popup.agree .contents h1 {margin-bottom:37px;padding:0 60px 0 0;} .popup.agree .contents .txt {line-height:33px;} .popup.agree .btn_close {right:18px;top:38px;} .popup.agree h2 {margin:9px 0;} .popup.agree h3 {margin:9px 0;padding-left:28px;} /* footer */ #HIVEfooter {padding:28px 0;} #HIVEfooter .btn_login {width:232px;height:41px;margin:0 18px 0 0;line-height:41px;border-radius:9px;border:1px solid #eee;} #HIVEfooter .sel_lang {width:234px;height:43px;padding:0 59px 0 0;line-height:30px; border:1px solid #eee;border-radius:9px;background-size:43px 41px;} #HIVEfooter .foot_con a {margin:16px 0 0 16px;padding:0 16px 0 0;line-height:28px;} #HIVEfooter .foot_con a:nth-of-type(1):after, *:lang(ja) #HIVEfooter .foot_con .btn_contactus:after {width:1px;height:26px;line-height:28px;} #HIVEfooter .foot_con a.btn_law {width:485px;height:41px;margin:16px 0 9px 0;line-height:41px;border-radius:9px;border:1px solid #eee;} #HIVEfooter .foot_con .btn_link_g, #HIVEfooter .foot_con .btn_link_c {padding:0 16px 0 26px;background:url('../img/ico_copy.png') no-repeat 0 5px;background-size:18px 18px;} #HIVEfooter .foot_con .btn_link {padding:0 16px 0 26px;background:url('../img/ico_copy.png') no-repeat 0 5px;background-size:18px 18px;} #HIVEfooter .copy span {margin:0 13px;} #HIVEfooter_new {padding:29px 18px 32px;} #HIVEfooter_new .sel_lang {right:18px;top:30px;height:32px;padding-right:33px;background-size:21px 21px;} #HIVEfooter_new ul {margin-bottom:44px;} #HIVEfooter_new li {margin-top:24px;} .elec_notice .logo {height:41px;padding:9px 0 9px 15px;} .elec_notice .logo h1 {width:125px;height:41px;} .elec_notice .s_tit {height:244px;padding-left:57px;} .elec_notice .list {padding:84px 37px;} .elec_notice .list li {margin-top:53px;padding-left:45px;background:url('../img/icon_pdf.png')no-repeat left 9px;background-size:26px 26px;} .elec_notice .list a {line-height:46px;} /* 2018-06-04 GDPR 대응 : 쿠키 안내 */ .gdpr_cookie {padding:18px 23px 46px;} .gdpr_cookie .cookie_guide ~ .cookie_guide {margin-top:9px;} .gdpr_cookie .cookie_accept {margin-top:28px;} .gdpr_cookie .cookie_accept .btn_accept {height:63px;border-radius:9px;} }