@charset "utf-8";			

#searchBody .body_row{overflow:visible;}
#searchBody .body_left{float:none;display:inline-block;}
#searchBody .body_right{float:none;display:inline-block;margin-left:30px;vertical-align:top;}

#searchBody .feed_title{width:588px;}
@media only screen and (max-width:599px) {
	#searchBody .feed_title{width:100%}
}
/********
 헤더
*/
#totalSearchInput{width:100%;}
#totalSearchInput .total_search_input_wrap{width:960px;margin:auto;position:relative;margin-top:12px;}
#totalSearchInput .input_text{width:100%;height:36px;padding-left:34px;padding-right:34px;}
#totalSearchInput .search_icon{width:36px;height:36px;position:absolute;left:0px;top:0px;padding:7px;}
#totalSearchInput .input_cancel{width:36px;height:36px;}

#totalSearchInputMobile{display:none;}

@media only screen and (max-width:1000px) and (min-width:600px) {
	.mobile_width #totalSearchInput .total_search_input_wrap{width:calc(100% - 40px);margin-left:auto;margin-right:auto;}
}
@media only screen and (max-width:599px) {
	#totalSearchInput{margin-bottom:12px;}
	#totalSearchInput .total_search_input_wrap{width:calc(100% - 40px);margin-left:auto;margin-right:auto;}
	/*
	#totalSearchInputMobile{display:block;}	
	.total_search_input_wrap{width:100%;height:60px;margin:0;padding:12px 16px;background:#21A8AF;position:relative;}
	.total_search_input_wrap .input_text{width:100%;height:36px;padding-left:34px;}
	.total_search_input_wrap .search_icon{width:36px;height:36px;position:absolute;left:16px;top:12px;padding:7px;}
	#totalSearchInputMobile .input_cancel{width:36px;height:36px;right:16px;top:12px;}
	
	#totalSearchInput{display:none;}
	*/
}
/********
 공통
*/
#searchBody{padding-bottom:150px;}

#searchBody #bodyRow{min-height:100vh;}

#searchBody .search_suggest_wrap{margin-top:28px;}
#searchBody .search_suggest_wrap .suggest_title{line-height:22px;}
#searchBody .search_suggest_wrap .suggest_button{margin-top:12px;}
#searchBody .search_title_wrap{margin-bottom:24px;}

@media only screen and (max-width:1000px) and (min-width:600px) {
	#pageBodyHolder_NEW.mobile_width #searchBody .responsive .body_center{width:calc(100% - 40px);margin:auto;}
}

@media only screen and (max-width:599px) {
	#searchBody .search_suggest_wrap{padding:0 16px;}
	
	#searchBody .search_title_wrap{display:none;}	
}

/********
 통합,포스트,유저 검색
*/

#searchBody .search_all_wrap{margin-bottom:60px;}
#searchBody .search_all_wrap .search_title{line-height:24px;height:24px;}
#searchBody .search_all_wrap .see_all{float:right;}
#searchBody .search_all_wrap .search_no_result{text-align:center;margin-top:30px;height:24px;line-height:24px;}
#searchBody .search_all_wrap .search_content{margin-top:24px;}

#searchBody .search_all_game_list .search_all_game_item{width:600px;height:61px;border-bottom:solid 1px #D8D8D8;}
#searchBody .search_all_game_list .search_all_game_item > div{display:inline-block;height:60px;vertical-align:top;}
#searchBody .search_all_game_list .search_all_game_item .image_container{width:60px;height:60px;}
#searchBody .search_all_game_list .search_all_game_item .name_company{padding:0 13px;width:calc(100% - 260px);}
#searchBody .search_all_game_list .search_all_game_item .game_name{height:22px;line-height:22px;margin-top:7px;}
#searchBody .search_all_game_list .search_all_game_item .game_company{height:18px;line-height:18px;margin-top:2px;}
#searchBody .search_all_game_list .search_all_game_item .release_date{width:100px;text-align:center;height:60px;line-height:60px;}
#searchBody .search_all_game_list .search_all_game_item .library_state_wrap{width:100px;text-align:center;height:60px;line-height:60px;}
#searchBody .search_all_game_list .search_all_game_item .library_state_wrap .library_state_button_n{vertical-align:top;width:60px;height:60px;padding:19px;cursor:pointer;}

