@charset "utf-8"; /******** 공통 */ #gameBody{padding-bottom:150px;width:100% !important;} #gameBody .body_row{overflow:visible;} #gameBody #feedRow{width:960px;margin:auto;} #gameBody #feedRow .body_left{float:none;display:inline-block;width:588px;margin-right:30px;} #gameBody #feedRow .body_right{float:none;display:inline-block;vertical-align:top;width:320px;} #gameBody #feedRow .feed_right_spacer{width:100%;height:0px;} #gameBody #feedRow .feed_right{position:sticky;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody #feedRow{width:100%;display:flex;flex-direction:column;padding-top:24px;} .mobile_width #gameBody #feedRow .body_left{float:none;display:block;width:100% !important;order:2;margin:0 auto !important;} .mobile_width #gameBody #feedRow .body_right{float:none;display:block !important;vertical-align:top;width:100%;min-height:0 !important;order:1;} .mobile_width #gameBody #feedRow .feed_right_spacer{display:none;} } @media only screen and (max-width:599px) { #gameBody{padding-bottom:100px;} #gameBody #feedRow{width:100%;display:flex;flex-direction:column;padding-top:24px;} #gameBody #feedRow .body_left{float:none;display:block;width:100% !important;order:2;margin:0 auto !important;} #gameBody #feedRow .body_right{float:none;display:block !important;vertical-align:top;width:100%;min-height:0 !important;order:1;} #gameBody #feedRow .feed_right_spacer{display:none;} } /******** 헤더 */ .game_page_header{width:960px;padding-bottom:95px;margin:auto;position:relative;} .game_page_header.is_connect{padding-bottom:40px;} .game_page_header .header_background{width:1152px;height:359px;position:absolute;top:0;left:-96px;background-size:cover;background-position:center;} .game_page_header .header_background .background_cover{width:100%;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(to bottom, rgba(238, 238, 238, 0) 38%, rgba(238, 238, 238, 0.1) 55%, rgba(249, 249, 249, 0.5) 75%, rgba(238, 238, 238, 0.98) 94%, #FFF 100%);} .game_page_header .header_background .background_cover_left{width:290px;height:100%;position:absolute;top:0;left:0;background-image:linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 60%,rgba(255, 255, 255, 0.96) 92%, #FFF 98%);} .game_page_header .header_background .background_cover_right{width:290px;height:100%;position:absolute;top:0;right:0;background-image:linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 60%,rgba(255, 255, 255, 0.96) 92%, #FFF 98%);} .game_page_header .playbutton_wrap{width:200px;height:200px;padding:70px;position:absolute;top:80px;left:380px;cursor:pointer;z-index:10;} .game_page_header .playbutton_wrap img{width:60px;height:60px;} .game_page_header .game_info_wrap{width:100%;padding-top:32px;position:relative;} .game_page_header .game_info_wrap.has_background{padding-top:270px;} .game_page_header .game_info_wrap .game_text_info_wrap{width:calc(100% - 362px);margin-right:62px;vertical-align:top;} .game_page_header .game_info_wrap .game_text_info_wrap .platform_icon_wrap{height:24px;margin-top:28px;} .game_page_header .game_info_wrap .game_text_info_wrap .platform_icon_wrap .platform_icon{height:20px;margin-right:8px;} .game_page_header .game_info_wrap .game_text_info_wrap .platform_icon_wrap .platform_icon:last-child{margin-right:0;} .game_page_header .game_info_wrap .game_text_info_wrap .game_name{margin-top:8px;line-height:47px;} .game_page_header .game_info_wrap .game_text_info_wrap .game_name .mobile_icon_new{height:36px;margin:6px 4px 0 0;} .game_page_header .game_info_wrap .game_text_info_wrap .other_name{margin-top:4px;line-height:19px;} .game_page_header .game_info_wrap .game_text_info_wrap .other_name .name_divider{margin:0 6px;} .game_page_header .game_info_wrap .game_text_info_wrap .divider{width:100%;height:1px;margin-top:24px;background:#ebeff8;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap{margin-top:24px;display:flex;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap .score_item{margin-right:38px;vertical-align:top;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap .score_item .score_source_icon img{height:24px;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap .score_item .score_value{margin-top:4px;line-height:33px;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap .score_item .review_cnt_wrap{margin-top:6px;line-height:17px;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap .score_item .opencritic_head_icon{height:24px;margin-top:4px;margin-right:4px;} .game_page_header .game_info_wrap .game_cover_wrap{width:300px;height:280px;vertical-align:top;} .game_page_header .game_info_wrap .game_cover_wrap .game_cover_image{width:100%;height:100%;text-align:center;display:flex;align-items:center;justify-content:center;} .game_page_header .game_info_wrap .game_cover_wrap .game_cover_image.mobile_game_cover{width:240px;height:240px;margin:20px 30px;} .game_page_header .game_info_wrap .game_cover_wrap .game_cover_image img{width:100%;height:100%;background:#FFF;box-shadow:0 5px 5px -3px rgba(3, 24, 39, 0.16), 0 3px 14px 2px rgba(3, 24, 39, 0.08), 0 8px 10px 1px rgba(3, 24, 39, 0.07);} .game_page_header .game_info_wrap .game_cover_wrap .game_cover_image .max_width{width:100%;height:auto;} .game_page_header .game_info_wrap .game_cover_wrap .game_cover_image .max_height{width:auto;height:100%;} .game_page_header .user_library_info{width:100%;height:97px;margin-top:48px;background:#ebeff8;border-radius:13px;} .game_page_header .user_library_info .review_point_wrap{width:217px;padding:20px 28px;border-right:solid 1px #ced8e5;display:inline-block;vertical-align:top;position:relative;} .game_page_header .user_library_info .review_point_wrap .review_point{width:160px;height:32px;margin:auto;position:relative;} .game_page_header .user_library_info .review_point_wrap .review_point_star{height:32px;vertical-align:top;} .game_page_header .user_library_info .review_point_wrap .background{position:absolute;top:0;left:0;z-index:1;} .game_page_header .user_library_info .review_point_wrap .foreground{position:absolute;top:0;left:0;z-index:2;} .game_page_header .user_library_info .review_point_wrap .drag_area{position:absolute;width:176px;height:32px;top:0;left:-16px;cursor:pointer;z-index:3;} .game_page_header .user_library_info .review_point_wrap .review_point_text{margin-top:4px;line-height:21px;} .game_page_header .user_library_info .review_point_wrap .cat_hand{height:60px;position:absolute;transform:scaleX(-1);top:19px;left:-82px;animation:catHandBounce 1.5s ease 3;opacity:0;} @keyframes catHandBounce{ 0%, 20%, 50%, 80%, 100%{transform:translateX(0) scaleX(-1);opacity:1;} 40%, 60%{transform:translateX(-25px) scaleX(-1);opacity:1;} } @keyframes catHandBounce2{ 0%, 20%, 50%, 80%, 100%{transform:translateX(0) scaleX(1);opacity:1;} 40%, 60%{transform:translateX(25px) scaleX(1);opacity:1;} } .game_page_header .user_library_info .library_state_wrap{width:221px;padding:24px 25px 18px 25px;border-right:solid 1px #ced8e5;display:inline-block;vertical-align:top;} .game_page_header .user_library_info .library_state_wrap .state_button_wrap{width:170px;margin:auto;} .game_page_header .user_library_info .library_state_wrap .state_button_wrap.platform_game{opacity:0.5;} .game_page_header .user_library_info .library_state_wrap .library_button_item{width:34px;height:28px;position:relative;} .game_page_header .user_library_info .library_state_wrap .library_button_item .library_state_button{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;cursor:pointer;} .game_page_header .user_library_info .library_state_wrap .platform_game .library_button_item .library_state_button{cursor:default;} .game_page_header .user_library_info .library_state_wrap .library_button_item .background{width:28px;height:28px;border-radius:14px;background:#FFF;position:absolute;top:0px;left:3px;z-index:1;overflow:hidden;transition:background 0.1s linear;} .game_page_header .user_library_info .library_state_wrap .library_button_item .background .selected_background{width:80px;height:80px;border-radius:40px;position:absolute;top:-26px;left:-26px;transform:scale(0);transition:transform 0.1s linear;} .game_page_header .user_library_info .library_state_wrap .library_button_item.selected .selected_background{transform:scale(1);transition:transform 0.25s linear;} .game_page_header .user_library_info .library_state_wrap .library_button_item .state_icon{position:absolute;height:16px;top:6px;left:9px;z-index:5;} .game_page_header .user_library_info .library_state_wrap .library_button_item .button_state_text{display:none;} .game_page_header .user_library_info .library_state_wrap .library_state_1.can_hover:hover .background{background:#bfe1ff;} .game_page_header .user_library_info .library_state_wrap .library_state_2.can_hover:hover .background{background:#adeae1;} .game_page_header .user_library_info .library_state_wrap .library_state_3.can_hover:hover .background{background:#fbd0d4;} .game_page_header .user_library_info .library_state_wrap .library_state_4.can_hover:hover .background{background:#ced8e5;} .game_page_header .user_library_info .library_state_wrap .library_state_5.can_hover:hover .background{background:#fff5bd;} .game_page_header .user_library_info .library_state_wrap .library_state_1 .selected_background{background:#3f9dff;} .game_page_header .user_library_info .library_state_wrap .library_state_2 .selected_background{background:#00b597;} .game_page_header .user_library_info .library_state_wrap .library_state_3 .selected_background{background:#e75f5b;} .game_page_header .user_library_info .library_state_wrap .library_state_4 .selected_background{background:#3b4757;} .game_page_header .user_library_info .library_state_wrap .library_state_5 .selected_background{background:#f99b00;} .game_page_header .user_library_info .library_state_wrap .state_text{line-height:19px;margin-top:6px;} .game_page_header .user_library_info .library_review_wrap{width:calc(100% - 438px);padding:22px 28px;display:inline-block;vertical-align:top;} .game_page_header .user_library_info .library_review_wrap .no_review_wrap{padding:8px 0;} .game_page_header .user_library_info .library_review_wrap .no_review_wrap .no_review_text{line-height:24px;padding:6px 0;cursor:pointer;} .game_page_header .user_library_info .library_review_wrap .no_review_wrap .no_review_text img{height:24px;margin-right:8px;} .game_page_header .user_library_info .library_review_wrap .no_review_wrap .write_review_button{float:right;vertical-align:top;width:97px;} .game_page_header .user_library_info .library_review_wrap .my_review_header{line-height:19px;} .game_page_header .user_library_info .library_review_wrap .my_review_header .button_wrap{float:right;} .game_page_header .user_library_info .library_review_wrap .my_review_header .button_wrap .modify_review_button{margin-right:12px;cursor:pointer;} .game_page_header .user_library_info .library_review_wrap .my_review_header .button_wrap .modify_review_button img{height:16px;margin:1px 1px 0 0;} .game_page_header .user_library_info .library_review_wrap .my_review_header .button_wrap .show_review_button{cursor:pointer;} .game_page_header .user_library_info .library_review_wrap .review_summary{width:409px;height:22px;line-height:22px;margin-top:10px;} .game_page_header #gameTopDisplayAd{margin-top:40px;display:none;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width .game_page_header{width:100%;padding-bottom:40px;} .mobile_width .game_page_header .header_background{left:50%;transform:translate(-50%, 0);} .mobile_width .game_page_header .playbutton_wrap{left:50%;transform:translate(-50%, 0);} .mobile_width .game_page_header .game_info_wrap{padding-left:20px;padding-right:20px;} .mobile_width .game_page_header .game_info_wrap .game_text_info_wrap{width:calc(100% - 308px);margin-right:24px;} .mobile_width .game_page_header .game_info_wrap .game_cover_wrap{width:284px;height:265px;} .mobile_width .game_page_header .user_library_info{width:calc(100% - 40px);margin-left:auto;margin-right:auto;height:200px;} .mobile_width .game_page_header .user_library_info .review_point_wrap{width:50%;height:98px;padding:18px 0 0 0;text-align:center;} .mobile_width .game_page_header .user_library_info .library_state_wrap{width:50%;height:98px;padding:24px 0 0 0;border-right:none;text-align:center;} .mobile_width .game_page_header .user_library_info .library_review_wrap{width:100%;height:102px;padding:16px 20px 0 20px;border-top:solid 1px #ced8e5;text-align:center;} .mobile_width .game_page_header .user_library_info .library_review_wrap .no_review_wrap{padding:16px 0;} .mobile_width .game_page_header .user_library_info .library_review_wrap .no_review_wrap .write_review_button{float:none;margin-left:24px;} .mobile_width .game_page_header .user_library_info .library_review_wrap .my_review_header .title{line-height:17px;font-size:11px;font-weight:700;display:block;} .mobile_width .game_page_header .user_library_info .library_review_wrap .review_summary{width:calc(100% - 120px);min-width:275px;margin:6px auto 0 auto;} .mobile_width .game_page_header .user_library_info .library_review_wrap .my_review_header .button_wrap{float:none;margin-top:6px;} .mobile_width .game_page_header #gameTopDisplayAd{width:calc(100% - 40px);margin-left:auto;margin-right:auto;} } @media only screen and (max-width:599px) { .game_page_header{width:100vw;padding-bottom:24px;} .game_page_header .header_background{width:100vw;height:200px;left:0;} .game_page_header .header_background .background_cover{background-image:linear-gradient(to bottom, rgba(238, 238, 238, 0) 41%, rgba(249, 249, 249, 0.62) 82%, #FFF 100%);} .game_page_header .header_background .background_cover_left{width:104px;background-image:none;} .game_page_header .header_background .background_cover_right{width:104px;background-image:none;} .game_page_header .playbutton_wrap{width:120px;height:120px;padding:38px;top:40px;left:50%;transform:translate(-50%, 0);} .game_page_header .playbutton_wrap img{width:44px;height:44px;} .game_page_header .game_info_wrap{display:flex;flex-direction:column;padding-top:24px;} .game_page_header .game_info_wrap.has_background{padding-top:114px;} .game_page_header .game_info_wrap .game_text_info_wrap{order:2;display:block;width:100%;margin-right:0px;padding:0 16px;} .game_page_header .game_info_wrap .game_text_info_wrap .platform_icon_wrap{height:auto;margin-top:0px;} .game_page_header .game_info_wrap .game_text_info_wrap .platform_icon_wrap .platform_icon{height:18px;margin-top:16px;} .game_page_header .game_info_wrap .game_text_info_wrap .game_name{line-height:33px;font-size:22px;} .game_page_header .game_info_wrap .game_text_info_wrap .game_name .mobile_icon_new{height:22px;margin:6px 2px 0 0;} .game_page_header .game_info_wrap .game_text_info_wrap .other_name{margin-top:4px;line-height:17px;font-size:11px;} .game_page_header .game_info_wrap .game_text_info_wrap .divider{margin-top:20px;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap{margin-top:20px;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap .score_item{margin-right:16px;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap .score_item .score_source_icon img{height:20px;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap .score_item .score_value{margin-top:2px;line-height:29px;font-size:20px;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap .score_item .review_cnt_wrap{margin-top:4px;line-height:17px;} .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap .score_item .opencritic_head_icon{height:18px;margin-top:5px;} .game_page_header .game_info_wrap .game_cover_wrap{order:1;display:block;width:158px;height:120px;margin-left:16px;} .game_page_header .game_info_wrap .game_cover_wrap .game_cover_image{justify-content:left;} .game_page_header .game_info_wrap .game_cover_wrap .game_cover_image.mobile_game_cover{width:98px;height:98px;margin:11px 0px;} .game_page_header .user_library_info{width:calc(100vw - 32px);height:auto;margin:24px auto 0 auto;display:flex;flex-direction:column;} .game_page_header .user_library_info .review_point_wrap{order:1;width:100%;padding:16px 0px;border-right:none;display:block;text-align:center;border-bottom:solid 1px #ced8e5;} .game_page_header .user_library_info .review_point_wrap .review_point{width:170px;height:34px;} .game_page_header .user_library_info .review_point_wrap .review_point_star{height:34px;} .game_page_header .user_library_info .review_point_wrap .drag_area{width:187px;height:34px;left:-17px;} .game_page_header .user_library_info .review_point_wrap .review_point_text{margin-top:4px;line-height:21px;} .game_page_header .user_library_info .review_point_wrap .cat_hand{height:72px;transform:scaleX(1);top:19px;left:calc(50% + 94px);animation:catHandBounce2 1.5s ease 3;} .game_page_header .user_library_info .library_state_wrap{order:3;width:100%;padding:16px 0;border-right:none;display:block;text-align:center;} .game_page_header .user_library_info .library_state_wrap .state_button_wrap{width:auto;padding:0 16px;} .game_page_header .user_library_info .library_state_wrap .library_button_item{width:20%;max-width:68px;height:55px;} .game_page_header .user_library_info .library_state_wrap .library_button_item .background{width:32px;height:32px;border-radius:16px;left:50%;transform:translateX(-50%);} .game_page_header .user_library_info .library_state_wrap .library_button_item .background .selected_background{top:-24px;left:-24px;} .game_page_header .user_library_info .library_state_wrap .library_button_item .state_icon{height:18px;top:7px;left:50%;transform:translateX(-50%);} .game_page_header .user_library_info .library_state_wrap .library_button_item .button_state_text{display:block;line-height:17px;position:absolute;bottom:0;text-align:center;width:100%;} .game_page_header .user_library_info .library_state_wrap .state_text{display:none;} .game_page_header .user_library_info .library_review_wrap{order:4;width:100%;padding:0;display:block;border-top:solid 1px #ced8e5;text-align:center;} .game_page_header .user_library_info .library_review_wrap.no_library{display:none;} .game_page_header .user_library_info .library_review_wrap.has_review{order:2;border-bottom:solid 1px #ced8e5;border-top:none;padding:16px;} .game_page_header .user_library_info .library_review_wrap .no_review_wrap{padding:16px 0;} .game_page_header .user_library_info .library_review_wrap .no_review_wrap .no_review_text{padding:0;} .game_page_header .user_library_info .library_review_wrap .no_review_wrap .write_review_button{display:none;} .game_page_header .user_library_info .library_review_wrap .my_review_header .title{line-height:17px;font-size:11px;font-weight:700;display:block;} .game_page_header .user_library_info .library_review_wrap .review_summary{width:100%;margin:6px auto 0 auto;} .game_page_header .user_library_info .library_review_wrap .my_review_header .button_wrap{float:none;margin-top:6px;} .game_page_header .user_library_info .library_review_wrap .my_review_header .button_wrap .modify_review_button{margin-right:20px;} .game_page_header #gameTopDisplayAd{width:calc(100% - 32px);margin:24px auto 0 auto;} } @media only screen and (max-width:360px) { .game_page_header .game_info_wrap .game_text_info_wrap .score_list_wrap .score_item .score_value{font-size:18px;} .game_page_header .user_library_info .library_state_wrap .state_button_wrap{padding:0 8px;} .game_page_header .user_library_info .library_state_wrap .library_button_item .button_state_text{font-size:10px;} } .game_connect_banner{width:100%;height:80px;} .game_connect_banner .left_banner{height:80px;width:50%;background:#262F3A;vertical-align:top;text-align:right;padding-right:74px;cursor:pointer;} .game_connect_banner .right_banner{height:80px;width:50%;background:#4844AA;vertical-align:top;padding-left:74px;cursor:pointer;} .game_connect_banner .left_banner.conference_banner{background:#1D62B7;} .game_connect_banner .logo_img{height:62px;margin-top:9px;} .game_connect_banner .conference_banner .logo_img{height:80px;margin-top:0px;} .game_connect_banner .text_wrap{margin:0 12px;padding:20px 0;text-align:left;min-width:260px;} .game_connect_banner .text_wrap .desc1{line-height:16px;color:#B2BDCE;} .game_connect_banner .right_banner .text_wrap .desc1{color:#C29DF7;} .game_connect_banner .conference_banner .text_wrap .desc1{color:#97CFFF;} .game_connect_banner .text_wrap .desc2{line-height:20px;margin-top:4px;} .game_connect_banner .arrow_img{height:20px;margin-top:30px;} @media only screen and (max-width:599px) { .game_connect_banner{height:auto;margin-bottom:0px;} .game_connect_banner .left_banner{height:auto;min-height:80px;display:block;width:100%;text-align:left;padding:0 16px;} .game_connect_banner .right_banner{height:auto;min-height:80px;display:block;width:100%;padding:0 16px;} .game_connect_banner .conference_banner{padding-left:0;} .game_connect_banner .text_wrap{vertical-align:top;margin:0 4px;min-width:auto;width:calc(100% - 90px);} .game_connect_banner .conference_banner .text_wrap{width:calc(100% - 108px);} .game_connect_banner .conference_banner .logo_img{vertical-align:bottom;} } .game_header_tab{width:100%;height:59px;border-top:solid 1px #ebeff8;border-bottom:solid 1px #ebeff8;background:#FFF;} .game_header_tab.snap_top{position:fixed;left:0;top:75px;z-index:1000;} .mobile_width .game_header_tab.snap_top{top:44px;} .game_header_tab .tab_row_wrap{width:960px;margin:auto;} .game_header_tab .tab_row_wrap .tab_button_wrap{display:inline-block;vertical-align:top;} .game_header_tab .tab_row_wrap .tab_button{min-width:160px;text-align:center;vertical-align:top;line-height:55px;padding-bottom:2px;} .game_header_tab .tab_row_wrap .tab_button.selected{color:#031827;padding-bottom:0;border-bottom:solid 2px #3f9dff;} .game_header_tab .tab_row_wrap .tab_button .item_cnt{margin-left:6px;} .game_header_tab .tab_row_wrap .suggest_button{float:right;vertical-align:top;margin-top:10px;margin-right:20px;width:120px;font-weight:700;} @media only screen and (max-width:960px) and (min-width:600px) { .mobile_width .game_header_tab .tab_row_wrap{width:100%;margin:auto;} .mobile_width .game_header_tab .tab_row_wrap .tab_button_wrap{margin-left:24px;} } @media only screen and (max-width:700px) and (min-width:600px) { .mobile_width .game_header_tab .tab_row_wrap .tab_button{min-width:130px;} } @media only screen and (max-width:599px) { .game_header_tab{height:48px;} .game_header_tab .tab_row_wrap{width:100vw;} .game_header_tab .tab_row_wrap .tab_button_wrap{display:block;font-size:15px;} .game_header_tab .tab_row_wrap .tab_button{min-width:auto;width:25%;line-height:19px;margin-top:6px;font-size:14px;font-weight:700;} .game_header_tab .tab_row_wrap .tab_button:first-child{line-height:44px;margin-top:0;} .game_header_tab .tab_row_wrap .tab_button .item_cnt{margin-left:0;display:block;font-size:12px;font-weight:400;line-height:14px;margin-bottom:4px;} .game_header_tab .tab_row_wrap .suggest_button{display:none;} } .header_tab_placeholder{width:100%;height:59px;display:none;} .header_tab_placeholder.snap_top{display:block;} @media only screen and (max-width:599px) { .header_tab_placeholder{height:48px;} } /******** 메인 페이지 */ #gameBody .game_info_row{padding-top:50px;width:960px;margin:auto;} #gameBody .game_info_left_wrap{display:inline-block;vertical-align:top;width:588px;margin-right:85px;} #gameBody .game_info_left_wrap .game_left_spacer{width:100%;height:0px;} #gameBody .game_info_left_wrap .game_info_left{position:sticky;} #gameBody .game_info_right_wrap{display:inline-block;vertical-align:top;width:calc(100% - 673px);} #gameBody .game_info_right_wrap .game_right_spacer{width:100%;height:0px;} #gameBody .game_info_right_wrap .game_info_right{position:sticky;} #gameBody .game_link_row{border-top:solid 1px #ebeff8;padding-top:48px;width:960px;margin:auto;} #gameBody .game_quick_link_banner{padding-top:80px;width:960px;margin:auto;} #gameBody #gameMiddleDisplayAd{width:960px;margin:0 auto 48px auto;display:none;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_info_row{display:flex;flex-direction:column;width:calc(100% - 48px);margin:0 auto;} .mobile_width #gameBody .game_info_left_wrap{display:block;width:100%;margin-right:0;order:1;padding-top:48px;min-height:0 !important;} .mobile_width #gameBody .game_info_left_wrap .game_left_spacer{display:none;} .mobile_width #gameBody .game_info_right_wrap{display:block;width:100%;order:2;border-bottom:solid 1px #ebeff8;min-height:0 !important;} .mobile_width #gameBody .game_info_right_wrap .game_right_spacer{display:none;} .mobile_width #gameBody .game_link_row{border-top:solid 1px #ebeff8;padding-top:48px;width:calc(100% - 48px);margin:auto;} .mobile_width #gameBody .game_quick_link_banner{width:calc(100% - 48px);} .mobile_width #gameBody #gameMiddleDisplayAd{width:calc(100% - 48px);} } @media only screen and (max-width:599px) { #gameBody .game_info_row{padding-top:32px;width:100vw;} #gameBody .game_info_left_wrap{display:block;width:100vw;margin:0 auto;min-height:0 !important;} #gameBody .game_info_left_wrap .game_left_spacer{display:none;} #gameBody .game_info_right_wrap{display:block;width:100vw;margin:0 auto;min-height:0 !important;} #gameBody .game_info_right_wrap .game_right_spacer{display:none;} #gameBody .game_link_row{border-top:solid 8px #ebeff8;padding-top:32px;width:100vw;} #gameBody .game_quick_link_banner{width:calc(100% - 32px);} #gameBody #gameMiddleDisplayAd{width:calc(100% - 32px);margin:0 auto 24px auto;} } #gameBody .game_info_item{padding:48px 0;border-bottom:solid 1px #ebeff8;} #gameBody .game_info_item:first-child{padding-top:0;} #gameBody .game_info_item:last-child{border-bottom:none;} #gameBody .game_link_row .game_info_item:last-child{padding-bottom:0;} #gameBody .game_section_title{line-height:33px;margin-bottom:16px;} #gameBody .game_section_title .write_button{float:right;padding:0 18px;margin-top:-3px;font-weight:400;} #gameBody .game_section_title .write_button img{height:18px;margin:8px 6px 0 0;} #gameBody .game_section_title .section_more_button{float:right;line-height:20px;margin-top:13px;} @media only screen and (max-width:599px) { #gameBody .game_info_item{padding:24px 16px 32px 16px;border-bottom:solid 8px #ebeff8;} #gameBody .game_info_right .game_info_item:first-child{border-top:solid 8px #ebeff8;padding-top:24px;} #gameBody .feed_right .game_info_item:last-child{border-bottom:solid 8px #ebeff8;} #gameBody .game_link_row .game_info_item:last-child{padding-bottom:0;} #gameBody .game_section_title{font-size:20px;line-height:29px;margin-bottom:12px;} #gameBody .game_section_title .write_button{margin-top:-4px;} #gameBody .game_section_title .section_more_button{margin-top:9px;} } #gameBody .game_description .description_text_wrap{position:relative;} #gameBody .game_description .description_text{line-height:20px;max-height:150px;white-space:pre-line;} #gameBody .game_description .more_button{position:absolute;bottom:0;width:100%;height:75px;cursor:pointer;background:rgba(255,255,255,0.5);background:linear-gradient(to top, rgba(255,255,255,1) 25%, rgba(255,255,255,0));} #gameBody .game_description .more_button span{position:absolute;line-height:20px;bottom:0;left:0;} #gameBody .game_video_section .video_list_wrap{margin-top:16px;position:relative;} #gameBody .game_video_section .game_video_item{width:184px;height:105px;border-radius:13px;margin-right:18px;background-size:cover;background-position:center;display:inline-block;vertical-align:top;cursor:pointer;text-align:center;background-color:#000;} #gameBody .game_video_section .game_video_item:last-child{margin-right:0px;} #gameBody .game_video_section .game_video_item .play_button{height:40px;margin-top:33px;} #gameBody .game_video_section .video_list_wrap .video_group_button{cursor:pointer;position:absolute;top:35px;width:36px;height:36px;border-radius:18px;background:#FFF;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.4);} #gameBody .game_video_section .video_list_wrap .video_group_button.left_button{left:-18px;} #gameBody .game_video_section .video_list_wrap .video_group_button.right_button{right:-18px;} #gameBody .game_video_section .video_list_wrap .video_group_button img{height:20px;margin:8px;} #gameBody .game_video_section .video_list_wrap .video_group_button.left_button img{transform:rotate(180deg);} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_video_section .game_video_item{width:calc(25vw - 24px);height:calc(14vw - 13px);margin-right:16px;} .mobile_width #gameBody .game_video_section .game_video_item:last-child{margin-right:0px;} .mobile_width #gameBody .game_video_section .video_list_wrap .video_group_button{top:calc(7vw - 24px);} } @media only screen and (max-width:800px) and (min-width:600px) { .mobile_width #gameBody .game_video_section .game_video_item{width:calc(33vw - 25px);height:calc(18vw - 14px);} .mobile_width #gameBody .game_video_section .game_video_item:nth-child(4){display:none;} .mobile_width #gameBody .game_video_section .game_video_item:nth-child(3){margin-right:0;} .mobile_width #gameBody .game_video_section .video_list_wrap .video_group_button{top:calc(9vw - 25px);} } @media only screen and (max-width:599px) { #gameBody .game_video_section{width:100%;overflow:hidden;} #gameBody .game_video_section .game_video_item{margin-right:16px;} } #gameBody .game_image_section .image_list_wrap{margin-top:16px;position:relative;} #gameBody .game_image_section .game_image_item{width:184px;height:105px;border-radius:13px;margin-right:18px;background-size:cover;background-position:center;display:inline-block;vertical-align:top;cursor:pointer;text-align:center;background-color:#d8d8d8;} #gameBody .game_image_section .game_image_item:last-child{margin-right:0px;} #gameBody .game_image_section .image_list_wrap .image_group_button{cursor:pointer;position:absolute;top:35px;width:36px;height:36px;border-radius:18px;background:#FFF;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.4);} #gameBody .game_image_section .image_list_wrap .image_group_button.left_button{left:-18px;} #gameBody .game_image_section .image_list_wrap .image_group_button.right_button{right:-18px;} #gameBody .game_image_section .image_list_wrap .image_group_button img{height:20px;margin:8px;} #gameBody .game_image_section .image_list_wrap .image_group_button.left_button img{transform:rotate(180deg);} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_image_section .game_image_item{width:calc(25vw - 24px);height:calc(14vw - 13px);margin-right:16px;} .mobile_width #gameBody .game_image_section .game_image_item:last-child{margin-right:0px;} .mobile_width #gameBody .game_image_section .image_list_wrap .image_group_button{top:calc(7vw - 24px);} } @media only screen and (max-width:800px) and (min-width:600px) { .mobile_width #gameBody .game_image_section .game_image_item{width:calc(33vw - 25px);height:calc(18vw - 14px);} .mobile_width #gameBody .game_image_section .game_image_item:nth-child(4){display:none;} .mobile_width #gameBody .game_image_section .game_image_item:nth-child(3){margin-right:0;} .mobile_width #gameBody .game_image_section .image_list_wrap .image_group_button{top:calc(9vw - 25px);} } @media only screen and (max-width:599px) { #gameBody .game_image_section{width:100%;overflow:hidden;} #gameBody .game_image_section .game_image_item{margin-right:16px;} } #gameBody .youtube_section{width:100%;height:0;background:#ebeff8;transition:height 0.15s ease-out;overflow:hidden;} #gameBody .youtube_section.has_video{height:355px;} #gameBody .youtube_section .game_youtube_wrap{width:960px;margin:auto;padding-top:48px;} #gameBody .game_youtube_wrap .youtube_logo{height:20px;margin:6px 0 0 8px;} #gameBody .game_youtube_wrap .youtube_list_wrap{margin-top:16px;position:relative;} #gameBody .game_youtube_wrap .game_youtube_item{width:228px;border-radius:13px;margin-right:16px;display:inline-block;vertical-align:top;} #gameBody .game_youtube_wrap .game_youtube_item:last-child{margin-right:0px;} #gameBody .game_youtube_wrap .game_youtube_item .youtube_thumbnail{cursor:pointer;width:100%;height:128px;border-radius:13px;background-size:cover;background-position:center;background-color:#000;} #gameBody .game_youtube_wrap .game_youtube_item .video_title{margin-top:12px;line-height:23px;max-height:46px;overflow:hidden;} #gameBody .game_youtube_wrap .game_youtube_item .video_info{margin-top:6px;line-height:18px;} #gameBody .game_youtube_wrap .youtube_list_wrap .youtube_group_button{cursor:pointer;position:absolute;top:46px;width:36px;height:36px;border-radius:18px;background:#FFF;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.4);} #gameBody .game_youtube_wrap .youtube_list_wrap .youtube_group_button.left_button{left:-18px;} #gameBody .game_youtube_wrap .youtube_list_wrap .youtube_group_button.right_button{right:-18px;} #gameBody .game_youtube_wrap .youtube_list_wrap .youtube_group_button img{height:20px;margin:8px;} #gameBody .game_youtube_wrap .youtube_list_wrap .youtube_group_button.left_button img{transform:rotate(180deg);} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .youtube_section.has_video{height:calc(14vw + 214px);} .mobile_width #gameBody .youtube_section .game_youtube_wrap{width:100%;padding:48px 24px 0 24px;} .mobile_width #gameBody .game_youtube_wrap .game_youtube_item{width:calc(25vw - 24px);} .mobile_width #gameBody .game_youtube_wrap .game_youtube_item .youtube_thumbnail{height:calc(14vw - 13px);} .mobile_width #gameBody .game_youtube_wrap .youtube_list_wrap .youtube_group_button{top:calc(7vw - 24px);} } @media only screen and (max-width:800px) and (min-width:600px) { .mobile_width #gameBody .youtube_section.has_video{height:calc(18vw + 213px);} .mobile_width #gameBody .game_youtube_wrap .game_youtube_item{width:calc(33vw - 25px);} .mobile_width #gameBody .game_youtube_wrap .game_youtube_item:nth-child(4){display:none;} .mobile_width #gameBody .game_youtube_wrap .game_youtube_item:nth-child(3){margin-right:0;} .mobile_width #gameBody .game_youtube_wrap .game_youtube_item .youtube_thumbnail{height:calc(18vw - 14px);} .mobile_width #gameBody .game_youtube_wrap .youtube_list_wrap .youtube_group_button{top:calc(9vw - 25px);} } @media only screen and (max-width:599px) { #gameBody .youtube_section.has_video{height:319px;} #gameBody .youtube_section .game_youtube_wrap{width:100%;padding-top:32px;overflow:hidden;} #gameBody .game_youtube_wrap .game_youtube_item .video_title{font-size:15px;} #gameBody .game_youtube_wrap .game_youtube_item .video_info{margin-top:4px;} } #gameBody .game_common_info .common_info_wrap{margin-top:16px;} #gameBody .game_common_info .info_item{} #gameBody .game_common_info .info_item .info_title{vertical-align:top;width:88px;line-height:20px;} #gameBody .game_common_info .info_item .info_content{padding-bottom:16px;vertical-align:top;width:calc(100% - 88px);line-height:20px;} #gameBody .game_common_info .info_item .info_content .check_icon{height:16px;margin-right:6px;margin-top:2px;} #gameBody .game_common_info .info_item .info_content .link_icon{height:16px;margin-right:6px;margin-top:2px;} #gameBody .game_common_info .info_item .info_content .release_date_comment{margin-left:8px;display:inline;} #gameBody .game_common_info .info_item .info_content .localize_item{word-break:break-word;} #gameBody .game_common_info .search_shortcut{user-select:none;cursor:pointer;line-height:20px;width:100%;border:solid 1px #ced8e5;border-radius:13px;background:#ebeff8;margin-top:12px;padding:16px;} #gameBody .game_common_info .search_shortcut .search_badge{padding:0 6px 1px 6px;background:#4a596d;border-radius:2px;margin-right:4px;} #gameBody .game_common_info .search_shortcut .search_item{display:inline;} #gameBody .game_common_info .search_shortcut .search_icon{height:20px;float:right;margin:12px 0 0 4px;} #gameBody .game_review_summary .point_word_cloud_wrap{background:rgba(235, 239, 248, 0.3);border:1px solid #ced8e5;border-radius:13px;position:relative;} @media only screen and (max-width:599px) { #gameBody .game_review_summary .point_word_cloud_wrap{border:none;border-top:solid 1px #ced8e5;border-bottom:solid 1px #ced8e5;border-radius:0px;width:100vw;margin-left:-16px;} } #gameBody .game_review_summary .review_point_chart_wrap{padding:24px 40px;height:200px;border-bottom:solid 1px #ced8e5;} #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap{text-align:center;width:118px;margin-top:16px;vertical-align:top;} #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap .logo_icon{height:28px;} #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap .avg_score{line-height:50px;margin-top:6px;} #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap .no_score{line-height:50px;margin-top:6px;} #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap .review_cnt_wrap{line-height:19px;margin-top:12px;} #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap .review_cnt_wrap .arrow_icon{height:13px;transform:rotate(180deg);margin:3px 0 0 2px;} #gameBody .game_review_summary .review_point_chart{margin:12px 0 0 20px;vertical-align:top;float:right;} #gameBody .game_review_summary .review_point_chart .chart_item{width:26px;text-align:center;vertical-align:top;margin-right:12px;} #gameBody .game_review_summary .review_point_chart .chart_item:last-child{margin-right:0px;} #gameBody .game_review_summary .review_point_chart .chart_item .bar_background{height:120px;width:26px;margin:auto;position:relative;border-radius:4px 4px 0 0;} #gameBody .game_review_summary .review_point_chart .chart_item:hover .bar_background{background:#ebeff8;} #gameBody .game_review_summary .review_point_chart .chart_item .bar_foreground{width:26px;border-radius:4px 4px 0 0;background:#3f9dff;position:absolute;bottom:0;left:0;min-height:1px;} #gameBody .game_review_summary .review_point_chart .chart_item .bar_label{line-height:16px;margin-top:4px;} @media only screen and (max-width:599px) { #gameBody .game_review_summary .review_point_chart_wrap{padding:18px 20px;height:255px;} #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap{display:block;width:100%;margin-top:0;text-align:left;} #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap .logo_icon{height:24px;} #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap .no_score{display:inline-block;font-size:28px;line-height:34px;margin-top:0;} #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap .avg_score{display:inline-block;font-size:28px;line-height:34px;margin-top:0;} #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap .review_cnt_wrap{display:inline-block;vertical-align:top;margin:12px 0 0 8px;} #gameBody .game_review_summary .review_point_chart{float:none;display:block;width:100%;margin-left:0;} #gameBody .game_review_summary .review_point_chart .chart_item{width:10%;margin-right:0px;} } #gameBody .game_review_summary .review_word_cloud_wrap{display:inline-block;vertical-align:top;width:50%;height:278px;} #gameBody .game_review_summary .review_word_cloud_wrap .cloud_title{margin:24px 0 0 24px;line-height:20px;} #gameBody .game_review_summary .review_word_cloud_wrap .cloud_title .word_cloud_help{height:16px;margin:2px 0 0 2px;} #gameBody .game_review_summary .review_word_cloud_wrap .word_cloud{width:calc(100% - 32px);height:210px;margin:8px 16px 16px 16px;vertical-align:top;} #gameBody .game_review_summary .review_word_cloud_wrap.positive .jqcloud{color:#3f9dff;} #gameBody .game_review_summary .review_word_cloud_wrap.negative .jqcloud{color:#e75f5b;} #gameBody .game_review_summary .review_word_cloud_wrap .w10{font-size:44px;} #gameBody .game_review_summary .review_word_cloud_wrap .w9{font-size:32px;} #gameBody .game_review_summary .review_word_cloud_wrap .w8{font-size:24px;} #gameBody .game_review_summary .review_word_cloud_wrap .w7{font-size:24px;} #gameBody .game_review_summary .review_word_cloud_wrap .w6{font-size:18px;} #gameBody .game_review_summary .review_word_cloud_wrap .w5{font-size:18px;} #gameBody .game_review_summary .review_word_cloud_wrap .w4{font-size:18px;} #gameBody .game_review_summary .review_word_cloud_wrap .w3{font-size:13px;} #gameBody .game_review_summary .review_word_cloud_wrap .w2{font-size:13px;} #gameBody .game_review_summary .review_word_cloud_wrap .w1{font-size:13px;} #gameBody .game_review_summary .review_word_cloud_wrap .no_result_wrap{width:calc(100% - 24px);height:210px;margin:12px;vertical-align:top;position:relative;} #gameBody .game_review_summary .review_word_cloud_wrap .no_result_image{width:158px;height:142px;margin:0 auto;background-image:url('/images/background/no_word_cloud.png');background-size:contain;background-position:center;background-repeat:no-repeat;} #gameBody .game_review_summary .review_word_cloud_wrap .no_result_info{margin-top:16px;line-height:18px;text-align:center;} #gameBody .game_review_summary .no_word_cloud_wrap{height:68px;width:100%;background:#ebeff8;position:absolute;border-radius:0 0 13px 13px;bottom:0;left:0;border-top:solid 1px #ced8e5;padding:16px 26px;line-height:36px;} #gameBody .game_review_summary .no_word_cloud_wrap .keyword_button{float:right;width:152px;} #gameBody .game_review_summary .login_cloud_wrap{height:68px;width:100%;background:#ebeff8;border-radius:0 0 13px 13px;border-top:solid 1px #ced8e5;padding:16px 26px;line-height:36px;} #gameBody .game_review_summary .login_cloud_wrap .button_wrap{float:right;} #gameBody .game_review_summary .login_cloud_wrap .button_wrap .btn_r{width:98px;} #gameBody .game_review_summary .login_cloud_wrap .button_wrap .wc_detail_button{margin-right:4px;} @media only screen and (max-width:599px) { #gameBody .game_review_summary .review_word_cloud_wrap{height:402px;} #gameBody .game_review_summary .review_word_cloud_wrap.both_empty{height:auto;} #gameBody .game_review_summary .review_word_cloud_wrap .cloud_title{margin:20px 0 0 16px;} #gameBody .game_review_summary .review_word_cloud_wrap .word_cloud{height:338px;} #gameBody .game_review_summary .review_word_cloud_wrap .no_result_wrap{height:auto;} #gameBody .game_review_summary .review_word_cloud_wrap .no_result_image{margin-top:60px;max-width:100%;} #gameBody .game_review_summary .review_word_cloud_wrap.both_empty .no_result_image{margin-top:0;} #gameBody .game_review_summary .no_word_cloud_wrap{text-align:center;height:auto;width:calc(100% - 32px);position:relative;border-radius:13px;border:solid 1px #ced8e5;padding:16px;line-height:20px;margin:0 auto 16px auto;} #gameBody .game_review_summary .no_word_cloud_wrap .keyword_button{float:none;display:block;margin:12px auto 0 auto;width:152px;} #gameBody .game_review_summary .login_cloud_wrap{font-size:14px;height:auto;width:calc(100% - 32px);border-radius:13px;border:solid 1px #ced8e5;padding:16px;line-height:18px;margin:0 auto 16px auto;text-align:center;} #gameBody .game_review_summary .login_cloud_wrap .button_wrap{float:none;display:block;margin-top:16px;} #gameBody .game_review_summary .login_cloud_wrap .button_wrap .btn_r{width:102px;} #gameBody .game_review_summary .login_cloud_wrap .button_wrap .wc_detail_button{margin-right:16px;} } #gameBody .game_review_summary .short_review{width:588px;margin-top:16px;padding:16px 20px;cursor:pointer;border-radius:13px;box-shadow:0 2px 4px -1px rgba(3, 24, 39, 0.16), 0 1px 10px 0 rgba(3, 24, 39, 0.12), 0 4px 5px 0 rgba(3, 24, 39, 0.06);} #gameBody .game_review_summary .short_review .short_review_header{line-height:23px;height:22px;} #gameBody .game_review_summary .short_review .short_review_header .profile_image{width:22px;height:22px;border-radius:11px;border:solid 1px #ced8e5;margin-right:4px;} #gameBody .game_review_summary .short_review .short_review_header .user_nickname{vertical-align:top;} #gameBody .game_review_summary .short_review .short_review_header .display_time{vertical-align:top;margin-left:4px;} #gameBody .game_review_summary .short_review .short_review_header .type_badge{vertical-align:top;float:right;border-radius:6px;padding:0 6px;} #gameBody .game_review_summary .short_review .review_point_wrap{margin-top:12px;} #gameBody .game_review_summary .short_review .review_point_wrap .review_point{width:110px;height:22px;position:relative;vertical-align:top;} #gameBody .game_review_summary .short_review .review_point_wrap .review_point_star{height:22px;vertical-align:top;} #gameBody .game_review_summary .short_review .review_point_wrap .background{position:absolute;top:0;left:0;z-index:1;} #gameBody .game_review_summary .short_review .review_point_wrap .foreground{position:absolute;top:0;left:0;z-index:2;} #gameBody .game_review_summary .short_review .review_point_wrap .short_review_point_text{line-height:22px;margin-left:2px;} #gameBody .game_review_summary .short_review .featured_tag_wrap{margin-top:10px;} #gameBody .game_review_summary .short_review .featured_tag{height:23px;line-height:21px;background:#fff5bd;border:solid 1px #ffef91;border-radius:6px;color:#f76f00;padding:0 6px;} #gameBody .game_review_summary .short_review .featured_tag img{height:18px;margin-top:1px;} #gameBody .game_review_summary .short_review .content{line-height:24px;margin-top:4px;max-height:48px;overflow:hidden;} #gameBody .game_review_summary .short_review .no_content{line-height:20px;margin-top:28px;margin-bottom:16px;text-align:center;} #gameBody .game_review_summary .short_review .no_content .no_content_button{width:94px;margin-top:16px;font-weight:700;} #gameBody .game_review_summary .short_review .more_text{line-height:22px;margin-top:2px;} #gameBody .game_review_summary .short_review .cnt_wrap{margin-top:12px;line-height:19px;} #gameBody .game_review_summary .short_review .cnt_wrap .comment_cnt_wrap{float:right;} #gameBody .game_review_summary .go_review_button{width:100%;margin-top:20px;position:relative;} #gameBody .game_review_summary .go_review_button .register_badge{position:absolute;width:210px;z-index:10;pointer-events:none;top:-28px;left:calc(50% - 105px);animation:missionBadge 1.1s infinite;} #gameBody .game_review_summary .go_review_button .register_badge .badge_body{height:27px;line-height:26px;text-align:center;background:#3d7beb;border-radius:4px;overflow:hidden;box-shadow:0px 4px 5px 0px rgba(3, 24, 39, 0.06),0px 1px 10px 0px rgba(3, 24, 39, 0.12),0px 2px 4px -1px rgba(3, 24, 39, 0.16);} #gameBody .game_review_summary .go_review_button .register_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;bottom:1px;left:50%;transform:translate(-50%, 0);} #gameBody .game_review_summary .go_review_button .register_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(45deg);left:0px;top:5px;} #gameBody .game_review_summary .no_review_wrap{line-height:20px;text-align:center;padding:64px 0 32px 0;} #gameBody .game_review_summary .no_review_wrap .write_review_button{margin-top:16px;font-weight:700;width:94px;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_review_summary .short_review{width:100%;} } @media only screen and (max-width:1000px) and (min-width:690px) { .mobile_width #gameBody .game_review_summary .review_point_chart_wrap .chart_text_wrap{width:140px;} .mobile_width #gameBody .game_review_summary .review_point_chart{margin-left:0;float:none;width:calc(100% - 140px);text-align:center;} } @media only screen and (max-width:599px) { #gameBody .game_review_summary .short_review{width:100%;margin-top:16px;padding:0 0 20px 0;border-radius:0px;box-shadow:none;border-bottom:solid 1px #ebeff8;} #gameBody .game_review_summary .short_review:last-child{border-bottom:none;padding-bottom:0;} #gameBody .game_review_summary .short_review .review_point_wrap{margin-top:8px;} #gameBody .game_review_summary .short_review .cnt_wrap{margin-top:8px;} } #gameBody .game_post_summary .short_post{width:588px;margin-top:16px;padding:16px 20px;cursor:pointer;border-radius:13px;box-shadow:0 2px 4px -1px rgba(3, 24, 39, 0.16), 0 1px 10px 0 rgba(3, 24, 39, 0.12), 0 4px 5px 0 rgba(3, 24, 39, 0.06);} #gameBody .game_post_summary .short_post .short_post_header{height:40px;} #gameBody .game_post_summary .short_post .short_post_header .profile_image{width:40px;height:40px;border-radius:20px;border:solid 1px #ced8e5;margin-right:8px;} #gameBody .game_post_summary .short_post .short_post_header .header_text_wrap{width:calc(100% - 48px);vertical-align:top;} #gameBody .game_post_summary .short_post .short_post_header .user_info{line-height:18px;} #gameBody .game_post_summary .short_post .short_post_header .user_nickname{vertical-align:top;} #gameBody .game_post_summary .short_post .short_post_header .display_time{vertical-align:top;margin-left:4px;} #gameBody .game_post_summary .short_post .short_post_header .category_name{line-height:22px;} #gameBody .game_post_summary .short_post .short_post_header .category_name .mobile_icon_new{height:20px;margin-top:1px;} #gameBody .game_post_summary .short_post .content{line-height:24px;margin-top:8px;max-height:48px;overflow:hidden;} #gameBody .game_post_summary .short_post .more_text{line-height:22px;margin-top:2px;} #gameBody .game_post_summary .short_post .post_image_list{margin-top:12px;} #gameBody .game_post_summary .short_post .post_image_list .post_image_item{vertical-align:top;width:104px;height:69px;border-radius:8px;margin-right:7px;background-size:cover;background-position:center;} #gameBody .game_post_summary .short_post .post_image_list .post_image_item:nth-child(n+5){margin-right:0px;} #gameBody .game_post_summary .short_post .post_image_list .post_image_item:nth-child(n+6){display:none;} #gameBody .game_post_summary .short_post .cnt_wrap{margin-top:12px;line-height:19px;} #gameBody .game_post_summary .short_post .cnt_wrap .comment_cnt_wrap{float:right;} #gameBody .game_post_summary .go_post_button{width:100%;margin-top:20px;} #gameBody .game_post_summary .no_post_wrap{line-height:20px;text-align:center;padding:64px 0 32px 0;} #gameBody .game_post_summary .no_post_wrap .write_post_button{margin-top:16px;font-weight:700;width:94px;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_post_summary .short_post{width:100%;} } @media only screen and (max-width:599px) { #gameBody .game_post_summary .short_post{width:100%;margin-top:16px;padding:0 0 20px 0;border-radius:0px;box-shadow:none;border-bottom:solid 1px #ebeff8;} #gameBody .game_post_summary .short_post:last-child{border-bottom:none;padding-bottom:0;} #gameBody .game_post_summary .short_post .post_image_list .post_image_item{width:calc(33vw - 16px);height:calc(21vw - 10px);margin-right:8px;margin-bottom:8px;} #gameBody .game_post_summary .short_post .post_image_list .post_image_item:nth-child(n+5){margin-right:8px;} #gameBody .game_post_summary .short_post .post_image_list .post_image_item:nth-child(3n){margin-right:0px;} #gameBody .game_post_summary .short_post .post_image_list .post_image_item:nth-child(n+6){display:inline-block;} #gameBody .game_post_summary .short_post .post_image_list .post_image_item:nth-child(n+4){margin-bottom:0px;} #gameBody .game_post_summary .short_post .cnt_wrap{margin-top:8px;} } #gameBody .game_tip_summary .go_tip_button{width:100%;margin-top:20px;} #gameBody .game_tip_summary .no_tip_wrap{line-height:20px;text-align:center;padding:64px 0 32px 0;} #gameBody .game_tip_summary .no_tip_wrap .write_tip_button{margin-top:16px;font-weight:700;width:120px;} @media only screen and (max-width:599px) { #gameBody .game_company_game_list .game_section_title{margin-bottom:20px;} } #gameBody .game_collection_list .game_section_title{margin-bottom:20px;} #gameBody .game_collection_list .collection_item{margin-top:72px;} #gameBody .game_collection_list .collection_item:first-child{margin-top:0px;} #gameBody .game_collection_list .collection_item .collection_image_wrap{position:relative;width:60px;height:65px;vertical-align:top;margin-right:16px;} #gameBody .game_collection_list .collection_item .image_background_1{position:absolute;top:0;left:5px;width:49px;height:49px;border-radius:13px;background:#ced8e5;opacity:0.5;} #gameBody .game_collection_list .collection_item .image_background_2{position:absolute;top:2px;left:2px;width:56px;height:56px;border-radius:13px;background:#ced8e5;} #gameBody .game_collection_list .collection_item .collection_image{position:absolute;top:5px;left:0px;width:60px;height:60px;border-radius:8px;background-size:cover;background-position:center;} #gameBody .game_collection_list .collection_item .text_info_wrap{vertical-align:top;width:calc(100% - 136px);padding-top:11px;} #gameBody .game_collection_list .collection_item .text_info_wrap .collection_title{line-height:24px;} #gameBody .game_collection_list .collection_item .text_info_wrap .collection_game_cnt{line-height:19px;margin-top:1px;} #gameBody .game_collection_list .collection_item .collection_more_button{float:right;vertical-align:top;line-height:60px;margin-top:5px;} #gameBody .game_collection_list .game_list_wrap{margin-top:20px;} @media only screen and (max-width:599px) { #gameBody .game_collection_list .collection_item .collection_image_wrap{width:80px;height:86px;} #gameBody .game_collection_list .collection_item .image_background_1{left:6px;width:67px;height:67px;} #gameBody .game_collection_list .collection_item .image_background_2{top:3px;left:3px;width:74px;height:74px;} #gameBody .game_collection_list .collection_item .collection_image{top:6px;width:80px;height:80px;} #gameBody .game_collection_list .collection_item .text_info_wrap{width:calc(100% - 96px);padding-top:24px;} #gameBody .game_collection_list .collection_item .text_info_wrap .collection_title{line-height:22px;} #gameBody .game_collection_list .collection_item .text_info_wrap .collection_game_cnt{line-height:19px;margin-top:5px;} #gameBody .game_collection_list .collection_item .collection_more_button{display:none;} } #gameBody .game_main_game_item{width:136px;margin-right:28px;position:relative;vertical-align:top;} #gameBody .game_main_game_item:last-child{margin-right:0;} #gameBody .game_main_game_item .cover_image{position:relative;width:136px;height:136px;border-radius:13px;background-size:cover;background-position:center;background-color:#FFF;} #gameBody .game_main_game_item .cover_image.no_image{background-color:#ced8e5;background-image:url('/images/icon_v3/image_placeholder_alpha.png');background-size:28px 28px;background-repeat:no-repeat;} #gameBody .game_main_game_item .library_state_button_square{height:32px;position:absolute;bottom:-8px;right:-8px;cursor:pointer;} #gameBody .game_main_game_item .game_name{margin-top:12px;line-height:22px;} #gameBody .game_main_game_item .game_name .mobile_icon_new{height:20px;margin-top:1px;} #gameBody .game_main_game_item .mini_score{margin-top:4px;line-height:19px;} #gameBody .game_main_game_item .genre_list{margin-top:8px;line-height:25px;} #gameBody .game_main_game_item .genre_item{background:#ebeff8;border-radius:6px;padding:0 6px;margin:0 4px 4px 0;user-select:none;cursor:pointer;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_main_game_item{width:calc(16vw - 18px);margin-right:18px;} .mobile_width #gameBody .game_main_game_item:last-child{margin-right:0;} .mobile_width #gameBody .game_main_game_item .cover_image{width:calc(16vw - 18px);height:calc(16vw - 18px);} } @media only screen and (max-width:768px) and (min-width:600px) { .mobile_width #gameBody .game_main_game_item{width:calc(25vw - 33px);margin-right:28px;} .mobile_width #gameBody .game_main_game_item:last-child{margin-right:0;display:none;} .mobile_width #gameBody .game_main_game_item:nth-child(5){margin-right:0;display:none;} .mobile_width #gameBody .game_main_game_item:nth-child(4){margin-right:0;} .mobile_width #gameBody .game_main_game_item .cover_image{width:calc(25vw - 33px);height:calc(25vw - 33px);} } @media only screen and (max-width:599px) and (min-width:400px) { #gameBody .game_main_game_item{width:calc(33vw - 24px);margin-right:20px;margin-bottom:28px;} #gameBody .game_main_game_item:nth-child(3n){margin-right:0;} #gameBody .game_main_game_item:nth-last-child(-n+3){margin-bottom:0;} #gameBody .game_main_game_item .cover_image{width:calc(33vw - 24px);height:calc(33vw - 24px);} #gameBody .game_main_game_item .mini_score{margin-top:0px;} } @media only screen and (max-width:399px) { #gameBody .game_main_game_item{width:calc(50vw - 26px);margin-right:20px;margin-bottom:28px;} #gameBody .game_main_game_item:nth-child(2n){margin-right:0;} #gameBody .game_main_game_item:nth-last-child(-n+2){margin-bottom:0;} #gameBody .game_main_game_item .cover_image{width:calc(50vw - 26px);height:calc(50vw - 26px);} #gameBody .game_main_game_item .mini_score{margin-top:0px;} } #gameBody .gamegroup_common_list .series_item{margin-top:40px;} #gameBody .gamegroup_common_list .series_item:first-child{margin-top:0px;} #gameBody .gamegroup_common_list .series_item .series_title{line-height:24px;} #gameBody .gamegroup_common_list .series_item .series_game_list_wrap{margin-top:16px;position:relative;} #gameBody .gamegroup_common_list .series_item .series_game_list{max-height:236px;} #gameBody .gamegroup_common_list .series_item .more_button{position:absolute;bottom:0;width:100%;height:75px;cursor:pointer;background:rgba(255,255,255,0.5);background:linear-gradient(to top, rgba(255,255,255,1) 25%, rgba(255,255,255,0));} #gameBody .gamegroup_common_list .series_item .more_button span{position:absolute;line-height:20px;bottom:0;left:0;} #gameBody .game_series_list .series_item{margin-top:40px;} #gameBody .game_series_list .series_item:first-child{margin-top:0px;} #gameBody .game_series_list .series_item .series_title{line-height:24px;} #gameBody .game_series_list .series_item .series_game_list_wrap{margin-top:16px;position:relative;} #gameBody .game_series_list .series_item .series_game_list{max-height:236px;} #gameBody .game_series_list .series_item .more_button{position:absolute;bottom:0;width:100%;height:75px;cursor:pointer;background:rgba(255,255,255,0.5);background:linear-gradient(to top, rgba(255,255,255,1) 25%, rgba(255,255,255,0));} #gameBody .game_series_list .series_item .more_button span{position:absolute;line-height:20px;bottom:0;left:0;} #gameBody .game_dlc_list .dlc_game_list_wrap{position:relative;} #gameBody .game_dlc_list .dlc_game_list{max-height:236px;} #gameBody .game_dlc_list .dlc_game_list_wrap .more_button{position:absolute;bottom:0;width:100%;height:75px;cursor:pointer;background:rgba(255,255,255,0.5);background:linear-gradient(to top, rgba(255,255,255,1) 25%, rgba(255,255,255,0));} #gameBody .game_dlc_list .dlc_game_list_wrap .more_button span{position:absolute;line-height:20px;bottom:0;left:0;} #gameBody .game_same_game_list .same_game_list_wrap{position:relative;} #gameBody .game_same_game_list .same_game_list{max-height:236px;} #gameBody .game_same_game_list .same_game_list_wrap .more_button{position:absolute;bottom:0;width:100%;height:75px;cursor:pointer;background:rgba(255,255,255,0.5);background:linear-gradient(to top, rgba(255,255,255,1) 25%, rgba(255,255,255,0));} #gameBody .game_same_game_list .same_game_list_wrap .more_button span{position:absolute;line-height:20px;bottom:0;left:0;} #gameBody .gamegroup_item{line-height:24px;margin-top:16px;} #gameBody .gamegroup_item:first-child{margin-top:0px;} #gameBody .gamegroup_item.step_1{padding-left:32px;} #gameBody .gamegroup_item.step_2{padding-left:64px;} #gameBody .gamegroup_item.step_3{padding-left:96px;} #gameBody .gamegroup_item .cover_image{vertical-align:top;width:24px;height:24px;border-radius:4px;margin-right:8px;background-size:cover;background-position:center;} #gameBody .gamegroup_item .cover_image.no_image{background-color:#ced8e5;background-image:url('/images/icon_v3/image_placeholder_alpha.png');background-size:20px 20px;background-repeat:no-repeat;} #gameBody .gamegroup_item .game_name{width:calc(100% - 58px);vertical-align:top;} #gameBody .gamegroup_item .game_name .mobile_icon_new{vertical-align:top;height:20px;margin-top:2px;} #gameBody .gamegroup_item .library_state_button_square{height:24px;margin-left:2px;cursor:pointer;} #gameBody .game_help_user_list .help_user_item{margin-top:12px;} #gameBody .game_help_user_list .help_user_item:first-child{margin-top:0;} #gameBody .game_help_user_list .help_user_item .profile_container{width:40px;height:40px;margin-right:8px;} #gameBody .game_help_user_list .help_user_item .profile_image{width:40px;height:40px;border-radius:20px;border:solid 1px #ced8e5;} #gameBody .game_help_user_list .help_user_text_wrap{width:calc(100% - 48px);vertical-align:top;} #gameBody .game_help_user_list .help_user_text_wrap .nickname{line-height:20px;} #gameBody .game_help_user_list .help_user_text_wrap .nickname .dev_user_icon{margin:2px 0 0 2px;} #gameBody .game_help_user_list .help_user_text_wrap .intro{line-height:18px;margin-top:2px;} /******** 비디오 팝업 */ #gameVideoPopup{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;} #gameVideoPopup .video_player_wrap{margin:auto;max-width:868px;max-height:488px;width:calc(100vw - 120px);height:calc(56vw - 66px);position:relative;} #gameVideoPopup .video_player_wrap .close_button{position:absolute;right:0;top:-40px;} #gameVideoPopup .video_player_wrap .close_button img{height:28px;cursor:pointer;} #gameVideoPopup .video_player_wrap .move_button_wrap{width:76px;height:100%;position:absolute;} #gameVideoPopup .video_player_wrap .move_button_wrap.left_button{left:-76px;top:0;} #gameVideoPopup .video_player_wrap .move_button_wrap.right_button{right:-76px;top:0;} #gameVideoPopup .video_player_wrap .move_button_wrap .move_button{position:absolute;top:50%;left:20px;transform:translate(0, -50%);cursor:pointer;width:36px;height:36px;border-radius:18px;background:#FFF;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.4);} #gameVideoPopup .video_player_wrap .move_button_wrap .move_button img{height:20px;margin:8px;} #gameVideoPopup .video_player_wrap .move_button_wrap.left_button .move_button img{transform:rotate(180deg);} #gameVideoPopup .video_player_wrap.single_video .move_button_wrap .move_button{display:none;} #gameVideoPopup .video_player_wrap.first_video .move_button_wrap.left_button .move_button{display:none;} #gameVideoPopup .video_player_wrap.last_video .move_button_wrap.right_button .move_button{display:none;} #gameVideoPopup .video_player_wrap .video_player{width:100%;height:100%;background:#000;} #gameVideoPopup .video_player_wrap .video_player .video_iframe{width:100%;height:100%;} #gameVideoPopup .video_player_wrap .video_player .video_obj{width:100%;height:100%;} #gameVideoPopup .video_thumbnail_list_wrap{margin-top:32px;} #gameVideoPopup .video_thumbnail_list_wrap .video_thumbnail_list{text-align:center;position:relative;} #gameVideoPopup .video_thumbnail_list_wrap .video_thumbnail_list.full_list{width:536px;margin:auto;} #gameVideoPopup .video_thumbnail_list_wrap .video_thumbnail_item{width:128px;height:80px;margin-right:8px;vertical-align:top;background-size:cover;background-position:center;background-color:#000;cursor:pointer;} #gameVideoPopup .video_thumbnail_list_wrap .video_thumbnail_item:last-child{margin-right:0;} #gameVideoPopup .video_thumbnail_list_wrap .video_thumbnail_item.no_video{background:transparent;cursor:inherit;} #gameVideoPopup .video_thumbnail_list_wrap .video_thumbnail_item .selected_mark{width:100%;height:100%;border:solid 2px #51acff;} #gameVideoPopup .video_thumbnail_list_wrap .group_left_button{height:28px;position:absolute;top:26px;left:-40px;cursor:pointer;} #gameVideoPopup .video_thumbnail_list_wrap .group_right_button{height:28px;position:absolute;top:26px;right:-40px;cursor:pointer;} #gameVideoPopup .video_thumbnail_list_wrap.first_group .group_left_button{display:none;} #gameVideoPopup .video_thumbnail_list_wrap.last_group .group_right_button{display:none;} #gameVideoPopup .video_thumbnail_list_wrap .group_dot_list{margin-top:14px;text-align:center;} #gameVideoPopup .video_thumbnail_list_wrap .group_dot_list .group_dot_wrap{width:12px;height:12px;padding:2px;cursor:pointer;margin:0 2px;} #gameVideoPopup .video_thumbnail_list_wrap .group_dot_list .group_dot{width:8px;height:8px;border-radius:4px;background:rgba(255, 255, 255, 0.3);} #gameVideoPopup .video_thumbnail_list_wrap .group_dot_list .group_dot.selected{background:#51acff;} @media only screen and (max-width:1000px) and (min-width:600px) { #gameVideoPopup .video_player_wrap .move_button_wrap{width:60px;} #gameVideoPopup .video_player_wrap .move_button_wrap.left_button{left:-60px;} #gameVideoPopup .video_player_wrap .move_button_wrap.right_button{right:-60px;} #gameVideoPopup .video_player_wrap .move_button_wrap .move_button{left:12px;} } @media only screen and (max-width:660px) and (min-width:600px) { #gameVideoPopup .video_thumbnail_list_wrap .group_left_button{left:-28px;} #gameVideoPopup .video_thumbnail_list_wrap .group_right_button{right:-28px;} } @media only screen and (max-width:599px) { #gameVideoPopup .video_player_wrap{max-width:100vw;max-height:100vh;width:calc(100vw - 32px);height:calc(56vw - 18px);} #gameVideoPopup .video_player_wrap .move_button_wrap.left_button{width:40px;left:-16px;} #gameVideoPopup .video_player_wrap .move_button_wrap.right_button{width:40px;right:-16px;} #gameVideoPopup .video_player_wrap .move_button_wrap .move_button{width:24px;height:24px;border-radius:12px;left:8px;} #gameVideoPopup .video_player_wrap .move_button_wrap .move_button img{height:16px;margin:4px;} #gameVideoPopup .video_thumbnail_list_wrap{margin-top:20px;} #gameVideoPopup .video_thumbnail_list_wrap .video_thumbnail_list.full_list{width:calc(100vw - 88px);} #gameVideoPopup .video_thumbnail_list_wrap .video_thumbnail_item{width:calc(25vw - 26px);height:calc(15vw - 16px);margin-right:5px;} #gameVideoPopup .video_thumbnail_list_wrap .group_left_button{height:20px;top:calc(8vw - 18px);left:-28px;} #gameVideoPopup .video_thumbnail_list_wrap .group_right_button{height:20px;top:calc(8vw - 18px);right:-28px;} #gameVideoPopup .video_thumbnail_list_wrap .group_dot_list .group_dot_wrap{margin:0 3px;} } /******** 이미지 팝업 */ #gameImagePopup{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;} #gameImagePopup .image_wrap{margin:auto;max-width:868px;max-height:488px;width:calc(100vw - 120px);height:calc(56vw - 66px);position:relative;} #gameImagePopup .image_wrap .close_button{position:absolute;right:0;top:-40px;} #gameImagePopup .image_wrap .close_button img{height:28px;cursor:pointer;} #gameImagePopup .image_wrap .move_button_wrap{width:76px;height:100%;position:absolute;} #gameImagePopup .image_wrap .move_button_wrap.left_button{left:-76px;top:0;} #gameImagePopup .image_wrap .move_button_wrap.right_button{right:-76px;top:0;} #gameImagePopup .image_wrap .move_button_wrap .move_button{position:absolute;top:50%;left:20px;transform:translate(0, -50%);cursor:pointer;width:36px;height:36px;border-radius:18px;background:#FFF;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.4);} #gameImagePopup .image_wrap .move_button_wrap .move_button img{height:20px;margin:8px;} #gameImagePopup .image_wrap .move_button_wrap.left_button .move_button img{transform:rotate(180deg);} #gameImagePopup .image_wrap.single_image .move_button_wrap .move_button{display:none;} #gameImagePopup .image_wrap.first_image .move_button_wrap.left_button .move_button{display:none;} #gameImagePopup .image_wrap.last_image .move_button_wrap.right_button .move_button{display:none;} #gameImagePopup .image_wrap .game_image{width:100%;height:100%;background:#000;} #gameImagePopup .image_wrap .game_image img{object-fit:contain;width:100%;height:100%;} #gameImagePopup .image_thumbnail_list_wrap{margin-top:32px;} #gameImagePopup .image_thumbnail_list_wrap .image_thumbnail_list{text-align:center;position:relative;} #gameImagePopup .image_thumbnail_list_wrap .image_thumbnail_list.full_list{width:536px;margin:auto;} #gameImagePopup .image_thumbnail_list_wrap .image_thumbnail_item{width:128px;height:80px;margin-right:8px;vertical-align:top;background-size:cover;background-position:center;background-color:#000;cursor:pointer;} #gameImagePopup .image_thumbnail_list_wrap .image_thumbnail_item:last-child{margin-right:0;} #gameImagePopup .image_thumbnail_list_wrap .image_thumbnail_item.no_image{background:transparent;cursor:inherit;} #gameImagePopup .image_thumbnail_list_wrap .image_thumbnail_item .selected_mark{width:100%;height:100%;border:solid 2px #51acff;} #gameImagePopup .image_thumbnail_list_wrap .group_left_button{height:28px;position:absolute;top:26px;left:-40px;cursor:pointer;} #gameImagePopup .image_thumbnail_list_wrap .group_right_button{height:28px;position:absolute;top:26px;right:-40px;cursor:pointer;} #gameImagePopup .image_thumbnail_list_wrap.first_group .group_left_button{display:none;} #gameImagePopup .image_thumbnail_list_wrap.last_group .group_right_button{display:none;} #gameImagePopup .image_thumbnail_list_wrap .group_dot_list{margin-top:14px;text-align:center;} #gameImagePopup .image_thumbnail_list_wrap .group_dot_list .group_dot_wrap{width:12px;height:12px;padding:2px;cursor:pointer;margin:0 2px;} #gameImagePopup .image_thumbnail_list_wrap .group_dot_list .group_dot{width:8px;height:8px;border-radius:4px;background:rgba(255, 255, 255, 0.3);} #gameImagePopup .image_thumbnail_list_wrap .group_dot_list .group_dot.selected{background:#51acff;} @media only screen and (max-width:1000px) and (min-width:600px) { #gameImagePopup .image_wrap .move_button_wrap{width:60px;} #gameImagePopup .image_wrap .move_button_wrap.left_button{left:-60px;} #gameImagePopup .image_wrap .move_button_wrap.right_button{right:-60px;} #gameImagePopup .image_wrap .move_button_wrap .move_button{left:12px;} } @media only screen and (max-width:660px) and (min-width:600px) { #gameImagePopup .image_thumbnail_list_wrap .group_left_button{left:-28px;} #gameImagePopup .image_thumbnail_list_wrap .group_right_button{right:-28px;} } @media only screen and (max-width:599px) { #gameImagePopup .image_wrap{max-width:100vw;max-height:100vh;width:calc(100vw - 32px);height:calc(56vw - 18px);} #gameImagePopup .image_wrap .move_button_wrap.left_button{width:40px;left:-16px;} #gameImagePopup .image_wrap .move_button_wrap.right_button{width:40px;right:-16px;} #gameImagePopup .image_wrap .move_button_wrap .move_button{width:24px;height:24px;border-radius:12px;left:8px;} #gameImagePopup .image_wrap .move_button_wrap .move_button img{height:16px;margin:4px;} #gameImagePopup .image_thumbnail_list_wrap{margin-top:20px;} #gameImagePopup .image_thumbnail_list_wrap .image_thumbnail_list.full_list{width:calc(100vw - 88px);} #gameImagePopup .image_thumbnail_list_wrap .image_thumbnail_item{width:calc(25vw - 26px);height:calc(15vw - 16px);margin-right:5px;} #gameImagePopup .image_thumbnail_list_wrap .group_left_button{height:20px;top:calc(8vw - 18px);left:-28px;} #gameImagePopup .image_thumbnail_list_wrap .group_right_button{height:20px;top:calc(8vw - 18px);right:-28px;} #gameImagePopup .image_thumbnail_list_wrap .group_dot_list .group_dot_wrap{margin:0 3px;} } /******** 유튜브 팝업 */ #gameYoutubePopup{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;} #gameYoutubePopup .youtube_player_wrap{margin:auto;max-width:868px;max-height:488px;width:calc(100vw - 120px);height:calc(56vw - 66px);position:relative;} #gameYoutubePopup .youtube_player_wrap .close_button{position:absolute;right:0;top:-40px;} #gameYoutubePopup .youtube_player_wrap .close_button img{height:28px;cursor:pointer;} #gameYoutubePopup .youtube_player_wrap .move_button_wrap{width:76px;height:100%;position:absolute;} #gameYoutubePopup .youtube_player_wrap .move_button_wrap.left_button{left:-76px;top:0;} #gameYoutubePopup .youtube_player_wrap .move_button_wrap.right_button{right:-76px;top:0;} #gameYoutubePopup .youtube_player_wrap .move_button_wrap .move_button{position:absolute;top:50%;left:20px;transform:translate(0, -50%);cursor:pointer;width:36px;height:36px;border-radius:18px;background:#FFF;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.4);} #gameYoutubePopup .youtube_player_wrap .move_button_wrap .move_button img{height:20px;margin:8px;} #gameYoutubePopup .youtube_player_wrap .move_button_wrap.left_button .move_button img{transform:rotate(180deg);} #gameYoutubePopup .youtube_player_wrap.single_youtube .move_button_wrap .move_button{display:none;} #gameYoutubePopup .youtube_player_wrap.first_youtube .move_button_wrap.left_button .move_button{display:none;} #gameYoutubePopup .youtube_player_wrap.last_youtube .move_button_wrap.right_button .move_button{display:none;} #gameYoutubePopup .youtube_player_wrap .youtube_player{width:100%;height:100%;background:#000;} #gameYoutubePopup .youtube_player_wrap .youtube_player .youtube_iframe{width:100%;height:100%;} #gameYoutubePopup .youtube_thumbnail_list_wrap{margin-top:32px;} #gameYoutubePopup .youtube_thumbnail_list_wrap .youtube_thumbnail_list{text-align:center;position:relative;} #gameYoutubePopup .youtube_thumbnail_list_wrap .youtube_thumbnail_list.full_list{width:536px;margin:auto;} #gameYoutubePopup .youtube_thumbnail_list_wrap .youtube_thumbnail_item{width:128px;height:80px;margin-right:8px;vertical-align:top;background-size:cover;background-position:center;background-color:#000;cursor:pointer;} #gameYoutubePopup .youtube_thumbnail_list_wrap .youtube_thumbnail_item:last-child{margin-right:0;} #gameYoutubePopup .youtube_thumbnail_list_wrap .youtube_thumbnail_item.no_video{background:transparent;cursor:inherit;} #gameYoutubePopup .youtube_thumbnail_list_wrap .youtube_thumbnail_item .selected_mark{width:100%;height:100%;border:solid 2px #51acff;} #gameYoutubePopup .youtube_thumbnail_list_wrap .group_left_button{height:28px;position:absolute;top:26px;left:-40px;cursor:pointer;} #gameYoutubePopup .youtube_thumbnail_list_wrap .group_right_button{height:28px;position:absolute;top:26px;right:-40px;cursor:pointer;} #gameYoutubePopup .youtube_thumbnail_list_wrap.first_group .group_left_button{display:none;} #gameYoutubePopup .youtube_thumbnail_list_wrap.last_group .group_right_button{display:none;} #gameYoutubePopup .youtube_thumbnail_list_wrap .group_dot_list{margin-top:14px;text-align:center;} #gameYoutubePopup .youtube_thumbnail_list_wrap .group_dot_list .group_dot_wrap{width:12px;height:12px;padding:2px;cursor:pointer;margin:0 2px;} #gameYoutubePopup .youtube_thumbnail_list_wrap .group_dot_list .group_dot{width:8px;height:8px;border-radius:4px;background:rgba(255, 255, 255, 0.3);} #gameYoutubePopup .youtube_thumbnail_list_wrap .group_dot_list .group_dot.selected{background:#51acff;} @media only screen and (max-width:1000px) and (min-width:600px) { #gameYoutubePopup .youtube_player_wrap .move_button_wrap{width:60px;} #gameYoutubePopup .youtube_player_wrap .move_button_wrap.left_button{left:-60px;} #gameYoutubePopup .youtube_player_wrap .move_button_wrap.right_button{right:-60px;} #gameYoutubePopup .youtube_player_wrap .move_button_wrap .move_button{left:12px;} } @media only screen and (max-width:660px) and (min-width:600px) { #gameYoutubePopup .youtube_thumbnail_list_wrap .group_left_button{left:-28px;} #gameYoutubePopup .youtube_thumbnail_list_wrap .group_right_button{right:-28px;} } @media only screen and (max-width:599px) { #gameYoutubePopup .youtube_player_wrap{max-width:100vw;max-height:100vh;width:calc(100vw - 32px);height:calc(56vw - 18px);} #gameYoutubePopup .youtube_player_wrap .move_button_wrap.left_button{width:40px;left:-16px;} #gameYoutubePopup .youtube_player_wrap .move_button_wrap.right_button{width:40px;right:-16px;} #gameYoutubePopup .youtube_player_wrap .move_button_wrap .move_button{width:24px;height:24px;border-radius:12px;left:8px;} #gameYoutubePopup .youtube_player_wrap .move_button_wrap .move_button img{height:16px;margin:4px;} #gameYoutubePopup .youtube_thumbnail_list_wrap{margin-top:20px;} #gameYoutubePopup .youtube_thumbnail_list_wrap .youtube_thumbnail_list.full_list{width:calc(100vw - 88px);} #gameYoutubePopup .youtube_thumbnail_list_wrap .youtube_thumbnail_item{width:calc(25vw - 26px);height:calc(15vw - 16px);margin-right:5px;} #gameYoutubePopup .youtube_thumbnail_list_wrap .group_left_button{height:20px;top:calc(8vw - 18px);left:-28px;} #gameYoutubePopup .youtube_thumbnail_list_wrap .group_right_button{height:20px;top:calc(8vw - 18px);right:-28px;} #gameYoutubePopup .youtube_thumbnail_list_wrap .group_dot_list .group_dot_wrap{margin:0 3px;} } /******** 리뷰 페이지 기본 */ #gameBody .feed_title .review_feed_header .cnt_wrap{vertical-align:top;} #gameBody .feed_title .review_feed_header .cnt_wrap .title{line-height:33px;} #gameBody .feed_title .review_feed_header .cnt_wrap .has_review_cnt{line-height:19px;} #gameBody .feed_title .review_feed_header .write_review_button{width:110px;float:right;vertical-align:top;margin-top:9px;} #gameBody .feed_title .review_feed_header .write_review_button img{height:18px;margin:8px 6px 0 0;} #gameBody .feed_title .sort_filter_wrap{margin:28px 0 0 0;} #gameBody .feed_title .sort_filter_wrap .sort_item{background:#ebeff8;border-radius:4px;padding:0 8px;line-height:32px;margin-right:6px;cursor:pointer;user-select:none;} #gameBody .feed_title .sort_filter_wrap .sort_item.selected{background:#3f9dff;color:#FFF;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap{vertical-align:top;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .filter_button_box{position:relative;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .filter_button{background:#ebeff8;border-radius:4px;border:solid 2px transparent;padding:0 4px;line-height:28px;cursor:pointer;user-select:none;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .open .filter_button{border-color:#bfe1ff;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .filter_button img{height:20px;margin:4px 0 0 4px;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .open .filter_button img{transform:rotate(180deg);} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .filter_button.selected{background:#3f9dff;color:#FFF;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap{top:38px;width:160px;z-index:10;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap .select_option_item_list{padding:16px;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap .select_option_item_list .select_option_item{position:relative;vertical-align:top;cursor:pointer;width:calc(50% - 4px);height:52px;padding:6px 0;background:#ebeff8;margin-right:8px;border-radius:8px;text-align:center;margin-bottom:8px;border:solid 2px transparent;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap .select_option_item_list .select_option_item:nth-child(2n){margin-right:0;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap .select_option_item_list .select_option_item:nth-last-child(-n+2){margin-bottom:0;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap .select_option_item_list .select_option_item:hover{background:#e5f3ff;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap .select_option_item_list .select_option_item.selected{border:solid 2px #3f9dff;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap .select_option_item_list .select_option_item.disabled_item{opacity:0.2;cursor:auto;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap .select_option_item_list .select_option_item.single_item{width:100%;margin-right:0;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap .option_item_title{line-height:20px;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap .option_item_cnt{line-height:17px;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .feed_title .sort_filter_wrap{width:588px;margin-right:auto;margin-left:auto;} } @media only screen and (max-width:599px) { #gameBody .feed_title .sort_filter_wrap{margin:24px 0 0 0;width:100%;padding:0 16px;} #gameBody .feed_title .sort_filter_wrap .sort_item{line-height:28px;font-size:13px;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap{margin-top:6px;display:block;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .filter_button{line-height:24px;font-size:13px;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .filter_button img{margin:3px 0 0 1px;} #gameBody .feed_title .sort_filter_wrap .filter_button_wrap .select_option_wrap{left:0;right:auto;} } #gameBody .feed_title .search_filter_wrap{line-height:36px;margin:16px 0 8px 0;} #gameBody .feed_title .search_filter_wrap .search_result_cnt{line-height:22px;margin-bottom:10px;display:none;} #gameBody .feed_title .search_filter_wrap .check_wrap .checkmark{top:8px;} #gameBody .feed_title .search_filter_wrap .search_sort_wrap{float:right;vertical-align:top;} #gameBody .feed_title .search_filter_wrap .select_option_wrap{width:120px;} #gameBody .feed_title .search_filter_wrap .divider{width:1px;height:16px;background:#ced8e5;vertical-align:top;margin:10px 4px 0 4px;} #gameBody .feed_title .search_filter_wrap .search_input_wrap{position:relative;vertical-align:top;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_off{width:48px;text-align:right;cursor:pointer;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .search_icon{height:16px;position:absolute;left:4px;top:10px;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_on .search_icon{left:8px;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .show_search_button{user-select:none;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .hide_search_button{user-select:none;cursor:pointer;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .game_review_search_input_box{overflow:hidden;display:inline-block;vertical-align:top;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .game_review_search_input_box input{height:36px;vertical-align:top;padding-left:26px;padding-right:26px;border-radius:18px;border:solid 1px #ced8e5;margin-right:4px;width:200px;font-size:13px;appearance:none;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .game_review_search_input_box input::placeholder{color:#697B96;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_on .game_review_search_input_box{display:inline-block;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_off .game_review_search_input_box{display:none;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_on .show_search_button{display:none;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_off .show_search_button{display:inline-block;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .game_review_search_input_box .input_cancel{top:1px;right:30px;} #gameBody .feed_title .title_review_radio_wrap{display:none;} #gameBody .no_review_button{margin-top:12px;padding:0 22px;font-weight:700;} #gameBody .review_go_register_button{width:100%;margin-top:20px;position:relative;} #gameBody .review_go_register_button .register_badge{position:absolute;width:210px;z-index:10;pointer-events:none;top:-40px;left:calc(50% - 105px);animation:missionBadge 1.1s infinite;} #gameBody .review_go_register_button .register_badge .badge_body{height:27px;line-height:26px;text-align:center;background:#3d7beb;border-radius:4px;overflow:hidden;box-shadow:0px 4px 5px 0px rgba(3, 24, 39, 0.06),0px 1px 10px 0px rgba(3, 24, 39, 0.12),0px 2px 4px -1px rgba(3, 24, 39, 0.16);} #gameBody .review_go_register_button .register_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;bottom:1px;left:50%;transform:translate(-50%, 0);} #gameBody .review_go_register_button .register_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(45deg);left:0px;top:5px;} @media only screen and (max-width:599px) { #gameBody .review_go_register_button{width:calc(100% - 32px);margin:20px 16px 0 16px;} } @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .feed_title{border-bottom:solid 1px #ebeff8;} .mobile_width #gameBody .feed_title .review_feed_header{padding-top:24px;width:588px;margin-left:auto;margin-right:auto;} .mobile_width #gameBody .feed_title .search_filter_wrap{width:588px;margin-left:auto;margin-right:auto;} .mobile_width #gameBody .feed_list{margin-top:20px;width:588px;margin-left:auto;margin-right:auto;} .mobile_width #gameBody .feed_title .title_review_radio_wrap{display:block;width:100%;border-top:solid 1px #ebeff8;} .mobile_width #gameBody .feed_title .title_review_radio{width:588px;margin:auto;padding:12px 0;} .mobile_width #gameBody .feed_title .title_review_radio .title{line-height:19px;} .mobile_width #gameBody .feed_title .title_review_radio .title .expand_icon{height:24px;margin-top:-2px;float:right;} .mobile_width #gameBody .feed_title .title_review_radio .radio_button_wrap{width:100%;height:0;overflow:hidden;} .mobile_width #gameBody .feed_title .title_review_radio .radio_button_wrap.is_open{height:auto;} .mobile_width #gameBody .feed_title .title_review_radio .review_radio_wrap{margin-top:12px;line-height:19px;} .mobile_width #gameBody .feed_title .title_review_radio .review_radio_wrap .radio_item{margin-top:8px;} .mobile_width #gameBody .feed_title .title_review_radio .review_radio_wrap .radio_item:first-child{margin-top:0px;} .mobile_width #gameBody .feed_title .title_review_radio .show_family_button{width:100%;margin-top:16px;font-weight:700;} } @media only screen and (max-width:599px) { #gameBody .feed_title .review_feed_header{padding-top:24px;width:calc(100vw - 32px);margin-left:auto;margin-right:auto;} #gameBody .feed_title .review_feed_header .cnt_wrap .title{line-height:29px;font-size:20px;} #gameBody .feed_title .review_feed_header .cnt_wrap .has_review_cnt{line-height:18px;font-size:12px;} #gameBody .feed_title .review_feed_header .write_review_button{margin-top:6px;} #gameBody .feed_title .search_filter_wrap{width:100vw;padding:0 16px;margin:16px 0 4px 0;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .game_review_search_input_box input{width:160px;} #gameBody .feed_list{margin-top:0px;} #gameBody .feed_list .game_feed_no_result{padding-left:20px;padding-right:20px;} #gameBody .feed_title .title_review_radio_wrap{display:block;width:100%;border-top:solid 1px #ebeff8;} #gameBody .feed_title .title_review_radio{width:calc(100vw - 32px);margin:auto;padding:12px 0;} #gameBody .feed_title .title_review_radio .title{line-height:19px;} #gameBody .feed_title .title_review_radio .title .expand_icon{height:24px;margin-top:-2px;float:right;} #gameBody .feed_title .title_review_radio .radio_button_wrap{width:100%;height:0;overflow:hidden;} #gameBody .feed_title .title_review_radio .radio_button_wrap.is_open{height:auto;} #gameBody .feed_title .title_review_radio .review_radio_wrap{margin-top:12px;line-height:19px;} #gameBody .feed_title .title_review_radio .review_radio_wrap .radio_item{margin-top:8px;} #gameBody .feed_title .title_review_radio .review_radio_wrap .radio_item:first-child{margin-top:0px;} #gameBody .feed_title .title_review_radio .show_family_button{width:100%;margin-top:16px;font-weight:700;} } /******** 리뷰점수 차트 오른쪽 */ #gameBody .game_review_point_chart .review_point_chart_wrap{padding:16px 22px 20px 22px;height:300px;border-radius:13px;background:rgba(235, 239, 248, 0.2);border:solid 1px #ced8e5;} #gameBody .game_review_point_chart .review_point_chart_wrap .chart_text_wrap .logo_icon{height:24px;} #gameBody .game_review_point_chart .review_point_chart_wrap .chart_text_wrap .avg_score{line-height:34px;} #gameBody .game_review_point_chart .review_point_chart_wrap .chart_text_wrap .no_score{line-height:34px;} #gameBody .game_review_point_chart .review_point_chart_wrap .chart_text_wrap .review_cnt_wrap{vertical-align:top;line-height:19px;margin:12px 0 0 4px;} #gameBody .game_review_point_chart .review_point_chart{margin-top:40px;} #gameBody .game_review_point_chart .review_point_chart .chart_item{width:22px;text-align:center;vertical-align:top;margin-right:6px;} #gameBody .game_review_point_chart .review_point_chart .chart_item:last-child{margin-right:0px;} #gameBody .game_review_point_chart .review_point_chart .chart_item .bar_background{height:142px;width:22px;margin:auto;position:relative;border-radius:4px 4px 0 0;} #gameBody .game_review_point_chart .review_point_chart .chart_item:hover .bar_background{background:#ebeff8;} #gameBody .game_review_point_chart .review_point_chart .chart_item .bar_foreground{width:22px;border-radius:4px 4px 0 0;background:#3f9dff;position:absolute;bottom:0;left:0;min-height:1%;} #gameBody .game_review_point_chart .review_point_chart .chart_item .bar_label{line-height:16px;margin-top:4px;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_review_point_chart .game_section_title{width:588px;margin-left:auto;margin-right:auto;font-size:16px;line-height:24px;} .mobile_width #gameBody .game_review_point_chart .review_point_chart_wrap{width:588px;margin:auto;padding:24px 40px;} .mobile_width #gameBody .game_review_point_chart .review_point_chart .chart_item{width:10%;margin-right:0;} } @media only screen and (max-width:599px) { #gameBody .game_review_point_chart .review_point_chart_wrap{padding:0;height:auto;border-radius:0;background:transparent;border:none;} #gameBody .game_review_point_chart .review_point_chart{margin-top:8px;} #gameBody .game_review_point_chart .review_point_chart .chart_item{width:10%;margin-right:0;} } /******** 워드클라우드 오른쪽 */ #gameBody .game_review_word_cloud .game_section_title{margin-bottom:0;} #gameBody .game_review_word_cloud .game_section_desc{margin-top:5px;margin-bottom:16px;line-height:19px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap{border-radius:13px;background:rgba(235, 239, 248, 0.2);border:solid 1px #ced8e5;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .positive{padding:20px 20px 0 20px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .negative{padding:0 20px 20px 20px;margin-top:20px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .cloud_title{line-height:20px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .cloud_title .word_cloud_help{height:16px;margin:2px 0 0 2px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .word_cloud{width:100%;height:200px;margin-top:4px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .positive .jqcloud{color:#3f9dff;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .negative .jqcloud{color:#e75f5b;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .w10{font-size:44px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .w9{font-size:32px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .w8{font-size:24px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .w7{font-size:24px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .w6{font-size:18px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .w5{font-size:18px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .w4{font-size:18px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .w3{font-size:13px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .w2{font-size:13px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .w1{font-size:13px;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .no_result_wrap{width:calc(100% - 24px);height:210px;margin:12px;vertical-align:top;position:relative;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .no_result_image{width:158px;height:142px;margin:0 auto;background-image:url('/images/background/no_word_cloud.png');background-size:contain;background-position:center;background-repeat:no-repeat;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .no_result_info{margin-top:16px;line-height:18px;text-align:center;} #gameBody .game_review_word_cloud .login_cloud_wrap{text-align:center;height:105px;width:100%;background:#ebeff8;border-radius:0 0 13px 13px;border-top:solid 1px #ced8e5;padding:20px;line-height:17px;} #gameBody .game_review_word_cloud .login_cloud_wrap .button_wrap{margin-top:12px;} #gameBody .game_review_word_cloud .login_cloud_wrap .button_wrap .btn_r{width:calc(50% - 4px);} #gameBody .game_review_word_cloud .login_cloud_wrap .button_wrap .wc_detail_button{margin-right:8px;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_review_word_cloud .game_section_title{width:588px;margin-left:auto;margin-right:auto;font-size:16px;line-height:24px;} .mobile_width #gameBody .game_review_word_cloud .game_section_desc{width:588px;margin-left:auto;margin-right:auto;} .mobile_width #gameBody .game_review_word_cloud .review_word_cloud_wrap{width:588px;margin:auto;padding:20px;} .mobile_width #gameBody .game_review_word_cloud .review_word_cloud_wrap .positive{display:inline-block;vertical-align:top;width:50%;padding:0;} .mobile_width #gameBody .game_review_word_cloud .review_word_cloud_wrap .negative{display:inline-block;vertical-align:top;width:50%;padding:0;margin-top:0;} .mobile_width #gameBody .game_review_word_cloud .review_word_cloud_wrap .word_cloud{height:330px;} .mobile_width #gameBody .game_review_word_cloud .login_cloud_wrap{font-size:14px;height:auto;width:100%;border-radius:13px;border:solid 1px #ced8e5;padding:16px;line-height:18px;margin:12px 0 0 0;text-align:center;} .mobile_width #gameBody .game_review_word_cloud .login_cloud_wrap .button_wrap{float:none;display:block;margin-top:16px;} .mobile_width #gameBody .game_review_word_cloud .login_cloud_wrap .button_wrap .btn_r{width:102px;} .mobile_width #gameBody .game_review_word_cloud .login_cloud_wrap .button_wrap .wc_detail_button{margin-right:16px;} } @media only screen and (max-width:599px) { #gameBody .game_review_word_cloud .review_word_cloud_wrap{border-radius:0;background:transparent;border:none;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .positive{display:inline-block;vertical-align:top;width:50%;padding:0;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .negative{display:inline-block;vertical-align:top;width:50%;padding:0;margin-top:0;} #gameBody .game_review_word_cloud .review_word_cloud_wrap .word_cloud{height:330px;} #gameBody .game_review_word_cloud .login_cloud_wrap{font-size:14px;height:auto;width:100%;border-radius:13px;border:solid 1px #ced8e5;padding:16px;line-height:18px;margin:12px 0 0 0;text-align:center;} #gameBody .game_review_word_cloud .login_cloud_wrap .button_wrap{float:none;display:block;margin-top:16px;} #gameBody .game_review_word_cloud .login_cloud_wrap .button_wrap .btn_r{width:102px;} #gameBody .game_review_word_cloud .login_cloud_wrap .button_wrap .wc_detail_button{margin-right:16px;} } /******** DLC 리뷰 보기 라디오 */ #gameBody .game_review_radio .review_radio_wrap{margin-top:25px;line-height:19px;} #gameBody .game_review_radio .review_radio_wrap .radio_item{margin-top:12px;} #gameBody .game_review_radio .review_radio_wrap .radio_item:first-child{margin-top:0;} #gameBody .game_review_radio .review_radio_wrap .radio_item .game_name{display:inline;} #gameBody .game_review_radio .dlc_title{margin-top:28px;line-height:19px;} #gameBody .game_review_radio .dlc_game_list_wrap{margin-top:16px;position:relative;} #gameBody .game_review_radio .dlc_game_list{max-height:236px;} #gameBody .game_review_radio .dlc_game_list_wrap .more_button{position:absolute;bottom:0;width:100%;height:75px;cursor:pointer;background:rgba(255,255,255,0.5);background:linear-gradient(to top, rgba(255,255,255,1) 25%, rgba(255,255,255,0));} #gameBody .game_review_radio .dlc_game_list_wrap .more_button span{position:absolute;line-height:20px;bottom:0;left:0;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_review_radio{display:none;} } @media only screen and (max-width:599px) { #gameBody .game_review_radio{display:none;} } /******** DLC 팝업 */ #gameFamilyPopup{width:445px;height:442px;background:#FFF;border-radius:8px;} #gameFamilyPopup .popup_header{border-bottom:solid 1px #ebeff8;position:relative;padding:16px;} #gameFamilyPopup .popup_header .title{line-height:24px;} #gameFamilyPopup .popup_header .close_button{position:absolute;top:16px;right:16px;} #gameFamilyPopup .popup_header .close_button img{height:24px;} #gameFamilyPopup .popup_header .mobile_close_button{display:none;} #gameFamilyPopup .dlc_game_list_wrap{padding:16px;height:393px;overflow:auto;} #gameFamilyPopup .gamegroup_item{line-height:24px;margin-top:16px;} #gameFamilyPopup .gamegroup_item:first-child{margin-top:0px;} #gameFamilyPopup .gamegroup_item.step_1{padding-left:32px;} #gameFamilyPopup .gamegroup_item.step_2{padding-left:64px;} #gameFamilyPopup .gamegroup_item.step_3{padding-left:96px;} #gameFamilyPopup .gamegroup_item .cover_image{width:24px;height:24px;border-radius:4px;margin-right:8px;background-size:cover;background-position:center;} #gameFamilyPopup .gamegroup_item .cover_image.no_image{background-color:#ced8e5;background-image:url('/images/icon_v3/image_placeholder_alpha.png');background-size:20px 20px;background-repeat:no-repeat;} #gameFamilyPopup .gamegroup_item .game_name{width:calc(100% - 58px);vertical-align:top;} #gameFamilyPopup .gamegroup_item .game_name .mobile_icon_new{height:20px;margin-top:2px;} #gameFamilyPopup .gamegroup_item .library_state_button_square{height:24px;margin-left:2px;cursor:pointer;} @media only screen and (max-width:599px) { #gameFamilyPopup{width:100vw;height:100vh;border-radius:0px;} #gameFamilyPopup .popup_header{border-bottom:solid 1px #ebeff8;padding:10px 16px;text-align:center;} #gameFamilyPopup .popup_header .close_button{display:none;} #gameFamilyPopup .popup_header .mobile_close_button{display:block;position:absolute;top:10px;left:16px;} #gameFamilyPopup .popup_header .mobile_close_button img{height:24px;} #gameFamilyPopup .dlc_game_list_wrap{height:calc(100vh - 45px);} } /******** 일지 페이지 기본 */ #gameBody .feed_title .post_feed_header .cnt_wrap{vertical-align:top;} #gameBody .feed_title .post_feed_header .cnt_wrap .title{line-height:33px;} #gameBody .feed_title .post_feed_header .cnt_wrap .my_post_cnt{line-height:19px;} #gameBody .feed_title .post_feed_header .cnt_wrap .my_tip_cnt{line-height:19px;} #gameBody .feed_title .post_feed_header .write_post_button{width:110px;float:right;vertical-align:top;margin-top:9px;} #gameBody .feed_title .post_feed_header .write_post_button img{height:18px;margin:8px 6px 0 0;} #gameBody .feed_title .post_feed_header .write_tip_button{width:130px;float:right;vertical-align:top;margin-top:9px;} #gameBody .feed_title .post_feed_header .write_tip_button img{height:18px;margin:8px 6px 0 0;} #gameBody .feed_title .search_filter_wrap{line-height:36px;margin:16px 0 8px 0;} #gameBody .feed_title .search_filter_wrap .search_result_cnt{line-height:22px;margin-bottom:10px;display:none;} #gameBody .feed_title .search_filter_wrap .check_wrap .checkmark{top:8px;} #gameBody .feed_title .search_filter_wrap .search_sort_wrap{float:right;vertical-align:top;} #gameBody .feed_title .search_filter_wrap .select_option_wrap{width:120px;} #gameBody .feed_title .search_filter_wrap .divider{width:1px;height:16px;background:#ced8e5;vertical-align:top;margin:10px 4px 0 4px;} #gameBody .feed_title .search_filter_wrap .search_input_wrap{position:relative;vertical-align:top;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_off{width:48px;text-align:right;cursor:pointer;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .search_icon{height:16px;position:absolute;left:4px;top:10px;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_on .search_icon{left:8px;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .show_search_button{user-select:none;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .hide_search_button{user-select:none;cursor:pointer;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .game_post_search_input_box{overflow:hidden;display:inline-block;vertical-align:top;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .game_post_search_input_box input{height:36px;vertical-align:top;padding-left:26px;padding-right:26px;border-radius:18px;border:solid 1px #ced8e5;margin-right:4px;width:200px;font-size:13px;appearance:none;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .game_post_search_input_box input::placeholder{color:#697B96;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_on .game_post_search_input_box{display:inline-block;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_off .game_post_search_input_box{display:none;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_on .show_search_button{display:none;} #gameBody .feed_title .search_filter_wrap .search_input_wrap.search_off .show_search_button{display:inline-block;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .game_post_search_input_box .input_cancel{top:1px;right:30px;} #gameBody .feed_title .title_post_radio_wrap{display:none;} #gameBody .feed_title .title_popular_tag_wrap{display:none;} #gameBody .no_post_button{margin-top:12px;padding:0 22px;font-weight:700;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .feed_title{border-bottom:solid 1px #ebeff8;} .mobile_width #gameBody .feed_title .post_feed_header{padding-top:24px;width:588px;margin-left:auto;margin-right:auto;} .mobile_width #gameBody .feed_title .search_filter_wrap{width:588px;margin-left:auto;margin-right:auto;} .mobile_width #gameBody .feed_list{margin-top:20px;width:588px;margin-left:auto;margin-right:auto;} .mobile_width #gameBody .feed_title .title_post_radio_wrap{display:block;width:100%;border-top:solid 1px #ebeff8;} .mobile_width #gameBody .feed_title .title_post_radio{width:588px;margin:auto;padding:12px 0;} .mobile_width #gameBody .feed_title .title_post_radio .title{line-height:19px;} .mobile_width #gameBody .feed_title .title_post_radio .title .expand_icon{height:24px;margin-top:-2px;float:right;} .mobile_width #gameBody .feed_title .title_post_radio .radio_button_wrap{width:100%;height:0;overflow:hidden;} .mobile_width #gameBody .feed_title .title_post_radio .radio_button_wrap.is_open{height:auto;} .mobile_width #gameBody .feed_title .title_post_radio .post_radio_wrap{margin-top:12px;line-height:19px;} .mobile_width #gameBody .feed_title .title_post_radio .post_radio_wrap .radio_item{margin-top:8px;} .mobile_width #gameBody .feed_title .title_post_radio .post_radio_wrap .radio_item:first-child{margin-top:0px;} .mobile_width #gameBody .feed_title .title_post_radio .show_family_button{width:100%;margin-top:16px;font-weight:700;} .mobile_width #gameBody .feed_title .title_popular_tag_wrap{display:block;width:100%;border-top:solid 1px #ebeff8;} .mobile_width #gameBody .feed_title .title_popular_tag{width:588px;margin:auto;padding:12px 0;} .mobile_width #gameBody .feed_title .title_popular_tag .title{line-height:19px;} .mobile_width #gameBody .feed_title .title_popular_tag .title .expand_icon{height:24px;margin-top:-2px;float:right;} .mobile_width #gameBody .feed_title .title_popular_tag .popular_tag_wrap{width:100%;height:0;overflow:hidden;} .mobile_width #gameBody .feed_title .title_popular_tag .popular_tag_wrap.is_open{height:auto;} .mobile_width #gameBody .feed_title .title_popular_tag .popular_tag_list{margin-top:12px;} .mobile_width #gameBody .feed_title .title_popular_tag .tag_item{line-height:28px;padding:0 6px;background:#ebeff8;border-radius:4px;margin:0 8px 8px 0;user-select:none;} .mobile_width #gameBody .feed_title .title_popular_tag .tag_item.selected{background:#3f9dff;} } @media only screen and (max-width:599px) { #gameBody .feed_title .post_feed_header{padding-top:24px;width:calc(100vw - 32px);margin-left:auto;margin-right:auto;} #gameBody .feed_title .post_feed_header .cnt_wrap .title{line-height:29px;font-size:20px;} #gameBody .feed_title .post_feed_header .cnt_wrap .my_post_cnt{line-height:18px;font-size:12px;} #gameBody .feed_title .post_feed_header .cnt_wrap .my_tip_cnt{line-height:18px;font-size:12px;} #gameBody .feed_title .post_feed_header .write_post_button{margin-top:6px;} #gameBody .feed_title .search_filter_wrap{width:100vw;padding:0 16px;margin:16px 0 4px 0;} #gameBody .feed_title .search_filter_wrap .search_input_wrap .game_post_search_input_box input{width:160px;} #gameBody .feed_list{margin-top:0px;} #gameBody .feed_title .title_post_radio_wrap{display:block;width:100%;border-top:solid 1px #ebeff8;} #gameBody .feed_title .title_post_radio{width:calc(100vw - 32px);margin:auto;padding:12px 0;} #gameBody .feed_title .title_post_radio .title{line-height:19px;} #gameBody .feed_title .title_post_radio .title .expand_icon{height:24px;margin-top:-2px;float:right;} #gameBody .feed_title .title_post_radio .radio_button_wrap{width:100%;height:0;overflow:hidden;} #gameBody .feed_title .title_post_radio .radio_button_wrap.is_open{height:auto;} #gameBody .feed_title .title_post_radio .post_radio_wrap{margin-top:12px;line-height:19px;} #gameBody .feed_title .title_post_radio .post_radio_wrap .radio_item{margin-top:8px;} #gameBody .feed_title .title_post_radio .post_radio_wrap .radio_item:first-child{margin-top:0px;} #gameBody .feed_title .title_post_radio .show_family_button{width:100%;margin-top:16px;font-weight:700;} #gameBody .feed_title .title_popular_tag_wrap{display:block;width:100%;border-top:solid 1px #ebeff8;} #gameBody .feed_title .title_popular_tag{width:calc(100vw - 32px);margin:auto;padding:12px 0;} #gameBody .feed_title .title_popular_tag .title{line-height:19px;} #gameBody .feed_title .title_popular_tag .title .expand_icon{height:24px;margin-top:-2px;float:right;} #gameBody .feed_title .title_popular_tag .popular_tag_wrap{width:100%;height:0;overflow:hidden;} #gameBody .feed_title .title_popular_tag .popular_tag_wrap.is_open{height:auto;} #gameBody .feed_title .title_popular_tag .popular_tag_list{margin-top:12px;} #gameBody .feed_title .title_popular_tag .tag_item{line-height:29px;padding:0 6px;background:#ebeff8;border-radius:4px;margin:0 8px 8px 0;user-select:none;} #gameBody .feed_title .title_popular_tag .tag_item.selected{background:#3f9dff;} } /******** 일지 랭킹 */ #gameBody .game_top_post_user .user_rank_item{width:100%;line-height:28px;height:52px;cursor:pointer;padding:12px;} #gameBody .game_top_post_user .user_rank_item .profile_wrap{vertical-align:top;margin-right:12px;position:relative;} #gameBody .game_top_post_user .user_rank_item .gold_crown_icon{height:27px;position:absolute;top:-13px;left:-13px;} #gameBody .game_top_post_user .user_rank_item .silver_crown_icon{height:18px;position:absolute;top:-7px;left:-7px;} #gameBody .game_top_post_user .user_rank_item .bronze_crown_icon{height:18px;position:absolute;top:-7px;left:-7px;} #gameBody .game_top_post_user .user_rank_item .profile_image{width:28px;height:28px;border-radius:14px;border:solid 1px #ced8e5;} #gameBody .game_top_post_user .user_rank_item .user_rank{margin-right:8px;vertical-align:top;} #gameBody .game_top_post_user .user_rank_item .nickname{vertical-align:top;} #gameBody .game_top_post_user .user_rank_item .score{float:right;vertical-align:top;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_top_post_user{border-bottom:solid 8px #ebeff8;padding:8px 0 40px 0;} .mobile_width #gameBody .game_top_post_user .game_section_title{width:588px;margin-left:auto;margin-right:auto;font-size:16px;line-height:24px;} .mobile_width #gameBody .game_top_post_user .post_user_rank_list{width:588px;margin:24px auto 0 auto;} .mobile_width #gameBody .game_top_post_user .user_rank_item{display:inline-block;vertical-align:top;width:96px;height:auto;padding:0;margin-right:27px;text-align:center;} .mobile_width #gameBody .game_top_post_user .user_rank_item:last-child{margin-right:0;} .mobile_width #gameBody .game_top_post_user .user_rank_item .profile_wrap{display:block;margin:auto;width:64px;} .mobile_width #gameBody .game_top_post_user .user_rank_item .gold_crown_icon{height:36px;top:-14px;left:-14px;} .mobile_width #gameBody .game_top_post_user .user_rank_item .silver_crown_icon{height:27px;top:-9px;left:-9px;} .mobile_width #gameBody .game_top_post_user .user_rank_item .bronze_crown_icon{height:27px;top:-9px;left:-9px;} .mobile_width #gameBody .game_top_post_user .user_rank_item .profile_image{width:64px;height:64px;border-radius:32px;} .mobile_width #gameBody .game_top_post_user .user_rank_item .user_rank{margin-right:0;display:block;margin-top:8px;font-size:14px;line-height:20px;} .mobile_width #gameBody .game_top_post_user .user_rank_item .nickname{display:block;font-size:13px;line-height:19px;} .mobile_width #gameBody .game_top_post_user .user_rank_item .score{float:none;display:block;font-size:13px;line-height:19px;} } @media only screen and (max-width:599px) { #gameBody .game_top_post_user{border-bottom:solid 8px #ebeff8;padding:0 16px 24px 16px;width:100vw;overflow:hidden;} #gameBody .game_top_post_user .game_section_title{width:100%;font-size:16px;line-height:24px;} #gameBody .game_top_post_user .post_user_rank_list{margin:24px auto 0 auto;} #gameBody .game_top_post_user .user_rank_item{display:inline-block;vertical-align:top;width:96px;height:auto;padding:0;margin-right:2px;text-align:center;} #gameBody .game_top_post_user .user_rank_item:last-child{margin-right:0;} #gameBody .game_top_post_user .user_rank_item .profile_wrap{display:block;margin:auto;width:64px;} #gameBody .game_top_post_user .user_rank_item .gold_crown_icon{height:36px;top:-14px;left:-14px;} #gameBody .game_top_post_user .user_rank_item .silver_crown_icon{height:27px;top:-9px;left:-9px;} #gameBody .game_top_post_user .user_rank_item .bronze_crown_icon{height:27px;top:-9px;left:-9px;} #gameBody .game_top_post_user .user_rank_item .profile_image{width:64px;height:64px;border-radius:32px;} #gameBody .game_top_post_user .user_rank_item .user_rank{margin-right:0;display:block;margin-top:8px;font-size:14px;line-height:20px;} #gameBody .game_top_post_user .user_rank_item .nickname{display:block;font-size:13px;line-height:19px;} #gameBody .game_top_post_user .user_rank_item .score{float:none;display:block;font-size:13px;line-height:19px;} } /******** 인기 태그 */ #gameBody .game_popular_tag .tag_item{line-height:32px;cursor:pointer;padding:0 8px 1px 8px;background:#ebeff8;border-radius:4px;margin:0 8px 8px 0;user-select:none;} #gameBody .game_popular_tag .tag_item.selected{cursor:inherit;background:#3f9dff;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_popular_tag{display:none;} } @media only screen and (max-width:599px) { #gameBody .game_popular_tag{display:none;} } /******** DLC 일지 보기 라디오 */ #gameBody .game_post_radio .post_radio_wrap{margin-top:25px;line-height:19px;} #gameBody .game_post_radio .post_radio_wrap .radio_item{margin-top:12px;} #gameBody .game_post_radio .post_radio_wrap .radio_item:first-child{margin-top:0;} #gameBody .game_post_radio .dlc_title{margin-top:28px;line-height:19px;} #gameBody .game_post_radio .dlc_game_list_wrap{margin-top:16px;position:relative;} #gameBody .game_post_radio .dlc_game_list{max-height:236px;} #gameBody .game_post_radio .dlc_game_list_wrap .more_button{position:absolute;bottom:0;width:100%;height:75px;cursor:pointer;background:rgba(255,255,255,0.5);background:linear-gradient(to top, rgba(255,255,255,1) 25%, rgba(255,255,255,0));} #gameBody .game_post_radio .dlc_game_list_wrap .more_button span{position:absolute;line-height:20px;bottom:0;left:0;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameBody .game_post_radio{display:none;} } @media only screen and (max-width:599px) { #gameBody .game_post_radio{display:none;} } #pageHeader.game_page .header_background_wrap{width:100%;height:100%;overflow:hidden;position:absolute;} #pageHeader.game_page .header_background{width:calc(100% + 60px);height:calc(100% + 60px);background:#fff;position:absolute;top:-30px;left:-30px;} #pageHeader.game_page .header_background img{filter: blur(15px);} #pageHeader.game_page .header_background .cover{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.3);} #gameInfoBox{padding-bottom:42px;overflow:hidden;position:relative;} #gameInfoBox .info_foreground .diagonal{display:none;} #gameInfo{width:1000px;padding-top:50px;margin:auto;position:relative;} #gameInfo .info{width:100%;padding:42px 20px 10px 20px;overflow:hidden;position:relative;z-index:2;} #gameInfo .info .right_component{float:right;margin:-32px 0 10px 40px;box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);} #gameInfo .info .right_component .image{max-width:320px;max-height:300px;background:#FFF;} #gameInfo .game_page_library_button{width:100%;height:50px;cursor:pointer;text-align:center;} #gameInfo .game_page_library_button .game_review_button{width:100%;height:100%;line-height:50px;background:#3f9dff;} #gameInfo .game_page_library_button .game_review_info_button{width:100%;height:100%;background:#FFF;padding:11px 0;text-align:center;} #gameInfo .game_page_library_button .short_review_point{line-height:26px;height:28px;border:solid 1px #3f9dff;border-radius:4px;padding:0 8px;margin-right:6px;} #gameInfo .game_page_library_button .short_review_point.no_review_point{border:solid 1px #b2bdce;} #gameInfo .game_page_library_button .short_review_point img{height:18px;vertical-align:top;margin:4px 2px 0 0;} #gameInfo .game_page_library_button .library_state_info{line-height:26px;height:28px;border:solid 1px;border-radius:4px;padding:0 8px;} #gameInfo .game_page_library_button .library_state_info img{height:18px;vertical-align:top;margin:4px 2px 0 0;} #gameInfo .game_page_library_button .library_state_info.state_color_0{border-color:#b2bdce;color:#b2bdce;} #gameInfo .game_page_library_button .library_state_info.state_color_1{border-color:#3f9dff;color:#3f9dff;} #gameInfo .game_page_library_button .library_state_info.state_color_2{border-color:#00c2a8;color:#00c2a8;} #gameInfo .game_page_library_button .library_state_info.state_color_3{border-color:#ec5245;color:#ec5245;} #gameInfo .game_page_library_button .library_state_info.state_color_4{border-color:#3b4757;color:#3b4757;} #gameInfo .game_page_library_button .library_state_info.state_color_5{border-color:#f99b00;color:#f99b00;} .game_additional_footer .game_page_library_button{width:100%;height:54px;} .game_additional_footer .game_page_library_button .game_review_button{width:100%;height:100%;line-height:54px;text-align:center;background:#3f9dff;} .game_additional_footer .game_page_library_button .game_review_info_button{width:100%;height:100%;background:#FFF;padding:9px 16px;} .game_additional_footer .game_page_library_button .short_review_point{line-height:34px;height:36px;border:solid 1px #3f9dff;border-radius:4px;padding:0 12px;margin-right:6px;} .game_additional_footer .game_page_library_button .short_review_point.no_review_point{border:solid 1px #b2bdce;} .game_additional_footer .game_page_library_button .short_review_point img{height:18px;vertical-align:top;margin:8px 2px 0 0;} .game_additional_footer .game_page_library_button .library_state_info{line-height:34px;height:36px;border:solid 1px;border-radius:4px;padding:0 12px;} .game_additional_footer .game_page_library_button .library_state_info img{height:18px;vertical-align:top;margin:8px 2px 0 0;} .game_additional_footer .game_page_library_button .library_state_info.state_color_0{border-color:#b2bdce;color:#b2bdce;} .game_additional_footer .game_page_library_button .library_state_info.state_color_1{border-color:#3f9dff;color:#3f9dff;} .game_additional_footer .game_page_library_button .library_state_info.state_color_2{border-color:#00c2a8;color:#00c2a8;} .game_additional_footer .game_page_library_button .library_state_info.state_color_3{border-color:#ec5245;color:#ec5245;} .game_additional_footer .game_page_library_button .library_state_info.state_color_4{border-color:#3b4757;color:#3b4757;} .game_additional_footer .game_page_library_button .library_state_info.state_color_5{border-color:#f99b00;color:#f99b00;} .game_additional_footer .game_page_library_button .show_review_button{float:right;vertical-align:top;width:100px;} #gameInfo .score{height:18px;line-height:18px;margin-left:2px;} #gameInfo .game_name_kor{min-height:68px;max-height:136px;line-height:68px;margin-top:10px;} #gameInfo .game_name_kor_mobile{display:none;line-height:28px;min-height:28px;max-height:56px;margin-top:10px;} #gameInfo .game_name_kor .mobile_icon{margin:6px 0 0 0;} #gameInfo .game_name_eng{height:18px;line-height:18px;margin-left:6px;} #gameInfo .market_link{margin:17px 0 0 3px;} #gameInfo .market_link a{margin-right:16px;} #gameInfo .market_link_icon{width:24px;height:24px;background-size:24px 24px;display:inline-block;} #gameInfo .bottom_component{margin:42px 0 0 2px;line-height:18px;} #gameInfo .info_table_row{padding-top:4px;height:22px;} #gameInfo .info_table_row .row_title{width:94px;} #gameInfo .info_table_row .row_item{display:inline;} #gameMediaList{position:relative;z-index:2;margin-top:14px;margin-bottom:10px;height:226px;overflow:hidden;} #gameMediaList .game_media_wrap{width:max-content;min-width:100%;position:absolute;left:0;top:0;text-align:center;} #gameMediaList .game_media_item{margin:0 5px;display:inline-block;cursor:pointer;position:relative;background:#000;} #gameMediaList .game_media_item .image{max-height:226px;} #gameMediaList .game_media_item .play_button{height:70px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);} #gameInfoBox .info_background{position:absolute;top:50px;width:1064px;height:calc(100% - 50px);left:50%;transform:translate(-50%, 0);overflow:hidden;} #gameInfoBox .info_background .background_image_wrap{display:none;} #gameInfoBox .info_background .diagonal{position:absolute;width:0px;height:0px;border-bottom:solid #fff 42px;border-right:solid transparent 1064px;} #gameInfoBox .info_background .box{position:absolute;top:42px;width:100%;height:calc(100% - 42px);background:#FFF;} #subMenuTab .suggest_button{text-decoration:underline;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #gameInfo{width:100%;padding:50px 0px 0 0px;} } @media only screen and (max-width:599px) { #pageHeader.game_page .header_background_wrap{display:none;} #gameInfoBox{width:100%;padding-bottom:0px;} #gameInfoBox .info_foreground{position:absolute;width:100%;bottom:0px;left:0px;background:#FFF;z-index:1;} #gameInfoBox .info_foreground .diagonal{display:block;position:absolute;top:0px;left:0px;width:100%;height:0px;} #gameInfoBox .info_foreground .diagonal .outer{position:absolute;top:-46px;right:-13px;width:0px;height:0px;border-bottom:solid #D8D8D8 46px;border-right:solid transparent 613px;} #gameInfoBox .info_foreground .diagonal .inner{position:absolute;top:-45px;right:0px;width:0px;height:0px;border-bottom:solid #fff 45px;border-right:solid transparent 600px;} #gameInfo{width:100%;padding-top:0px;} #gameInfo .info{padding:2px 16px 20px 16px;} #gameInfo .info .right_component{display:none;} #gameInfo .score{margin-left:0px;} #gameInfo .game_name_kor{display:none;} #gameInfo .game_name_kor_mobile{display:block;} #gameInfo .game_name_kor_mobile .mobile_icon{margin:2px 0 0 2px;} #gameInfo .game_name_eng{margin-top:10px;margin-left:0px;} #gameInfo .market_link{margin:10px 0 0 0px;} #gameInfo .market_link a{margin-right:20px;} #gameInfo .bottom_component{margin:30px 0 0 0px;} #gameInfo .info_table_row{padding-top:0px;height:18px;} #gameInfo .info_table_row .row_title{width:65px;} #gameMediaList{margin-top:0px;margin-bottom:20px;height:180px;} #gameMediaList .game_media_item .image{max-height:180px;} #gameMediaList .game_media_item .play_button{height:30px;} #gameInfoBox .info_background{position:absolute;top:0px;width:100%;height:100%;left:0;transform:translate(0, 0);background:#FFF;} #gameInfoBox .info_background .background_image_wrap{display:block;width:100%;} #gameInfoBox .diagonal{display:none;} #gameInfoBox .box{display:none;} } #reviewKeywordInfoPopup{width:480px;height:393px;background:#FFF;border-radius:13px;overflow:hidden;padding:28px 32px 0 32px;position:relative;} #reviewKeywordInfoPopup .title{line-height:26px;} #reviewKeywordInfoPopup .description{line-height:21px;margin-top:6px;} #reviewKeywordInfoPopup .example_img_wrap{text-align:center;margin-top:32px;} #reviewKeywordInfoPopup .example_img{height:168px;} #reviewKeywordInfoPopup .go_register_button{background:#3f9dff;text-align:center;position:absolute;bottom:0;left:0;width:100%;height:50px;line-height:50px;cursor:pointer;user-select:none;} @media only screen and (max-width:599px) { #reviewKeywordInfoPopup{width:calc(100% - 56px);max-width:480px;height:400px;padding:24px 24px 0 24px;} #reviewKeywordInfoPopup .title{line-height:25px;} #reviewKeywordInfoPopup .example_img{height:auto;width:274px;max-width:100%;} } .feed_item_box.feed_post_tip{width:100%;border:none;border-radius:0;margin-top:16px;background:transparent;} .feed_item_box.feed_post_tip:first-child{margin-top:0;} .feed_post_tip_wrap{cursor:pointer;width:100%;margin-top:16px;padding:14px 20px 16px 20px;border-radius:13px;box-shadow:0px 4px 5px 0px rgba(3, 24, 39, 0.06),0px 1px 10px 0px rgba(3, 24, 39, 0.12),0px 2px 4px -1px rgba(3, 24, 39, 0.16);} .feed_post_tip_wrap:first-child{margin-top:0;} .feed_post_tip_wrap .text_info_wrap{width:100%;min-height:72px;vertical-align:top;} .feed_post_tip_wrap .text_info_wrap .post_title{line-height:24px;max-height:72px;overflow:hidden;} .feed_post_tip_wrap .text_info_wrap .auth_info{margin-top:6px;line-height:18px;} .feed_post_tip_wrap .text_info_wrap .auth_info .profile_image{width:18px;height:18px;border:solid 1px #ced8e5;border-radius:9px;margin-right:4px;vertical-align:top;} .feed_post_tip_wrap .text_info_wrap .auth_info .user_nickname{vertical-align:top;margin-right:4px;} .feed_post_tip_wrap .text_info_wrap .auth_info .display_time{vertical-align:top;margin-left:4px;display:inline;} .feed_post_tip_wrap .tip_image{margin-left:8px;float:right;width:120px;height:72px;border-radius:8px;background-size:cover;background-position:center;vertical-align:top;} .feed_post_tip_wrap .reaction_info{margin-top:20px;line-height:18px;} .feed_post_tip_wrap .reaction_info .reaction_item{margin-right:24px;} .feed_post_tip_wrap .reaction_info .reaction_item:last-child{margin-right:0;} .feed_post_tip_wrap .reaction_info .reaction_item .reaction_icon{height:18px;margin-right:4px;} .feed_post_tip_wrap .reaction_info .post_option_button{height:18px;cursor:pointer;float:right;} .feed_post_tip_wrap .reaction_info .post_option_button:hover{background:#ebeff8;border-radius:10px;box-shadow: 0 0 0 4px #ebeff8;} @media only screen and (max-width:599px) { .feed_item_box.feed_post_tip{width:100vw;margin-top:0;border-top:solid 8px #EBEFF8;} .feed_post_tip_wrap{padding:12px 16px;border-radius:0;box-shadow:none;} .feed_post_tip_wrap .text_info_wrap{min-height:auto;} .feed_post_tip_wrap .text_info_wrap .post_title{line-height:22px;max-height:88px;} .feed_post_tip_wrap .reaction_info{margin-top:24px;} .recent_tip_list .feed_post_tip_wrap{padding:16px 0px;border-bottom:solid 1px #ebeff8;margin-top:0;} .recent_tip_list .feed_post_tip_wrap:last-child{border-bottom:none;padding-bottom:0;} } .game_quick_link_banner .banner_item{cursor:pointer;user-select:none;width:calc(50% - 14px);background:#ebeff8;border-radius:13px;padding:24px 32px;position:relative;margin-right:28px;} .game_quick_link_banner .banner_item:nth-child(2n){margin-right:0px;} .game_quick_link_banner .banner_item .banner_title{line-height:19px;} .game_quick_link_banner .banner_item .banner_desc{margin-top:6px;line-height:17px;} .game_quick_link_banner .banner_item .banner_icon{height:20px;position:absolute;right:28px;top:35px;} @media only screen and (max-width:767px) { .game_quick_link_banner .banner_item{width:100%;margin-right:0px;margin-bottom:12px;} .game_quick_link_banner .banner_item:nth-child(2n){margin-bottom:0px;} } @media only screen and (max-width:600px) { .game_quick_link_banner .banner_item{padding:24px 20px;} .game_quick_link_banner .banner_item .banner_icon{right:16px;} } @media only screen and (max-width:345px) { .game_quick_link_banner .banner_item .banner_title{font-size:15px;} .game_quick_link_banner .banner_item .banner_desc{font-size:12px;margin-top:4px;} .game_quick_link_banner .banner_item{padding: 20px 36px 20px 16px;} .game_quick_link_banner .banner_item .banner_icon{top:31px;} }