@charset "utf-8"; #ratingBody{padding-bottom:40px;overflow:unset;} #ratingBody #platformRow{min-height:calc(100vh - 66px);padding-top:60px;} #ratingBody #feedRow{overflow:unset;} #ratingBody #feedRow .body_left{float:none;display:inline-block;} #ratingBody #feedRow .body_right.fixed{position:fixed;left:calc(50% + 160px);top:65px;height:calc(100vh - 60px);overflow:hidden;} #ratingBody #feedRow .body_right.fixed .body_right_content{width:340px;height:calc(100vh - 60px);overflow-y:auto;padding-top:60px;padding-bottom:60px;} .mobile_width #ratingBody #feedRow .body_right.fixed{top:44px;height:calc(100vh - 98px);} .mobile_width #ratingBody #feedRow .body_right.fixed .body_right_content{width:320px;height:calc(100vh - 98px);} @media only screen and (max-width:1000px) and (min-width:600px) { #ratingBody #feedRow .body_right{display:block !important;} } @media only screen and (max-width:1000px) and (min-width:851px) { #pageBodyHolder_NEW.mobile_width #ratingBody .responsive .body_left{width:calc(100% - 380px);float:left;margin-left:20px;} #pageBodyHolder_NEW.mobile_width #ratingBody .responsive .body_right.fixed{left:auto;right:20px;display:block;} } @media only screen and (max-width:850px) and (min-width:600px) { #pageBodyHolder_NEW.mobile_width #ratingBody #feedRow{padding-top:0px;} #pageBodyHolder_NEW.mobile_width #ratingBody .responsive .body_left{width:100%;float:none;margin:auto;} #pageBodyHolder_NEW.mobile_width #ratingBody .responsive .body_right.fixed{display:none;} #pageBodyHolder_NEW.mobile_width #ratingBody .responsive .body_left .feed_list{width:100%;max-width:590px;margin-left:auto;margin-right:auto;padding-top:16px;} } @media only screen and (max-width:599px) { #ratingBody{padding-bottom:50px;} #ratingBody #platformRow{min-height:auto;padding-top:30px;} #pageBodyHolder_NEW #ratingHeader{width:100vw;position:fixed;top:0;left:0;background:#FFF;z-index:1050;box-shadow:rgba(0, 0, 0, 0.15) 0px 2px 2px -2px;} } /******** 신규유저 환영 페이지 */ #ratingBody .rating_intro_wrap{width:360px;margin:20px auto 0px auto;} #ratingBody .rating_intro_wrap .rating_intro_image_wrap{width:238px;height:220px;position:relative;margin:auto;} #ratingBody .rating_intro_wrap .rating_intro_image_wrap img{position:absolute;} #ratingBody .rating_intro_wrap .rating_intro_image_wrap .background{width:238px;height:172px;bottom:0;left:50%;transform:translate(-50%, 0);} #ratingBody .rating_intro_wrap .rating_intro_image_wrap .shadow{width:109px;height:9px;bottom:35px;left:50%;transform:translate(-50%, 0);animation:rating_shadowScale 6s infinite ease-in-out;} #ratingBody .rating_intro_wrap .rating_intro_image_wrap .character{width:132px;height:118px;bottom:55px;left:50%;transform:translate(-50%, 0);animation:rating_characterPosition 6s infinite ease-in-out;} #ratingBody .rating_intro_wrap .rating_intro_image_wrap .star1{width:29px;height:30px;left:83px;top:5px;animation:rating_starPosition1 7.5s infinite ease-in-out;} #ratingBody .rating_intro_wrap .rating_intro_image_wrap .star2{width:20px;height:20px;left:170px;top:9px;transform:rotate(-15deg);animation:rating_starPosition2 4.8s infinite ease-in-out;} #ratingBody .rating_intro_wrap .rating_intro_image_wrap .star3{width:25px;height:25px;left:205px;top:65px;animation:rating_starPosition3 3.7s infinite ease-in-out;} #ratingBody .rating_intro_wrap .rating_intro_image_wrap .star4{width:16px;height:16px;left:55px;top:49px;transform:rotate(-10deg);animation:rating_starPosition4 4s infinite ease-in-out;} #ratingBody .rating_intro_wrap .rating_intro_image_wrap .star5{width:22px;height;22px;left:21px;top:77px;transform:rotate(-30deg);animation:rating_starPosition5 8.7s infinite ease-in-out;} #ratingBody .rating_intro_wrap .rating_intro_nickname{margin-top:30px;text-align:center;line-height:35px;} #ratingBody .rating_intro_wrap .rating_intro{text-align:center;line-height:35px;} #ratingBody .rating_intro_wrap .rating_intro_button{text-align:center;margin-top:28px;} #ratingBody .rating_intro_wrap .rating_intro_button .btn_r{width:220px;box-shadow:0 4px 12px 0 rgba(3, 24, 39, 0.25);} #ratingBody .rating_intro_wrap .rating_later_button_wrap{margin-top:17px;line-height:22px;text-align:center;} #ratingBody .rating_intro_wrap .rating_later_button_wrap .rating_later_button{cursor:pointer;} #ratingBody .rating_intro_wrap .text_ani_1{opacity:0;animation-name:rating_textAni;animation-duration:1s;animation-iteration-count:1;animation-fill-mode: forwards;} #ratingBody .rating_intro_wrap .text_ani_2{opacity:0;animation-name:rating_textAni;animation-duration:1s;animation-iteration-count:1;animation-delay:0.5s;animation-fill-mode: forwards;} #ratingBody .rating_intro_wrap .text_ani_3{opacity:0;animation-name:rating_textAni;animation-duration:1s;animation-iteration-count:1;animation-delay:1s;animation-fill-mode: forwards;} #ratingBody .rating_intro_wrap .text_ani_4{opacity:0;animation-name:rating_textAni;animation-duration:1s;animation-iteration-count:1;animation-delay:1.5s;animation-fill-mode: forwards;} @media only screen and (max-width:599px) { #ratingBody .rating_intro_wrap{width:100%;margin:auto;margin-top:calc(50vh - 300px);} } @media only screen and (max-width:349px) { #ratingBody .rating_intro_wrap .rating_intro{font-size:24px;} } /******** 플랫폼 목록 */ #ratingBody .welcome_text{line-height:38px;text-align:center;} #ratingBody .welcome_text_small{line-height:20px;text-align:center;margin-top:8px;} #ratingBody .platform_list{margin:43px auto 0 auto;width:100%;} #ratingBody .platform_item{display:inline-block;width:135px;height:150px;border-radius:13px;overflow:hidden;position:relative;margin:50px 30px 0 0;cursor:pointer;background:#ebeff8;padding:16px;} #ratingBody .platform_item:hover{background:#ced8e5;} #ratingBody .platform_item.selected{background:linear-gradient(159deg, #73ccff, #70caff, #3f9dff);} #ratingBody .platform_item:nth-child(6n){margin-right:0;} #ratingBody .platform_item:nth-child(-n+6){margin-top:0;} #ratingBody .platform_image{width:120px;position:absolute;top:0px;right:0px;} #ratingBody .platform_item.selected .platform_image{opacity:0.4;} #ratingBody .platform_name{position:relative;line-height:20px;margin-top:98px;text-align:left;} #ratingBody .platform_item.selected .platform_name{color:#FFF;} #ratingBody .next_button{margin-top:48px;text-align:center;} #ratingBody .next_button .btn_r{width:260px;} #ratingBody .next_button .register_badge{position:absolute;width:180px;z-index:10;pointer-events:none;top:-39px;left:calc(50% - 90px);animation:missionBadge 1.1s infinite;} #ratingBody .next_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);} #ratingBody .next_button .register_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;bottom:1px;left:50%;transform:translate(-50%, 0);} #ratingBody .next_button .register_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(45deg);left:0px;top:5px;} .mobile_width #ratingBody .platform_list{padding-bottom:36px;} .mobile_width #ratingBody .next_button{margin-top:0px;position:fixed;bottom:67px;width:260px;left:50%;transform:translateX(-50%);} .mobile_width #ratingBody .next_button .btn_r{width:100%;box-shadow:0 4px 12px 0 rgba(3, 24, 39, 0.25);} @media only screen and (max-width:1000px) and (min-width:600px){ .mobile_width #ratingBody .platform_list{text-align:center;} .mobile_width #ratingBody .platform_item{margin:50px 15px 0 15px;} } @media only screen and (max-width:1000px) and (min-width:990px){ .mobile_width #ratingBody .platform_item:nth-child(-n+6){margin-top:0;} } @media only screen and (max-width:989px) and (min-width:825px){ .mobile_width #ratingBody .platform_item:nth-child(-n+5){margin-top:0;} } @media only screen and (max-width:824px) and (min-width:660px){ .mobile_width #ratingBody .platform_item:nth-child(-n+4){margin-top:0;} } @media only screen and (max-width:659px) and (min-width:600px){ .mobile_width #ratingBody .platform_item:nth-child(-n+3){margin-top:0;} } @media only screen and (max-width:599px) { #ratingBody .platform_list{width:100%;padding:0 16px 26px 16px;margin:30px auto 0 auto;} #ratingBody .platform_item{width:30%;height:31vw;margin:20px 5% 0 0;padding:12px;} #ratingBody .platform_item:nth-child(6n){margin-right:5%;} #ratingBody .platform_item:nth-child(3n){margin-right:0;} #ratingBody .platform_item:nth-child(-n+6){margin-top:20px;} #ratingBody .platform_item:nth-child(-n+3){margin-top:0px;} #ratingBody .platform_image{width:90%;} #ratingBody .platform_name{margin-top:92%;} .mobile_width #ratingBody .next_button{margin-top:0px;position:fixed;bottom:67px;width:92%;max-width:344px;left:50%;transform:translateX(-50%);} #ratingBody .next_button{margin-top:0px;position:fixed;bottom:67px;width:92%;max-width:344px;left:50%;transform:translateX(-50%);} #ratingBody .next_button .btn_r{width:100%;box-shadow:0 4px 12px 0 rgba(3, 24, 39, 0.25);} } /******** 도움말 */ #ratingBody .rating_help_box{margin-bottom:4px;position:relative;background:#FFF;} #ratingBody .rating_help_box .description{line-height:38px;} #ratingBody .rating_help_box .sort_spacer{margin-top:54px;height:36px;display:none;} #ratingBody .rating_help_box .sort_spacer.snap_top{display:block;} #ratingBody .rating_help_box .sort_search_wrap{margin-top:54px;line-height:36px;position:relative;} #ratingBody .rating_help_box .sort_search_wrap.snap_top{position:fixed;top:76px;left:calc(50% - 506px);padding:0 26px;z-index:10;margin-top:0;width:650px;background:#FFF;} #ratingBody .rating_help_box .sort_search_wrap.snap_top .snap_background{position:absolute;bottom:-24px;left:25px;width:600px;height:24px;border-top:solid 1px #ebeff8;background: linear-gradient(-180deg, rgba(40, 50, 64, 0.05) 0%, rgba(40, 50, 64, 0) 100%);} #ratingBody .rating_help_box .sort_search_wrap .sort_wrap .input_select_box{vertical-align:top;margin-top:4px;margin-right:1px;} #ratingBody .rating_help_box .sort_search_wrap .sort_wrap .input_select_box:hover .select_text{opacity:0.6;} #ratingBody .rating_help_box .sort_search_wrap .sort_wrap .input_select_box:hover .select_img{opacity:0.6;} #ratingBody .rating_help_box .sort_search_wrap .sort_wrap .input_select_box .select_option_wrap{width:190px;} @media only screen and (max-width:1000px) { #ratingBody .rating_help_box .sort_search_wrap.snap_top{left:-6px;} } #ratingBody .rating_help_box .sort_search_wrap .sort_help_badge{display:none;position:absolute;width:230px;z-index:10;top:36px;left:5px;text-align:left;opacity:0;transition:opacity 0.2s linear;} #ratingBody .rating_help_box .sort_search_wrap .sort_help_badge.show_badge{display:block;opacity:1;} #ratingBody .rating_help_box .sort_search_wrap.snap_top .sort_help_badge{left:31px;} #ratingBody .rating_help_box .sort_search_wrap .sort_help_badge .badge_body{padding:11px 12px 11px 16px;line-height:19px;background:#00a789;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);} #ratingBody .rating_help_box .sort_search_wrap .sort_help_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;top:-10px;left:36px;transform:translate(-50%, 0);} #ratingBody .rating_help_box .sort_search_wrap .sort_help_badge .badge_tip{width:10px;height:10px;background:#00a789;position:absolute;transform:rotate(45deg);left:0px;top:5px;} #ratingBody .rating_help_box .sort_search_wrap .sort_help_badge .badge_icon{height:19px;float:right;cursor:pointer;margin-left:4px;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap{position:relative;vertical-align:top;float:right;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap.search_off{width:48px;text-align:right;cursor:pointer;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap.search_off:hover{opacity:0.6;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap .search_icon{height:16px;position:absolute;left:4px;top:10px;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap.search_on .search_icon{left:8px;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap .show_search_button{user-select:none;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap .hide_search_button{user-select:none;cursor:pointer;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap .rating_search_input_box{overflow:hidden;display:inline-block;vertical-align:top;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap .rating_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;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap .rating_search_input_box input::placeholder{color:#697B96;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap.search_on .rating_search_input_box{display:inline-block;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap.search_off .rating_search_input_box{display:none;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap.search_on .show_search_button{display:none;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap.search_off .show_search_button{display:inline-block;} #ratingBody .rating_help_box .sort_search_wrap .search_input_wrap .rating_search_input_box .input_cancel{top:1px;right:30px;} #ratingBody .rating_help_box .achievement_info{width:100%;height:77px;text-align:center;} #ratingBody .rating_help_box .achievement_info.search_on{display:none;} #ratingBody .rating_help_box .achievement_info .rating_cnt{line-height:41px;} #ratingBody .rating_help_box .achievement_info .description{margin-top:1px;line-height:20px;} #ratingBody .rating_help_box .achievement_info .achievement_progress{margin:11px auto 0 auto;width:100%;height:4px;background:#bfe1ff;position:relative;} #ratingBody .rating_help_box .achievement_info .achievement_progress .foreground{height:4px;background:#3f9dff;position:absolute;left:0;top:0;transition:width 0.1s linear;} #ratingBody .rating_help_box .rating_mobile_search_wrap{height:77px;padding:17px 16px 0 16px;} #ratingBody .rating_help_box .rating_mobile_search_wrap.search_off{display:none;} #ratingBody .rating_help_box .rating_mobile_search_wrap .rating_search_input_box{position:relative;width:100%;} #ratingBody .rating_help_box .rating_mobile_search_wrap .rating_search_input_box .search_icon{height:24px;position:absolute;top:10px;left:16px;} #ratingBody .rating_help_box .rating_mobile_search_wrap .rating_search_input_box input{appearance:none;width:calc(100% - 45px);height:44px;border-radius:22px;color:#031827;font-size:15px;background:#fff;box-shadow:0 4px 10px 6px rgba(3, 24, 39, 0.07);padding-left:46px;padding-right:36px;vertical-align:top;} #ratingBody .rating_help_box .rating_mobile_search_wrap .rating_search_input_box input::placeholder{color:#B2BDCE;} #ratingBody .rating_help_box .rating_mobile_search_wrap .rating_search_input_box .input_cancel{top:5px;right:52px;} #ratingBody .rating_help_box .rating_mobile_search_wrap .rating_search_input_box .hide_search_button{line-height:44px;margin-left:12px;vertical-align:top;} #ratingBody .rating_help_box .sub_header_wrap{width:100%;height:44px;padding:10px 16px;line-height:24px;text-align:center;} #ratingBody .rating_help_box .go_library_button{display:inline-block;width:50%;vertical-align:top;border-right:solid 1px #ced8e5;} #ratingBody .rating_help_box .go_library_button img{height:20px;margin:2px 4px 0 0;vertical-align:top;} #ratingBody .rating_help_box .go_result_button{display:inline-block;width:50%;vertical-align:top;} #ratingBody .rating_help_box .go_result_button img{height:20px;margin:2px 4px 0 0;vertical-align:top;} #ratingBody .sort_help_mobile_badge{display:none;position:fixed;width:230px;z-index:1010;top:46px;right:10px;text-align:left;opacity:0;transition:opacity 0.2s linear;} #ratingBody .sort_help_mobile_badge.show_badge{display:block;opacity:1;} #ratingBody .sort_help_mobile_badge .badge_body{padding:11px 12px 11px 16px;line-height:19px;background:#00a789;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);} #ratingBody .sort_help_mobile_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;top:-10px;right:51px;transform:translate(-50%, 0);} #ratingBody .sort_help_mobile_badge .badge_tip{width:10px;height:10px;background:#00a789;position:absolute;transform:rotate(45deg);left:0px;top:5px;} #ratingBody .sort_help_mobile_badge .badge_icon{height:19px;float:right;cursor:pointer;margin-left:4px;} #ratingBody .feed_title .rating_help_box.snap{position:fixed;bottom:calc(100% - 42px);left:0;width:100%;z-index:3;transition:transform 0.15s linear;transform:translate(0, 0%);border-bottom:solid 1px #ebeff8;} #ratingBody .feed_title .rating_help_box.snap.show{transform:translate(0, 100%);} @media only screen and (max-width:850px) and (min-width:600px) { .mobile_width #ratingBody .rating_help_box{margin-bottom:0px;} } @media only screen and (max-width:599px) { #ratingBody .rating_help_box{margin:0;} } /******** 우측 */ #ratingBody .rating_summary_wrap{margin-top:172px;width:300px;} #ratingBody .rating_summary_wrap.snap{margin-top:0px;position:fixed;top:100px;} #ratingBody .rating_summary_wrap .rating_cnt_box{width:100%;background:#e5f3ff;border-radius:13px;padding:20px 0 24px 0;} #ratingBody .rating_summary_wrap .achievement_info{text-align:center;padding-bottom:20px;} #ratingBody .rating_summary_wrap .achievement_info .rating_cnt{line-height:47px;} #ratingBody .rating_summary_wrap .achievement_info .description{margin-top:3px;line-height:20px;} #ratingBody .rating_summary_wrap .achievement_info .achievement_progress{margin:16px auto 0 auto;width:256px;height:6px;border-radius:3px;background:#bfe1ff;position:relative;} #ratingBody .rating_summary_wrap .achievement_info .achievement_progress .foreground{height:6px;border-radius:3px;background:#3f9dff;position:absolute;left:0;top:0;transition:width 0.1s linear;} #ratingBody .rating_summary_wrap .go_summary_button_wrap{text-align:center;padding-bottom:20px;} #ratingBody .rating_summary_wrap .go_summary_button_wrap .btn_r{width:252px;} #ratingBody .rating_summary_wrap .divider{height:1px;background:#bfe1ff;} #ratingBody .rating_summary_wrap .library_info{text-align:center;} #ratingBody .rating_summary_wrap .library_info .description{margin-top:19px;line-height:19px;} #ratingBody .rating_summary_wrap .library_info .go_library_button{line-height:20px;margin:8px auto 0 auto;} #ratingBody .rating_summary_wrap .library_info .go_library_button a:hover{opacity:0.6;} #ratingBody .rating_summary_wrap .library_info .go_library_button img{height:20px;vertical-align:top;margin-right:4px;} #ratingBody .rating_summary_wrap .select_platform_button{margin:20px auto 0 auto;text-align:center;line-height:20px;cursor:pointer;width:120px;} #ratingBody .rating_summary_wrap .select_platform_button:hover{opacity:0.6;} #ratingBody .rating_summary_wrap .select_platform_button img{height:20px;vertical-align:top;margin-right:4px;} #ratingBody .rating_summary_wrap.snap{margin-top:0px;position:fixed;top:100px;} .mobile_width #ratingBody .rating_summary_wrap.snap{top:78px;} /******** 게임목록 */ #ratingBody .feed_item_box.feed_rating_game{border:none;border-radius:13px;box-shadow:0 5px 10px 2px rgba(3, 24, 39, 0.12);overflow:hidden;} .mobile_width #ratingBody .feed_item_box.feed_rating_game{width:100%;} @media only screen and (max-width:599px) { #ratingBody .feed_item_box.feed_rating_game{border-radius:0px;box-shadow:none;overflow:visible;} #ratingBody .feed_item_box.feed_rating_game:first-child{border-top:solid 8px #ebeff8;} } /******** 추천 */ #ratingBody .recommend_game_rating_wrap{background:#def7f4;margin-bottom:24px;padding:16px 20px 24px 20px;} #ratingBody .recommend_game_rating_wrap .recommend_title{line-height:23px;} #ratingBody .recommend_game_rating_wrap .recommend_title .recommend_badge{margin-right:8px;height:23px;background:#00b597;border-radius:8px;padding:0 6px;} #ratingBody .recommend_game_rating_wrap .recommend_rating_list{margin-top:14px;} #ratingBody .recommend_game_rating_wrap .recommend_rating_game{border-radius:13px;box-shadow:0 5px 10px 2px rgba(3, 24, 39, 0.12);overflow:hidden;background:#FFF;position:relative;margin-top:16px;} #ratingBody .recommend_game_rating_wrap .recommend_rating_game:first-child{margin-top:0px;} #ratingBody .recommend_game_rating_wrap .recommend_rating_game .recommend_badge{height:23px;background:#00b597;border-radius:8px;padding:0 6px;position:absolute;top:12px;left:12px;z-index:1;} @media only screen and (max-width:850px) and (min-width:600px) { .mobile_width #ratingBody .recommend_game_rating_wrap{border-top:solid 8px #ebeff8;background:#eefffc;padding:18px 0 24px 0;margin-bottom:0px;} .mobile_width #ratingBody .recommend_game_rating_wrap .recommend_title{width:100%;max-width:590px;margin-left:auto;margin-right:auto;padding:0 16px 12px 16px;border-bottom:none;} .mobile_width #ratingBody .recommend_game_rating_wrap .recommend_rating_list{width:100%;max-width:590px;margin-left:auto;margin-right:auto;margin-top:0px;} } @media only screen and (max-width:599px) { #ratingBody .recommend_game_rating_wrap{border-top:solid 8px #ebeff8;background:#eefffc;padding:12px 0 0 0;margin-bottom:0px;} #ratingBody .recommend_game_rating_wrap .recommend_title{padding:0 16px 12px 16px;border-bottom:solid 1px #ced8e5;} #ratingBody .recommend_game_rating_wrap .recommend_rating_list{margin-top:0px;} #ratingBody .recommend_game_rating_wrap .recommend_rating_game{border-radius:0px;box-shadow:none;overflow:visible;margin-top:0px;background:transparent;} #ratingBody .recommend_game_rating_wrap .recommend_rating_game .recommend_badge{top:24px;left:24px;} } /******** custom header */ #ratingHeader .header_wrap{width:100%;height:44px;border-bottom:solid 1px #D8D8D8;background:#FFF;position:relative;z-index:5;} #ratingHeader .header_wrap .header_left{position:absolute;left:10px;top:0;} #ratingHeader .header_wrap .header_left img{height:44px;width:40px;padding:8px 6px;vertical-align:top;} #ratingHeader .header_wrap .header_center{text-align:center;height:44px;line-height:44px;margin:auto;} #ratingHeader .header_wrap .header_center.single_icon{width:calc(100% - 106px);} #ratingHeader .header_wrap .header_center.double_icon{width:calc(100% - 176px);} #ratingHeader .header_wrap .header_center .expand_arrow{height:0px;width:0px;border-top:8px solid #979797;border-left:5px solid transparent;border-right:5px solid transparent;vertical-align:top;margin-left:6px;margin-top:20px;display:inline-block;transform:rotate(0deg);transition:all 0.15s ease-in;} #ratingHeader .header_wrap.expanded .header_center .expand_arrow{transform:rotate(180deg);} #ratingHeader .header_wrap .header_right{position:absolute;right:16px;top:0;line-height:44px;} #ratingHeader .sort_header{width:100%;height:auto;background:#FFF;position:absolute;z-index:3;padding:16px;box-shadow:rgba(0, 0, 0, 0.15) 0px 2px 2px -2px;border-bottom:1px solid rgb(235, 235, 235);top:-300px;transition:top 0.15s ease-in;} #ratingHeader .sort_header.expanded{top:44px;} #ratingHeader .description{line-height:20px;} #ratingHeader .radio_wrap{margin-top:16px;} #ratingHeader .radio_label{line-height:22px;} #ratingHeader .radiomark{top:3px;} #ratingHeader .help_text{line-height:20px;} #ratingHeader .achievement_header_wrap{width:100%;height:64px;} #ratingHeader .achievement_header_wrap .review_point_help_text{text-align:center;line-height:30px;padding-top:16px;} #ratingHeader .achievement_header_wrap .review_point_help_text .review_point_cnt{margin-right:6px;} #ratingHeader .achievement_header_wrap .achievement_wrap{height:60px;padding:3px 16px 0px 16px;} #ratingHeader .achievement_header_wrap .achievement_image{height:56px;float:left;margin-right:10px;} #ratingHeader .achievement_header_wrap .title{margin-top:6px;line-height:22px;} #ratingHeader .achievement_header_wrap .description{margin-top:2px;line-height:20px;} #ratingHeader .achievement_header_wrap .achievement_progress{width:100%;height:4px;position:relative;} #ratingHeader .achievement_header_wrap .achievement_slider_background{position:absolute;width:100%;height:100%;top:0;left:0;background:#D8D8D8;} #ratingHeader .achievement_header_wrap .achievement_slider_foreground{position:absolute;height:100%;top:0;left:0;background:#21A8AF;transition:width .15s ease-in;} @keyframes rating_shadowScale { 0%, 100% {transform:translate(-50%, 0) scale(1);} 50%{transform:translate(-50%, 0) scale(0.8);} } @keyframes rating_characterPosition { 0%, 100% {transform:translate(-50%, 0);} 50% {transform:translate(-50%, -15px);} } @keyframes rating_starPosition1 { 0%, 100% {transform:translate(0, 0);} 50% {transform:translate(0, 4px);} } @keyframes rating_starPosition2 { 0%, 100% {transform:translate(0, 0);} 50% {transform:translate(0, 4px);} } @keyframes rating_starPosition3 { 0%, 100% {transform:translate(0, 0);} 50% {transform:translate(0, -4px);} } @keyframes rating_starPosition4 { 0%, 100% {transform:translate(0, 0);} 50% {transform:translate(0, -4px);} } @keyframes rating_starPosition5 { 0%, 100% {transform:translate(0, 0);} 50% {transform:translate(0, -4px);} } @keyframes rating_textAni { 0% {opacity:0;transform:translate(0, 26px);} 100% {opacity:1;transform:translate(0, -0);} } /******** go result popup */ #ratingResultPopup{width:420px;height:437px;background:#FFF;border-radius:13px;overflow:hidden;} #ratingResultPopup .illust_background{width:100%;height:202px;background-image:url('/images/background/rating/result_popup.png');background-size:auto 100%;background-repeat:no-repeat;background-position:center center;} #ratingResultPopup .info_wrap{text-align:center;margin-top:15px;} #ratingResultPopup .info_wrap .title{line-height:31px;} #ratingResultPopup .info_wrap .description{line-height:24px;margin-top:4px;} #ratingResultPopup .info_wrap .summary_button{margin-top:28px;} #ratingResultPopup .info_wrap .summary_button span{width:228px;} #ratingResultPopup .info_wrap .close_button_wrap{margin-top:16px;line-height:19px;} #ratingResultPopup .info_wrap .close_button{cursor:pointer;} @media only screen and (max-width:599px) { #ratingResultPopup{max-width:420px;width:80vw;height:auto;background:#FFF;border-radius:13px;overflow:hidden;} #ratingResultPopup .info_wrap{margin-top:7px;padding:0 24px 24px 24px;} #ratingResultPopup .info_wrap .title{line-height:29px;font-size:20px;} #ratingResultPopup .info_wrap .description{margin-top:8px;} #ratingResultPopup .info_wrap .summary_button{margin-top:24px;} #ratingResultPopup .info_wrap .summary_button span{max-width:228px;width:100%;} #ratingResultPopup .info_wrap .close_button_wrap{margin-top:16px;line-height:19px;} } /******** 정렬 popup */ #ratingSortPopup{width:100vw;height:auto;background:#FFF;border-top-left-radius:13px;border-top-right-radius:13px;padding:16px 16px 0 16px;} #ratingSortPopup .title{line-height:24px;padding-bottom:16px;border-bottom:solid 1px #ebeff8;} #ratingSortPopup .title .close_button{float:right;height:20px;vertical-align:top;margin-top:2px;} #ratingSortPopup .sort_option_list{max-height:calc(60vh - 24px);overflow:auto;padding-bottom:16px;} #ratingSortPopup .select_option{line-height:46px;} #ratingSortPopup .select_option .selected_check{float:right;height:20px;vertical-align:top;margin-top:13px;} #ratingSortPopup .rating_sort_title{line-height:24px;border-bottom:solid 1px #ebeff8;padding:15px 0 12px 0;} /******** 결과화면 */ #ratingResultBody{padding-top:70px;padding-bottom:0px;min-height:calc(100vh - 271px);margin:0 auto;} #ratingResultBody.page_body{width:960px;} #ratingResultRow.body_row{overflow:unset;} @media only screen and (max-width:1000px) and (min-width:600px) { #pageBodyHolder_NEW.mobile_width #ratingResultBody .body_center{padding-left:20px;padding-right:20px;} } @media only screen and (max-width:599px) { #ratingResultBody{padding-top:20px;min-height:calc(100vh - 98px);} #ratingResultBody.page_body{width:100%;} } #ratingResultRow .rating_result_wrap{padding-bottom:40px;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #ratingResultRow .rating_result_wrap{padding-bottom:20px;} } @media only screen and (max-width:599px) { #ratingResultRow .rating_result_wrap{padding-bottom:20px;} } #ratingResultRow .rating_title_row{width:100%;} #ratingResultRow .rating_title_row .title{line-height:36px;} #ratingResultRow .rating_title_row .title .profile_image{height:36px;border-radius:18px;border:solid 1px #ced8e5;vertical-align:top;margin-right:8px;} #ratingResultRow .rating_title_row .share_button{padding-left:18px;padding-right:18px;float:right;font-weight:700;} #ratingResultRow .rating_title_row .share_button img{height:16px;vertical-align:top;margin-right:4px;margin-top:9px;} @media only screen and (max-width:599px) { #ratingResultRow .rating_title_row{text-align:center;width:calc(100% - 32px);margin:auto;} #ratingResultRow .rating_title_row .title{display:block;} #ratingResultRow .rating_title_row .title .profile_image{display:block;margin:0 auto 8px auto;} #ratingResultRow .rating_title_row .share_button{display:none;} } #ratingResultRow .rating_result_item{width:465px;vertical-align:top;margin-top:40px;padding:24px;display:inline-block;border-radius:13px;box-shadow:0 6px 10px 6px rgba(3, 24, 39, 0.07);} #ratingResultRow .rating_result_item .item_title{line-height:20px;} #ratingResultRow .rating_result_item .item_image{height:20px;vertical-align:top;margin-right:4px;} #ratingResultRow .rating_result_item .large_title{line-height:36px;margin-top:8px;} #ratingResultRow .rating_result_wrap .rating_result_item:nth-child(2n-1){margin-right:30px;} #ratingResultRow .rating_result_wrap .rating_result_item:nth-child(1){margin-top:36px;} #ratingResultRow .rating_result_wrap .rating_result_item:nth-child(2){margin-top:36px;} #ratingResultRow .rating_result_wrap .rating_result_item:last-child{margin-right:0px;} #ratingResultRow .rating_recommend_wrap .rating_result_item:first-child{margin-top:0;} #ratingResultRow .rating_recommend_wrap .rating_result_item:nth-child(2n){margin-right:30px;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #ratingResultRow .rating_result_item{margin:20px auto 0 auto;padding:20px;display:block;} .mobile_width #ratingResultRow .rating_result_wrap .rating_result_item:nth-child(2n-1){margin-right:auto;} .mobile_width #ratingResultRow .rating_result_wrap .rating_result_item:nth-child(1){margin-top:36px;} .mobile_width #ratingResultRow .rating_result_wrap .rating_result_item:nth-child(2){margin-top:20px;} .mobile_width #ratingResultRow .rating_result_wrap .rating_result_item:last-child{margin-right:auto;} .mobile_width #ratingResultRow .rating_recommend_wrap .rating_result_item:nth-child(2n){margin-right:auto;} } @media only screen and (max-width:599px) { #ratingResultRow .rating_result_item{width:calc(100% - 32px);margin:20px auto 0 auto;padding:20px;display:block;} #ratingResultRow .rating_result_item .item_title{line-height:22px;font-weight:700;} #ratingResultRow .rating_result_item .item_image{height:22px;} #ratingResultRow .rating_result_item .large_title{font-size:22px;line-height:33px;} #ratingResultRow .rating_result_wrap .rating_result_item:nth-child(2n-1){margin-right:auto;} #ratingResultRow .rating_result_wrap .rating_result_item:nth-child(1){margin-top:36px;} #ratingResultRow .rating_result_wrap .rating_result_item:nth-child(2){margin-top:20px;} #ratingResultRow .rating_result_wrap .rating_result_item:last-child{margin-right:auto;} #ratingResultRow .rating_recommend_wrap .rating_result_item:nth-child(2n){margin-right:auto;} } #ratingResultRow .review_point_cnt_result .go_rating{float:right;cursor:pointer;} #ratingResultRow .review_point_cnt_result .review_cnt{text-align:center;margin-top:18px;line-height:68px;} #ratingResultRow .review_point_cnt_result .description{text-align:center;margin:4px 0 8px 0;line-height:21px;} #ratingResultRow .genre_result .genre_cloud{width:100%;height:140px;} #ratingResultRow .genre_result .genre_cloud > span{padding:2px;} #ratingResultRow .genre_result .genre_cloud .w1{font-size:14px;color:#e5f3ff;} #ratingResultRow .genre_result .genre_cloud .w2{font-size:16px;color:#bfe1ff;} #ratingResultRow .genre_result .genre_cloud .w3{font-size:16px;color:#97cfff;} #ratingResultRow .genre_result .genre_cloud .w4{font-size:18px;color:#6dbbff;} #ratingResultRow .genre_result .genre_cloud .w5{font-size:18px;color:#51acff;} #ratingResultRow .genre_result .genre_cloud .w6{font-size:20px;color:#3f9dff;} #ratingResultRow .genre_result .genre_cloud .w7{font-size:20px;color:#3f8eff;} #ratingResultRow .genre_result .genre_cloud .w8{font-size:22px;color:#3d7beb;} #ratingResultRow .genre_result .genre_cloud .w9{font-size:22px;color:#3b69d8;} #ratingResultRow .genre_result .genre_cloud .w10{font-size:26px;color:#3749b8;} @media only screen and (max-width:599px) { #ratingResultRow .genre_result .genre_cloud{margin-bottom:8px;} } #ratingResultRow .year_result .graph_row_wrap{padding-bottom:9px;} #ratingResultRow .year_result .graph_row{margin-top:30px;line-height:19px;} #ratingResultRow .year_result .graph_row:nth-child(1){margin-top:28px;} #ratingResultRow .year_result .graph_row .graph_title{width:80px;vertical-align:top;} #ratingResultRow .year_result .graph_row .bar_background{width:255px;height:19px;vertical-align:top;} #ratingResultRow .year_result .graph_row .bar_foreground{background:#3f9dff;height:8px;border-radius:4px;position:relative;vertical-align:top;margin-top:5px;} #ratingResultRow .year_result .graph_row .bar_foreground.max_index{background:#3b69d8;} #ratingResultRow .year_result .graph_row .percent_label{position:absolute;left:calc(100% + 8px);top:-6px;} #ratingResultRow .year_result .graph_row .bar_foreground.max_index .percent_label{color:#3b69d8;} @media only screen and (max-width:599px) { #ratingResultRow .year_result .graph_row_wrap{padding-bottom:8px;} #ratingResultRow .year_result .graph_row{margin-top:16px;} #ratingResultRow .year_result .graph_row .bar_background{width:calc(100% - 126px);} } #ratingResultRow .age_result{overflow:hidden;position:relative;padding:0;} #ratingResultRow .age_result .age_chart_wrap{width:100%;height:260px;background:linear-gradient(-180deg, rgb(38, 144, 255) 0%, rgb(65, 199, 255) 100%);} #ratingResultRow .age_result .age_chart_wrap.no_age{background:linear-gradient(-180deg, #4D596B 0%, #333A46 100%);} #ratingResultRow .age_result .age_chart_wrap .text_info{padding:24px 28px;position:relative;width:100%;height:100%;z-index:1;} #ratingResultRow .age_result .age_chart_wrap .text_info .title{line-height:20px;} #ratingResultRow .age_result .age_chart_wrap .text_info .tooltip_icon{height:16px;margin:2px 0 0 2px;} #ratingResultRow .age_result .age_chart_wrap .text_info .button_wrap{float:right;vertical-align:top;line-height:20px;} #ratingResultRow .age_result .age_chart_wrap .text_info .button_wrap .refresh_button{cursor:pointer;vertical-align:top;} #ratingResultRow .age_result .age_chart_wrap .text_info .button_wrap .refresh_button img{height:18px;margin:1px 4px 0 0;} #ratingResultRow .age_result .age_chart_wrap .text_info .button_wrap .divider{width:1px;height:20px;background:#FFF;margin:0 12px;vertical-align:top;opacity:0.3;} #ratingResultRow .age_result .age_chart_wrap .text_info .button_wrap .share_button{cursor:pointer;vertical-align:top;} #ratingResultRow .age_result .age_chart_wrap .text_info .button_wrap .share_button img{height:18px;margin-top:1px;} #ratingResultRow .age_result .age_chart_wrap .text_info .age_number{line-height:43px;margin-top:3px;} #ratingResultRow .age_result .age_chart_wrap .text_info .diff_age{margin-top:8px;line-height:19px;} #ratingResultRow .age_result .age_chart_wrap .text_info .diff_value{vertical-align:top;} #ratingResultRow .age_result .age_chart_wrap .text_info .diff_text{line-height:16px;margin:3px 0 0 4px;vertical-align:top;} #ratingResultRow .age_result .age_chart_wrap .text_info .description{position:absolute;bottom:24px;left:28px;line-height:21px;} #ratingResultRow .age_result .age_chart_wrap .text_info .btn_r{width:100px;position:absolute;bottom:24px;right:28px;border-width:2px;line-height:32px;} #ratingResultRow .age_result .age_chart_wrap .background_image{position:absolute;top:0;right:0;height:100%;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #ratingResultRow .age_result{padding:0;} .mobile_width #ratingResultRow .age_result .age_chart_wrap{width:100%;} .mobile_width #ratingResultRow .age_result .age_chart_wrap .text_info{padding:20px 24px;} } @media only screen and (max-width:599px) { #ratingResultRow .age_result .age_chart_wrap{width:100%;} #ratingResultRow .age_result .age_chart_wrap .text_info{padding:20px 24px;} } #ratingResultRow .review_point_result .graph_col_wrap{margin-top:12px;} #ratingResultRow .review_point_result .graph_col{display:inline-block;width:10%;vertical-align:top;} #ratingResultRow .review_point_result .graph_col .bar_background{width:100%;height:84px;position:relative;} #ratingResultRow .review_point_result .graph_col .bar_foreground{background:#3f9dff;width:8px;border-radius:4px;vertical-align:bottom;position:absolute;bottom:0;left:calc(50% - 4px);} #ratingResultRow .review_point_result .graph_col .bar_foreground.max_index{background:#3b69d8;} #ratingResultRow .review_point_result .graph_col .graph_title{text-align:center;width:100%;line-height:18px;margin-top:8px;} #ratingResultRow .review_point_result .review_point_info{margin-top:8px;text-align:center;} #ratingResultRow .review_point_result .review_point_info .review_point_info_item{display:inline-block;width:calc(50% - 1px);} #ratingResultRow .review_point_result .review_point_info .review_point_avg{line-height:37px;} #ratingResultRow .review_point_result .review_point_info .review_point_title{line-height:19px;margin-top:4px;} #ratingResultRow .review_point_result .review_point_info .divider{display:inline-block;width:1px;height:55px;background:#ebeff8;vertical-align:top;margin-top:4px;} @media only screen and (max-width:599px) { #ratingResultRow .review_point_result .review_point_info{margin:20px 0 8px 0;;} } #ratingResultRow .high_rating_result{width:100%;background:#e5f3ff;} #ratingResultRow .high_rating_result .high_rating_game_wrap{margin-top:24px;} #ratingResultRow .high_rating_result .high_rating_game_wrap > div:not(:nth-child(-n+3)){margin-top:20px;} #ratingResultRow .high_rating_result .high_rating_game_item{display:inline-block;width:calc(50% - 28px);} #ratingResultRow .high_rating_result .high_rating_game_item .cover_image{width:80px;height:80px;border-radius:8px;display:inline-block;margin-right:16px;vertical-align:top;} #ratingResultRow .high_rating_result .high_rating_game_item .game_info{display:inline-block;width:calc(100% - 148px);vertical-align:top;} #ratingResultRow .high_rating_result .high_rating_game_item .game_info.no_button{width:calc(100% - 96px);} #ratingResultRow .high_rating_result .high_rating_game_item .game_info .title{line-height:24px;margin-top:15px;} #ratingResultRow .high_rating_result .high_rating_game_item .game_info .review_point_wrap{margin-top:6px;line-height:20px;} #ratingResultRow .high_rating_result .high_rating_game_item .game_info .review_point_n img{height:20px;vertical-align:top;} #ratingResultRow .high_rating_result .high_rating_game_item .game_info .review_point_label{margin-left:4px;} #ratingResultRow .high_rating_result .high_rating_game_item .review_button{display:inline-block;width:36px;vertical-align:top;margin-top:22px;margin-left:16px;cursor:pointer;} #ratingResultRow .high_rating_result .high_rating_game_item .review_button img{height:36px;} #ratingResultRow .high_rating_result .divider{display:inline-block;width:1px;height:80px;vertical-align:top;background:#bfe1ff;margin:0 27px;} #ratingResultRow .high_rating_result .divider:nth-child(4){display:none;} @media only screen and (max-width:1000px) and (min-width:600px) { .mobile_width #ratingResultRow .high_rating_result{width:465px;} .mobile_width #ratingResultRow .high_rating_result .high_rating_game_wrap{margin-top:12px;} .mobile_width #ratingResultRow .high_rating_result .high_rating_game_wrap > div:not(:nth-child(-n+3)){margin-top:0px;} .mobile_width #ratingResultRow .high_rating_result .high_rating_game_item{display:block;width:100%;padding:16px 0px;} .mobile_width #ratingResultRow .high_rating_result .divider{display:block;width:calc(100% - 92px);height:1px;margin:0 0 0 92px;} .mobile_width #ratingResultRow .high_rating_result .divider:nth-child(4){display:block;} } @media only screen and (max-width:599px) { #ratingResultRow .high_rating_result{width:calc(100% - 32px);} #ratingResultRow .high_rating_result .high_rating_game_wrap{margin-top:12px;} #ratingResultRow .high_rating_result .high_rating_game_wrap > div:not(:nth-child(-n+3)){margin-top:0px;} #ratingResultRow .high_rating_result .high_rating_game_item{display:block;width:100%;padding:16px 0px;} #ratingResultRow .high_rating_result .divider{display:block;width:calc(100% - 92px);height:1px;margin:0 0 0 92px;} #ratingResultRow .high_rating_result .divider:nth-child(4){display:block;} } #ratingResultRow .recommend_game_result .recommend_game_wrap{margin-top:12px;} #ratingResultRow .recommend_game_result .recommend_game_item{padding:16px 0;} #ratingResultRow .recommend_game_result .recommend_game_item:last-child{padding-bottom:23px;} #ratingResultRow .recommend_game_result .recommend_game_item .cover_image{width:80px;height:80px;border-radius:8px;display:inline-block;margin-right:16px;vertical-align:top;} #ratingResultRow .recommend_game_result .recommend_game_item .game_info{display:inline-block;width:calc(100% - 134px);vertical-align:top;} #ratingResultRow .recommend_game_result .recommend_game_item .game_info .title{line-height:22px;} #ratingResultRow .recommend_game_result .recommend_game_item .game_info .game_score_wrap{line-height:18px;margin-top:2px;} #ratingResultRow .recommend_game_result .recommend_game_item .game_info .genre_wrap{margin-top:13px;width:100%;height:25px;overflow:hidden;} #ratingResultRow .recommend_game_result .recommend_game_item .game_info .genre_wrap .genre_item{line-height:25px;border-radius:6px;background:#EBEFF8;padding:0 6px;margin-left:4px;} #ratingResultRow .recommend_game_result .recommend_game_item .game_info .genre_wrap .genre_item:first-child{margin-left:0px;} #ratingResultRow .recommend_game_result .recommend_game_item .library_state_wrap{display:inline-block;width:22px;vertical-align:top;margin-left:16px;cursor:pointer;} #ratingResultRow .recommend_game_result .recommend_game_item .library_state_wrap .library_state_button_n{height:22px;} #ratingResultRow .recommend_game_result .divider{width:calc(100% - 96px);margin-left:96px;height:1px;background:#ebeff8;} #ratingResultRow .recommend_review_result .recommend_review_wrap{margin-top:12px;} #ratingResultRow .recommend_review_result .recommend_review_item{padding:16px 0;border-bottom:solid 1px #ebeff8;} #ratingResultRow .recommend_review_result .recommend_review_item:last-child{border-bottom:none;padding-bottom:0;} #ratingResultRow .recommend_review_result .recommend_review_item .user_info{height:28px;line-height:28px;} #ratingResultRow .recommend_review_result .recommend_review_item .user_info .profile_image{width:28px;height:28px;border-radius:14px;vertical-align:top;border:solid 1px #ced8e5;background:#FFF;margin-right:7px;} #ratingResultRow .recommend_review_result .recommend_review_item .user_info .user_nickname{line-height:28px;} #ratingResultRow .recommend_review_result .recommend_review_item .user_info .display_time{margin-left:8px;} #ratingResultRow .recommend_review_result .recommend_review_item .user_info .follow_button{float:right;margin-left:4px;vertical-align:top;width:68px;font-weight:700;} #ratingResultRow .recommend_review_result .recommend_review_item .game_info_wrap{margin-top:16px;} #ratingResultRow .recommend_review_result .recommend_review_item .game_info_wrap .cover_image{width:48px;height:48px;border-radius:8px;display:inline-block;margin-right:12px;vertical-align:top;} #ratingResultRow .recommend_review_result .recommend_review_item .game_info{display:inline-block;width:calc(100% - 60px);vertical-align:top;} #ratingResultRow .recommend_review_result .recommend_review_item .game_info .title{line-height:22px;} #ratingResultRow .recommend_review_result .recommend_review_item .game_info .review_point_wrap{margin-top:4px;line-height:20px;} #ratingResultRow .recommend_review_result .recommend_review_item .game_info .review_point_n img{height:20px;vertical-align:top;} #ratingResultRow .recommend_review_result .recommend_review_item .game_info .review_point_label{margin-left:4px;} #ratingResultRow .recommend_review_result .recommend_review_item .content{margin-top:12px;line-height:22px;height:44px;overflow:hidden;position:relative;} #ratingResultRow .recommend_review_result .recommend_review_item .content.is_featured{height:22px;} #ratingResultRow .recommend_review_result .recommend_review_item .content .post_more_button{position:absolute;right:0;bottom:0;line-height:22px;padding:0 12px;background:#FFF;cursor:pointer;} #ratingResultRow .recommend_review_result .recommend_review_item .featured_tag_wrap{margin-top:12px;} #ratingResultRow .recommend_review_result .recommend_review_item .featured_tag{height:23px;line-height:21px;background:#fff5bd;border:solid 1px #ffef91;border-radius:6px;color:#f76f00;padding:0 6px;} #ratingResultRow .recommend_review_result .recommend_review_item .featured_tag img{height:18px;margin-top:1px;} #ratingResultRow .go_button_wrap{margin-top:50px;text-align:center;padding-bottom:47px;} #ratingResultRow .go_button_wrap .go_feed{width:280px;} #ratingResultRow .go_button_wrap .go_rating{width:280px;margin-top:8px;} #ratingResultRow .go_button_wrap .go_library_button{line-height:20px;margin-top:16px;} #ratingResultRow .go_button_wrap .go_library_button img{height:20px;vertical-align:top;margin-right:6px;} @media only screen and (max-width:599px) { #ratingResultRow .go_button_wrap{margin-top:32px;} } #ratingGoSync{width:100%;} #ratingGoSync .go_sync_wrap{width:100%;background:#ebeff8;padding:58px 0 56px 0;text-align:center;} #ratingGoSync .go_sync_wrap .description{line-height:22px;} #ratingGoSync .go_sync_wrap .button_wrap{margin-top:24px;} #ratingGoSync .go_sync_wrap .button_wrap span{width:280px;} @media only screen and (max-width:599px) { #ratingGoSync .go_sync_wrap{padding:68px 16px 80px 16px;} } #ratingGoSync .go_other_wrap{width:100%;background:#ebeff8;padding:58px 0 56px 0;text-align:center;margin-top:40px;} #ratingGoSync .go_other_wrap .small_description{line-height:22px;} #ratingGoSync .go_other_wrap .description{line-height:29px;margin-top:6px;} #ratingGoSync .go_other_wrap .button_wrap{margin-top:24px;} #ratingGoSync .go_other_wrap .button_wrap span{width:280px;} @media only screen and (max-width:599px) { #ratingGoSync .go_other_wrap{padding:68px 16px 80px 16px;margin-top:30px;} #ratingGoSync .go_other_wrap .description{font-size:18px;line-height:27px;} }