#searchBody .feed_item_box.feed_user{width:320px;margin-left:auto;margin-right:auto;}

@media only screen and (max-width:599px) {
	#searchBody .search_all_wrap{margin-bottom:0px;border-top:solid 8px #EEEEEE;}
	#searchBody .search_all_wrap:first-child{border-top:none;}
	#searchBody .search_all_wrap .search_title{line-height:56px;height:56px;border-bottom:solid 1px #D8D8D8;padding:0 16px;}
	#searchBody .search_all_wrap .search_no_result{margin-bottom:30px;}
	#searchBody .search_all_wrap .search_content{margin-top:0px;}
	
	#searchBody .search_all_game_list .search_all_game_item{width:100%;}
	#searchBody .search_all_game_list .search_all_game_item .name_company{padding-right:0;width:calc(100% - 114px);}
	#searchBody .search_all_game_list .search_all_game_item .release_date{display:none;}
	#searchBody .search_all_game_list .search_all_game_item .library_state_wrap{width:54px;}
	#searchBody .search_all_game_list .search_all_game_item .library_state_wrap .library_state_button_n{width:54px;padding:19px 16px;}
	
	#searchBody .feed_item_box.feed_user{width:100%;border-bottom:solid 1px #D8D8D8;}
}

/********
 게임 상세검색
*/

#searchBody .search_option_input_box_wrap{width:100%;margin-top:12px;}
#searchBody .search_option_input_box_ani_wrap{overflow:hidden;height:auto;}
#searchBody .search_option_input_box{width:100%;border:solid 1px #D8D8D8;border-radius:2px;background:#FFF;}

#searchBody .keyword_company_row{height:56px;line-height:55px;border-bottom:solid 1px #D8D8D8;}
#searchBody .keyword_company_row .keyword{width:50%;position:relative;}
#searchBody .keyword_company_row .keyword .title{margin:0 23px 0 30px;}
#searchBody .keyword_company_row .keyword .input_text{width:330px;padding-right:26px;}
#searchBody .keyword_company_row .keyword .input_cancel{top:12px;right:72px;}
#searchBody .keyword_company_row .company{width:50%;position:relative;}
#searchBody .keyword_company_row .company .title{margin-right:23px;}
#searchBody .keyword_company_row .company .input_text{width:330px;padding-right:26px;}
#searchBody .keyword_company_row .company .input_cancel{top:12px;right:100px;}
#searchBody .keyword_company_row .company .check_label{position:absolute;right:16px;width:72px;z-index:1;}
#searchBody .keyword_company_row .company .check_label .checkmark{top:22px;}

#searchBody .search_option_row{border-bottom:solid 1px #D8D8D8;}
#searchBody .search_option_row:last-child{border-bottom:none;}
#searchBody .search_option_row .search_option_item{width:138px;height:100%;border-right:solid 1px #D8D8D8;display:inline-block;vertical-align:top;}
#searchBody .search_option_row .search_option_item.expandable{cursor:pointer;}
#searchBody .search_option_row .search_option_item .title{margin-left:30px;}
#searchBody .search_option_row .search_option_item .expand_mark{float:right;padding:0 12px;}

#searchBody .search_option_row.platform_row{height:42px;line-height:36px;}
#searchBody .search_option_row.platform_row.expanded{height:130px;}
#searchBody .search_option_row.platform_row .search_option_item{padding-top:3px;}
#searchBody .search_option_row .search_platform_list{width:calc(100% - 138px);height:100%;overflow:hidden;display:inline-block;padding:3px 12px 0 12px}
#searchBody .search_option_row .search_platform_list .button_r{padding:0 10px;margin-right:6px;}
#searchBody .search_option_row.expanded .search_platform_list{overflow:auto;}

#searchBody .search_option_row.release_date_row{height:50px;line-height:49px;}
#searchBody .search_option_row .search_release_date{width:calc(100% - 138px);height:100%;overflow:hidden;display:inline-block;}
#searchBody .release_year_scroll_wrap{width:calc(100% - 70px);height:100%;position:relative;margin:auto;user-select:none;}
#searchBody .release_year_scroll_wrap .background{width:100%;height:3px;background:#9B9B9B;position:absolute;top:27px;}
#searchBody .release_year_scroll_wrap .foreground{width:calc(100% - 30px);height:17px;margin-left:15px;position:absolute;top:20px;}
#searchBody .release_year_scroll_wrap .foreground .left_indicator{position:absolute;top:0;left:-22px;width:22px;height:17px;}
#searchBody .release_year_scroll_wrap .foreground .left_indicator .square{width:12px;height:17px;background:#21A8AF;position:absolute;top:0;left:0;}
#searchBody .release_year_scroll_wrap .foreground .left_indicator .tip{position:absolute;top:0;left:12px;;width:0;height:0;border-left:solid 10px #21A8AF;border-top:solid 8.5px transparent;border-bottom:solid 8.5px transparent;}
#searchBody .release_year_scroll_wrap .foreground .left_indicator .value{position:absolute;top:-19px;left:-8px;width:30px;height:18px;line-height:18px;border-radius:9px;text-align:center;box-shadow:0 1px 3px 1px rgba(0,0,0,0.1);}
#searchBody .release_year_scroll_wrap .foreground .right_indicator{position:absolute;top:0;right:-22px;width:22px;height:17px;}
#searchBody .release_year_scroll_wrap .foreground .right_indicator .square{width:12px;height:17px;background:#21A8AF;position:absolute;top:0;right:0;}
#searchBody .release_year_scroll_wrap .foreground .right_indicator .tip{position:absolute;top:0;right:12px;;width:0;height:0;border-right:solid 10px #21A8AF;border-top:solid 8.5px transparent;border-bottom:solid 8.5px transparent;}
#searchBody .release_year_scroll_wrap .foreground .right_indicator .value{position:absolute;top:-19px;right:-8px;width:30px;height:18px;line-height:18px;border-radius:9px;text-align:center;box-shadow:0 1px 3px 1px rgba(0,0,0,0.1);}
#searchBody .release_year_scroll_wrap .year_tic_list{width:100%;height:18px;line-height:18px;position:absolute;bottom:1px;}
#searchBody .release_year_scroll_wrap .year_tic_list span{text-align:center;width:30px;margin-right:calc(20% - 36px);}
#searchBody .release_year_scroll_wrap .year_tic_list span:last-child{margin-right:0px;}
#searchBody .release_year_scroll_wrap .click_area{width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer;}

#searchBody .search_option_row.genre_row{height:42px;line-height:36px;}
#searchBody .search_option_row.genre_row.expanded{height:172px;}
#searchBody .search_option_row.genre_row .search_option_item{padding-top:3px;}
#searchBody .search_option_row .search_genre_list{width:calc(100% - 138px);height:100%;overflow:hidden;display:inline-block;}
#searchBody .search_option_row .search_genre_list .button_r{padding:0 10px;margin-right:6px;}
#searchBody .search_option_row .search_genre_box{padding:3px 12px 0 12px;}
#searchBody .search_option_row.expanded .search_genre_box{overflow:auto;height:calc(100% - 42px);}
#searchBody .search_option_row .search_genre_box .search_genre_button.b_primary .fc_highlight{color:#FFF;}
#searchBody .genre_search_box{width:100%;line-height:42px;height:42px;padding-left:22px;display:none;position:relative;}
#searchBody .genre_search_box .input_text{width:180px;height:28px;padding:5px 22px 5px 8px;}
#searchBody .genre_search_box .input_cancel{top:5px;right:612px;}
#searchBody .search_option_row.expanded .genre_search_box{display:inline-block;}

#searchBody .toggle_detail_search_button{display:none;}
#searchBody .toggle_detail_search_button img{height:20px;vertical-align:top;margin:15px 0 0 6px;}
#searchBody .toggle_detail_search_button .open_text{display:none;}
#searchBody .toggle_detail_search_button.closed .open_text{display:block;}
#searchBody .toggle_detail_search_button .close_text{display:block;}
#searchBody .toggle_detail_search_button .close_text img{transform:rotate(180deg);}
#searchBody .toggle_detail_search_button.closed .close_text{display:none;}

#searchBody .selected_search_option{margin-top:20px;}
#searchBody .selected_search_option .button_r{margin-right:10px;margin-bottom:6px;}
#searchBody .selected_search_option .button_r:last-child{margin-right:0px;}
#searchBody .selected_search_option .button_r .x_button{vertical-align:top;height:16px;margin:6px -8px 0 6px;}
#searchBody .selected_search_option .selected_genre.b_primary .fc_highlight{color:#FFF;}

#searchBody .search_game_result_wrap{margin-top:40px;}
#searchBody .search_game_result_wrap .search_title{height:24px;line-height:24px;}
#searchBody .search_game_result_wrap .reset_search_option{float:right;text-decoration:underline;height:24px;line-height:24px;cursor:pointer;}
#searchBody .search_game_result_wrap .result_table_title{margin-top:9px;height:44px;line-height:42px;border-bottom:solid 2px #D8D8D8;user-select:none;}
#searchBody .search_game_result_wrap .result_table_title .title_col{text-align:center;}
#searchBody .search_game_result_wrap .result_table_title .title_col.sortable{cursor:pointer;}
#searchBody .search_game_result_wrap .result_table_title .title_col .sort_mark{margin-left:4px;display:none;}
#searchBody .search_game_result_wrap .result_table_title .game_name{width:calc(50% - 125px);}
#searchBody .search_game_result_wrap .result_table_title .game_release_date{width:80px;}
#searchBody .search_game_result_wrap .result_table_title .game_score{width:100px;}
#searchBody .search_game_result_wrap .result_table_title .game_genre{width:calc(50% - 125px);}
#searchBody .search_game_result_wrap .result_table_title .game_state{width:70px;}

#searchBody .search_game_result_wrap .result_table{border-bottom:solid 1px #D8D8D8;}
#searchBody .search_game_result_wrap .result_table .no_search_result{text-align:center;height:300px;line-height:300px;}

#searchBody .search_game_list .search_game_item{width:100%;height:61px;border-bottom:solid 1px #D8D8D8;}
#searchBody .search_game_list .search_game_item > div{display:inline-block;height:60px;vertical-align:top;}
#searchBody .search_game_list .search_game_item .image_container{width:60px;height:60px;}
#searchBody .search_game_list .search_game_item .name_company{padding:0 13px;width:calc(50% - 185px);}
#searchBody .search_game_list .search_game_item .game_name{height:22px;line-height:22px;margin-top:7px;}
#searchBody .search_game_list .search_game_item .game_name .mobile_icon_new{height:20px;margin:1px 1px 0 0;}
#searchBody .search_game_list .search_game_item .game_company{height:18px;line-height:18px;margin-top:2px;}
#searchBody .search_game_list .search_game_item .release_date{width:80px;text-align:center;height:60px;line-height:60px;}
#searchBody .search_game_list .search_game_item .miniscore{width:100px;text-align:center;height:60px;line-height:60px;}
#searchBody .search_game_list .search_game_item .genre_list{width:calc(50% - 125px);height:60px;line-height:24px;padding:18px 12px;}
#searchBody .search_game_list .search_game_item .genre_list span{margin-right:4px;}
#searchBody .search_game_list .search_game_item .library_state_wrap{width:70px;text-align:center;height:60px;line-height:60px;}
#searchBody .search_game_list .search_game_item .library_state_wrap .library_state_button_n{vertical-align:top;width:60px;height:60px;padding:19px;cursor:pointer;}

#searchBody .search_game_result_wrap .result_page{padding:24px 0;text-align:center;line-height:20px;user-select:none;}
#searchBody .search_game_result_wrap .result_page span{min-width:40px;padding:8px 6px;cursor:pointer;}
#searchBody .search_game_result_wrap .result_page .selected{color:#21A8AF;}

@media only screen and (max-width:1000px) and (min-width:600px) {	
	.mobile_width #searchBody .keyword_company_row .keyword .input_text{width:calc(100% - 100px);}	
	.mobile_width #searchBody .keyword_company_row .keyword .input_cancel{right:22px;}
	.mobile_width #searchBody .keyword_company_row .company .input_text{width:calc(100% - 145px);}
	.mobile_width #searchBody .keyword_company_row .company .input_cancel{right:97px;}	
}
@media only screen and (max-width:599px) {	
	#searchBody .search_option_input_box_wrap{margin-top:0px;}
	#searchBody .search_option_input_box_ani_wrap{height:48px;}
	#searchBody .search_option_input_box{border:none;border-radius:0px;border-bottom:solid 1px #D8D8D8;}

	#searchBody .keyword_company_row{height:94px;line-height:45px;padding:0 16px;}
	#searchBody .keyword_company_row .keyword{width:100%;}
	#searchBody .keyword_company_row .keyword .title{margin:0;width:60px;}
	#searchBody .keyword_company_row .keyword .input_text{width:calc(100% - 60px);}
	#searchBody .keyword_company_row .keyword .input_cancel{top:7px;right:0px;}
	#searchBody .keyword_company_row .company{width:100%;}
	#searchBody .keyword_company_row .company .title{margin:0;width:60px;line-height:18px;}
	#searchBody .keyword_company_row .company .input_text{width:calc(100% - 60px);padding-right:98px;}
	#searchBody .keyword_company_row .company .input_cancel{top:7px;right:72px;}
	#searchBody .keyword_company_row .company .check_label{right:0px;}
	#searchBody .keyword_company_row .company .check_label .checkmark{top:17px;}

	#searchBody .search_option_row .search_option_item{width:78px;}	
	#searchBody .search_option_row .search_option_item .title{margin-left:16px;}
	#searchBody .search_option_row .search_option_item .expand_mark{padding:0;margin-right:5px;}
	
	#searchBody .search_option_row.platform_row{height:110px;line-height:30px;}
	#searchBody .search_option_row.platform_row.expanded{height:264px;}
	#searchBody .search_option_row .search_platform_list{width:calc(100% - 78px);overflow:auto;padding:3px 6px 0 6px}
	#searchBody .search_option_row .search_platform_list .button_r{padding:0 6px;margin-right:4px;height:28px;line-height:26px;}
	
	#searchBody .search_option_row.release_date_row .search_option_item{display:none;}
	#searchBody .search_option_row .search_release_date{width:100%;}
	#searchBody .release_year_scroll_wrap{width:calc(100% - 46px);}
	
	#searchBody .search_option_row.genre_row{height:124px;line-height:30px;}
	#searchBody .search_option_row.genre_row.expanded{height:300px;}
	#searchBody .search_option_row .search_genre_list{width:calc(100% - 78px);}
	#searchBody .search_option_row .search_genre_list .button_r{padding:0 6px;margin-right:4px;height:28px;line-height:26px;}
	#searchBody .search_option_row .search_genre_box{padding:3px 6px 0 6px;height:calc(100% - 39px);overflow:auto;}
	#searchBody .genre_search_box{display:inline-block;width:100%;line-height:42px;height:42px;padding:0 16px;}
	#searchBody .genre_search_box .input_text{width:100%;}
	#searchBody .genre_search_box .input_cancel{top:6px;right:14px;}	

	#searchBody .toggle_detail_search_button{display:block;width:100%;height:50px;line-height:50px;background:#EEEEEE;text-align:center;}
	
	#searchBody .selected_search_option{margin-top:16px;margin-bottom:12px;padding:0 16px;}
	#searchBody .selected_search_option .button_r{padding:0 8px;margin-right:4px;margin-bottom:4px;height:28px;line-height:26px;}
	#searchBody .selected_search_option .button_r .x_button{height:14px;margin:6px -3px 0 5px;}

	#searchBody .search_game_result_wrap{margin-top:0px;border-top:solid 1px #EEEEEE;}
	#searchBody .search_game_result_wrap .search_title{height:48px;line-height:48px;padding:0 16px;}
	#searchBody .search_game_result_wrap .reset_search_option{height:48px;line-height:48px;}
	#searchBody .search_game_result_wrap .result_table_title{display:none;}
	
	#searchBody .search_game_list .search_game_item .name_company{padding:0 13px;width:calc(100% - 114px);}
	#searchBody .search_game_list .search_game_item .release_date{display:none;}
	#searchBody .search_game_list .search_game_item .miniscore{display:none;}
	#searchBody .search_game_list .search_game_item .genre_list{display:none;}
	#searchBody .search_game_list .search_game_item .library_state_wrap{width:54px;}
	#searchBody .search_game_list .search_game_item .library_state_wrap .library_state_button_n{width:54px;padding:19px 16px;}
}

/********
 최근 검색어
*/
#recentSearchBoxWrap #recentSearchBox{width:100%;overflow:hidden;}

#recentSearchBox{position:absolute;background:#FFF;box-shadow:0 6px 10px 6px rgba(3, 24, 39, 0.07);border-radius:13px;z-index:1000;overflow:hidden;}
#recentSearchBox .recent_search_list{padding:16px 20px;}
#recentSearchBox .recent_search_list .title{line-height:19px;}
#recentSearchBox .recent_search_list .clear_recent_search{float:right;cursor:pointer;}
#recentSearchBox .recent_search_list .recent_search_item_list{margin-top:16px;max-height:60px;overflow:hidden;line-height:26px;max-width:100%;}
#recentSearchBox .recent_search_list .recent_search_item{margin:0 6px 8px 0;vertical-align:top;background:#ebeff8;border-radius:6px;padding:0 8px;max-width:45%;}
#recentSearchBox .popular_search_list{padding:16px 20px 8px 20px;}
#recentSearchBox .popular_search_list .title{line-height:19px;}
#recentSearchBox .popular_search_list .popular_search_item_list{margin-top:8px;}
#recentSearchBox .popular_search_list .popular_search_row{line-height:36px;}
#recentSearchBox .popular_search_list .search_word_index{width:22px;vertical-align:top;}
#recentSearchBox .popular_search_list .search_word_text{max-width:calc(100% - 22px);vertical-align:top;}
#recentSearchBox .go_detail_search_wrap{width:100%;height:44px;background:#f4faff;line-height:20px;padding:10px 20px 14px 20px;border-top:solid 1px #ebeff8}
#recentSearchBox .go_detail_search_button{float:right;cursor:pointer;}

#mobileTotalSearchPopup #recentSearchBox{position:relative;background:#FFF;box-shadow:none;border-radius:0px;z-index:0;overflow:hidden;}

/********
 모바일 통합 검색 팝업
*/
#mobileTotalSearchPopup{width:100vw;position:relative;}
#mobileTotalSearchPopup .mobile_total_search_wrap{width:50vw;height:100vh;position:absolute;top:0;right:-70vw;background:#FFF;transition:right 0.15s ease-out;box-shadow:0 6px 10px 6px rgba(3, 24, 39, 0.07);}
#mobileTotalSearchPopup .total_search_popup_header{line-height:44px;text-align:center;position:relative;}
#mobileTotalSearchPopup .total_search_popup_header img{height:44px;padding:10px;position:absolute;top:0;left:6px;vertical-align:top;}
#mobileTotalSearchPopup .mobile_total_search_input_wrap{margin:12px auto 0 auto;;position:relative;width:calc(100% - 32px);}
#mobileTotalSearchPopup .mobile_total_search_input_wrap .search_icon{position:absolute;height:24px;top:13px;left:13px;}
#mobileTotalSearchPopup .mobile_total_search_input_wrap .search_input{width:100%;height:50px;line-height:24px;padding:0 40px 0 40px;color:#031827;border:none;border-radius:25px;background:#fff;vertical-align:top;appearance:none;box-shadow:0 6px 10px 6px rgba(3, 24, 39, 0.07);font-size:15px;}
#mobileTotalSearchPopup .mobile_total_search_input_wrap .search_input::placeholder{color:#B2BDCE;}
#mobileTotalSearchPopup .mobile_total_search_input_wrap .input_cancel{top:8px;right:8px;}
#mobileTotalSearchPopup .total_search_result_wrap{margin-top:20px;height:calc(100vh - 126px);overflow:auto;}
@media only screen and (max-width:599px) {
	#mobileTotalSearchPopup .mobile_total_search_wrap{width:100vw;right:-120vw;}
}