@charset "utf-8";			

#mainBody{}

@media only screen and (max-width:1000px) and (min-width:600px) {
	.mobile_width #mainBody .page_body{width:calc(100% - 32px);}
}
@media only screen and (max-width:599px) {
	#mainBody{padding-bottom:0px;}	
}

/********
 메인 배너
*/
#mainBody .header_banner_wrap{width:100%;height:500px;margin-top:-76px;position:relative;}
.mobile_width #mainBody .header_banner_wrap{margin-top:-44px;} 

#mainBody .header_banner_wrap .temp_mobile_header_wrap{position:absolute;top:0;left:0;width:100%;height:44px;z-index:10;padding:8px 20px;}
#mainBody .header_banner_wrap .temp_mobile_header_left{display:inline-block;}
#mainBody .header_banner_wrap .temp_mobile_header_left .logo_image{height:24px;margin-top:10px;vertical-align:top;}
#mainBody .header_banner_wrap .temp_mobile_header_right{display:inline-block;float:right;}
#mainBody .header_banner_wrap .temp_mobile_header_right .header_icon_wrap{display:inline-block;height:26px;vertical-align:top;margin-top:9px;margin-left:16px;position:relative;}
#mainBody .header_banner_wrap .temp_mobile_header_right .header_icon_wrap:first-child{margin-left:0;}
#mainBody .header_banner_wrap .temp_mobile_header_right .header_icon{height:26px;vertical-align:top;}
#mainBody .header_banner_wrap .temp_mobile_header_right .header_noti_cnt{display:none;position:absolute;top:-3px;left:50%;height:18px;min-width:18px;line-height:15px;border-radius:9px;border:solid 1px;padding:0px 5px;text-align:center;border-color:#FFF;background:#EC5245;}

#mainBody .header_banner_wrap .header_banner{width:100%;height:500px;transition:background-color 0.3s linear;overflow:hidden;}
#mainBody .header_banner_wrap .banner_content{width:960px;height:500px;margin:0 auto;padding-left:70px;user-select:none;position:relative;transition:transform 0.1s ease-out, opacity 0.1s ease-out;}
#mainBody .header_banner_wrap .banner_content.fade_out_left{opacity:0;transform:translateX(-20px);}
#mainBody .header_banner_wrap .banner_content.fade_out_right{opacity:0;transform:translateX(20px);}
#mainBody .header_banner_wrap .banner_content .banner_text_wrap{position:relative;z-index:5;transition:transform 0.1s ease-out, opacity 0.1s ease-out;white-space:pre-line;}
#mainBody .header_banner_wrap .banner_content .banner_text_wrap.fade_in_left{opacity:0;transform:translateX(-20px);}
#mainBody .header_banner_wrap .banner_content .banner_text_wrap.fade_in_right{opacity:0;transform:translateX(20px);}
#mainBody .header_banner_wrap .banner_content .sub_title{height:192px;line-height:20px;position:relative;}
#mainBody .header_banner_wrap .banner_content .sub_title.multi_line{height:182px;}
#mainBody .header_banner_wrap .banner_content .sub_title div{position:absolute;bottom:0;}
#mainBody .header_banner_wrap .banner_content .title{margin-top:12px;line-height:59px;}
#mainBody .header_banner_wrap .banner_content .banner_button{margin-top:23px;}
#mainBody .header_banner_wrap .banner_content .banner_button span{padding-right:20px;padding-left:20px;}
#mainBody .header_banner_wrap .banner_content .banner_button img{height:16px;vertical-align:top;margin-top:2px;}
#mainBody .header_banner_wrap .banner_content .banner_image_wrap{position:absolute;width:960px;height:500px;right:0;bottom:0;transition:transform 0.4s ease-out 0.15s, opacity 0.1s ease-out 0s;}
#mainBody .header_banner_wrap .banner_content .banner_image_wrap.move_bottom{transform:translateY(20px);opacity:0;}
#mainBody .header_banner_wrap .banner_content .banner_image{position:absolute;}

#mainBody .header_banner_wrap .banner_indicator_wrap{position:absolute;width:fit-content;bottom:60px;right:calc(50% - 480px);height:24px;}
#mainBody .header_banner_wrap .banner_indicator{text-align:right;margin:auto;padding:0 20px;height:24px;}
#mainBody .header_banner_wrap .banner_indicator .background{width:8px;height:8px;background:rgba(255,255,255,0.4);margin-left:6px;border-radius:4px;overflow:hidden;position:relative;transition:width 0.1s ease-out;vertical-align:top;cursor:pointer;-webkit-mask-image:-webkit-radial-gradient(white, black);}
#mainBody .header_banner_wrap .banner_indicator .background.selected{width:21px;cursor:unset;}
#mainBody .header_banner_wrap .banner_indicator .foreground{width:0px;height:8px;background:#FFF;position:absolute;left:0;top:0;display:none;border-radius:4px;}
#mainBody .header_banner_wrap .banner_indicator .selected .foreground{display:inline-block;}

@media only screen and (max-width:1000px) and (min-width:600px) {	
	.mobile_width #mainBody .header_banner_wrap .banner_content{width:100%;}
	
	.mobile_width #mainBody .header_banner_wrap .banner_indicator_wrap{right:20px;}
}
@media only screen and (max-width:599px) {
	#mainBody .header_banner_wrap{height:368px;}

	#mainBody .header_banner_wrap .header_banner{height:368px;}
	#mainBody .header_banner_wrap .banner_content{width:100%;height:368px;padding-left:24px;padding-right:24px;}
	#mainBody .header_banner_wrap .banner_content .sub_title{height:auto;padding-top:90px;line-height:19px;font-size:13px;}
	#mainBody .header_banner_wrap .banner_content .sub_title.multi_line{height:auto;}
	#mainBody .header_banner_wrap .banner_content .sub_title div{position:relative;bottom:auto;}
	#mainBody .header_banner_wrap .banner_content .title{margin-top:8px;line-height:38px;font-size:26px;}
	#mainBody .header_banner_wrap .banner_content .banner_button{margin-top:20px;line-height:20px;}	
	#mainBody .header_banner_wrap .banner_content .banner_image_wrap{width:100%;height:368px;}

	#mainBody .header_banner_wrap .banner_indicator_wrap{bottom:66px;right:auto;left:0;height:6px;}
	#mainBody .header_banner_wrap .banner_indicator{text-align:left;padding:0 24px;height:6px;}
	#mainBody .header_banner_wrap .banner_indicator .background{width:6px;height:6px;border-radius:3px;}
	#mainBody .header_banner_wrap .banner_indicator .foreground{height:6px;border-radius:3px;}
}

/********
 short cut
*/
#mainBody .main_short_cut_wrap{width:100%;height:120px;border-radius:19px;margin-top:-60px;position:relative;background:#FFF;box-shadow:0 5px 10px 2px rgba(3, 24, 39, 0.08);}
#mainBody .main_short_cut_wrap .short_cut_item{display:inline-block;width:160px;height:120px;border-right:solid 1px #ebeff8;cursor:pointer;vertical-align:top;}
#mainBody .main_short_cut_wrap .short_cut_item:last-child{border-right:none;}
#mainBody .main_short_cut_wrap .short_cut_image{width:40px;height:40px;text-align:center;margin:25px auto 0 auto;position:relative;}
#mainBody .main_short_cut_wrap .short_cut_image img{height:32px;vertical-align:top;margin-top:4px;}
#mainBody .main_short_cut_wrap .short_cut_badge{position:absolute;width:16px;height:16px;line-height:16px;text-align:center;border-radius:8px;top:-4px;right:-4px;}
#mainBody .main_short_cut_wrap .short_cut_title{text-align:center;line-height:20px;margin-top:10px;}
@media only screen and (max-width:1000px) and (min-width:600px) {
	.mobile_width #mainBody .main_short_cut_wrap .short_cut_item{width:16.5%;}
}
@media only screen and (max-width:599px) {
	#mainBody .main_short_cut_wrap{width:calc(100% - 32px);height:99px;border-radius:13px;margin:-50px auto 0 auto;padding:0 8px;}
	#mainBody .main_short_cut_wrap .short_cut_item{width:25%;height:99px;border-right:none;}
	#mainBody .main_short_cut_wrap .short_cut_image{width:100%;height:28px;margin:22px auto 0 auto;}
	#mainBody .main_short_cut_wrap .short_cut_image img{height:28px;vertical-align:top;margin-top:0px;}
	#mainBody .main_short_cut_wrap .short_cut_badge{top:-8px;right:calc(50% - 24px);}
	#mainBody .main_short_cut_wrap .short_cut_title{line-height:19px;margin-top:8px;font-size:13px;}
}
@media only screen and (max-width:349px) {
	#mainBody .main_short_cut_wrap{width:100%;border-radius:20px;box-shadow:none;padding:4px 8px;}
}

/********
 공통 부분
*/
#mainBody .main_flex_order_wrap{display:flex;flex-direction:column;}
#mainBody .main_flex_order_wrap #mainGoogleAd1{order:1;}
#mainBody .main_flex_order_wrap #mainDisplayAd1{order:1;}
#mainBody .main_flex_order_wrap #mainGameRankAndRecommend{order:2;}
#mainBody .main_flex_order_wrap #mainGoogleAd2{order:3;}
#mainBody .main_flex_order_wrap #mainDisplayAd2{order:3;}
#mainBody .main_flex_order_wrap #mainFeaturedReview{order:4;}
#mainBody .main_flex_order_wrap #mainEditorGame{order:5;}
#mainBody .main_flex_order_wrap #mainMiddleBanner{order:6;}
#mainBody .main_flex_order_wrap #mainGoogleAd3{order:7;}
#mainBody .main_flex_order_wrap #mainDisplayAd3{order:7;}
#mainBody .main_flex_order_wrap #mainPollAndPopular{order:8;}
#mainBody .main_flex_order_wrap #mainSalePost{order:9;}
#mainBody .main_flex_order_wrap #mainCollection{order:10;}
#mainBody .main_flex_order_wrap #mainLeaderboard{order:11;}
#mainBody .main_flex_order_wrap #mainNotice{order:12;}
#mainBody .main_flex_order_wrap #mainBottomBanner{order:13;}

#mainBody .main_loading{min-height:calc(100vh - 712px);height:256px;}
#mainBody .main_row{margin-top:60px;display:none;}
#mainBody .main_row .main_left_column{display:inline-block;width:550px;border-right:solid 1px #ebeff8;padding-right:29px;vertical-align:top;}
#mainBody .main_row .main_right_column{display:inline-block;width:410px;padding-left:24px;vertical-align:top;}
#mainBody .main_row .main_title_row{line-height:33px;}
#mainBody .main_row .main_title_row h1{display:inline-block;}
#mainBody .main_row .main_title_row h3{display:inline-block;}
#mainBody .main_row .main_title_row span{vertical-align:top;}
#mainBody .main_row .main_title_row .title_help{margin:1px 0 0 18px;line-height:32px;}
#mainBody .main_row .main_title_row .poll_remain_time{line-height:24px;margin:5px 0 0 8px;}
#mainBody .main_row .main_title_row .poll_remain_time span{background:#ec5245;border-radius:4px;padding:0 6px;}
#mainBody .main_row .main_title_row .title_more{float:right;}
#mainBody .main_row .main_title_row .no_bold{display:inline;font-weight:400;}
#mainBody .main_google_ad{display:none;margin-top:60px;}
#mainBody .main_google_ad .ad_div{border-radius:13px;overflow:hidden;}
#mainBody .main_display_ad{display:none;margin-top:60px;}
#mainBody .more_button_wrap{margin-top:16px;width:100%;}
#mainBody .more_button_wrap .btn_r{width:100%;}
@media only screen and (max-width:1000px) and (min-width:700px) {
	.mobile_width #mainBody .main_row .main_left_column{width:50%;}
	.mobile_width #mainBody .main_row .main_right_column{width:50%;}	
}
@media only screen and (max-width:700px) and (min-width:600px) {
	.mobile_width #mainBody .main_row{width:568px;margin-left:auto;margin-right:auto;}
	.mobile_width #mainBody .main_row .main_left_column{display:block;width:100%;margin:0 auto;border-right:none;padding-right:0px;}
	.mobile_width #mainBody .main_row .main_right_column{display:block;width:100%;margin:92px auto 0 auto;padding-left:0px;}	
}
@media only screen and (max-width:599px) {
	#mainBody .main_loading{min-height:calc(100vh - 471px);height:128px;}
	#mainBody .main_row{margin-top:0px;}
	#mainBody .main_row:last-child{margin-bottom:35px;}
	#mainBody .main_row .main_left_column{display:block;width:calc(100% - 32px);border-right:none;padding-right:0px;}
	#mainBody .main_row .main_right_column{display:block;width:calc(100% - 32px);padding-left:0px;}
	#mainBody .main_google_ad{margin:28px auto 0 auto;width:calc(100% - 32px);}
	#mainBody .main_google_ad .ad_div{margin:auto;}
	#mainBody .main_display_ad{margin:28px auto 0 auto;width:calc(100% - 32px);}
	#mainBody .main_mobile_row{margin:28px auto 0 auto;width:calc(100% - 32px);border-radius:13px;box-shadow:0 20px 31px 0 rgba(0, 0, 0, 0.1), 0 0 20px 0 rgba(0, 0, 0, 0.08);}
	#mainBody .drag_position_wrap{width:100%;height:14px;text-align:center;margin-top:6px;}
	#mainBody .drag_position_wrap .drag_position_item{width:6px;height:6px;border-radius:3px;background:#3f9dff;opacity:0.2;margin-right:6px;}
	#mainBody .drag_position_wrap .drag_position_item:last-child{margin-right:0px;}
	#mainBody .drag_position_wrap .drag_position_item.selected{opacity:1;}
}
@media only screen and (max-width:349px) {
	#mainBody .main_row .main_left_column{width:100%;}
	#mainBody .main_row .main_right_column{width:100%;}
	#mainBody .main_mobile_row{margin:24px auto 60px auto;width:100%;border-radius:0px;box-shadow:none;}
	#mainBody .main_google_ad{margin:8px auto 0 auto;width:100%;}
	#mainBody .main_google_ad .ad_div{border-radius:0px;}
}

/********
 실시간 게임 순위
*/
#mainBody .game_ranking_wrap .rank_time_text{line-height:19px;margin-top:8px;}
#mainBody .game_ranking_wrap .rank_time_text img{height:16px;vertical-align:top;margin-top:2px;}
#mainBody .game_ranking_list_wrap{margin-top:16px;}
#mainBody .game_ranking_list_wrap .game_ranking_item{padding-top:12px;}
#mainBody .game_ranking_list_wrap .cover_image{width:72px;height:48px;border-radius:8px;display:inline-block;vertical-align:top;}
#mainBody .game_ranking_list_wrap .game_ranking_item .info_wrap{display:inline-block;width:calc(100% - 72px);vertical-align:top;height:61px;border-bottom:solid 1px #ebeff8;position:relative;}
#mainBody .game_ranking_list_wrap .game_ranking_item:last-child .info_wrap{border-bottom:none;}
#mainBody .game_ranking_list_wrap .ranking_info{display:inline-block;width:50px;text-align:center;vertical-align:top;}
#mainBody .game_ranking_list_wrap .ranking_info .rank_number{margin-top:1px;line-height:24px;}
#mainBody .game_ranking_list_wrap .ranking_info .rank_diff{margin-top:3px;line-height:15px;}
#mainBody .game_ranking_list_wrap .ranking_info .rank_diff img{vertical-align:top;height:5px;margin:6px 2px 0 0;}
#mainBody .game_ranking_list_wrap .game_info{display:inline-block;width:calc(100% - 82px);vertical-align:top;}
#mainBody .game_ranking_list_wrap .game_info .game_name{line-height:24px;}
#mainBody .game_ranking_list_wrap .game_info .game_name .mobile_icon_new{height:20px;margin:3px 4px 0 0;vertical-align:top;}
#mainBody .game_ranking_list_wrap .game_info .game_company{line-height:18px;margin-top:2px;}
#mainBody .game_ranking_list_wrap .library_state_button_n{position:absolute;right:0;top:0;height:22px;margin-left:12px;vertical-align:top;cursor:pointer;}
@media only screen and (max-width:700px) and (min-width:600px) {
	.mobile_width #mainBody .game_ranking_list_wrap{width:450px;margin-left:auto;margin-right:auto;}	
}
@media only screen and (max-width:599px) {
	#mainBody .game_ranking_wrap{padding:24px;}
	#mainBody .game_ranking_list_wrap{margin-top:12px;}
	#mainBody .game_ranking_list_wrap .cover_image{width:56px;height:56px;}
	#mainBody .game_ranking_list_wrap .game_ranking_item .info_wrap{width:calc(100% - 56px);height:68px;}
	#mainBody .game_ranking_list_wrap .ranking_info{width:40px;}
	#mainBody .game_ranking_list_wrap .ranking_info .rank_number{margin-top:6px;line-height:25px;font-size:17px;}
	#mainBody .game_ranking_list_wrap .ranking_info .rank_diff{margin-top:2px;}
	#mainBody .game_ranking_list_wrap .game_info{width:calc(100% - 72px);}
	#mainBody .game_ranking_list_wrap .game_info .game_name{line-height:22px;font-size:15px;padding-top:7px;}
	#mainBody .game_ranking_list_wrap .game_info .game_name .mobile_icon_new{margin:2px 4px 0 0;}
	#mainBody .game_ranking_list_wrap .library_state_button_n{margin-top:7px;}
}
@media only screen and (max-width:349px) {
	#mainBody .game_ranking_wrap{padding:0 16px;}
}
/********
 이런 게임 어때요?
*/
#mainBody .game_recommend_wrap .recommend_name{max-width:calc(100% - 184px);}
#mainBody .game_recommend_list_wrap{margin-top:7px;}
#mainBody .game_recommend_list_wrap .game_recommend_item{padding-top:24px;}
#mainBody .game_recommend_list_wrap .cover_image{width:80px;height:80px;border-radius:8px;display:inline-block;vertical-align:top;margin-right:12px;}
#mainBody .game_recommend_list_wrap .game_info{display:inline-block;width:calc(100% - 92px);height:104px;vertical-align:top;padding-bottom:24px;border-bottom:solid 1px #ebeff8;position:relative;}
#mainBody .game_recommend_list_wrap .game_recommend_item:last-child .game_info{border-bottom:none;}
#mainBody .game_recommend_list_wrap .game_info .game_name{line-height:22px;max-width:calc(100% - 32px);}
#mainBody .game_recommend_list_wrap .game_info .game_name .mobile_icon_new{height:20px;margin:2px 4px 0 0;vertical-align:top;}
#mainBody .game_recommend_list_wrap .library_state_button_n{position:absolute;right:0;top:0;height:22px;margin-left:12px;vertical-align:top;cursor:pointer;}
#mainBody .game_recommend_list_wrap .game_info .game_score{line-height:18px;margin-top:3px;}
#mainBody .game_recommend_list_wrap .game_info .game_genre_wrap{margin-top:12px;height:24px;line-height:24px;overflow:hidden;}
#mainBody .game_recommend_list_wrap .game_info .game_genre_wrap .genre_item{background:#ebeff8;border-radius:6px;padding:0 6px;margin-left:4px;}
#mainBody .game_recommend_list_wrap .game_info .game_genre_wrap .genre_item:first-child{margin-left:0px;}
@media only screen and (max-width:700px) and (min-width:600px) {
	.mobile_width #mainBody .game_recommend_list_wrap{width:450px;margin-left:auto;margin-right:auto;}	
}
@media only screen and (max-width:599px) {
	#mainBody .game_recommend_wrap .recommend_name{max-width:calc(100% - 94px);}
	#mainBody .game_recommend_wrap{padding:24px;}
	#mainBody .game_recommend_list_wrap{margin-top:8px;}
	#mainBody .game_recommend_list_wrap .game_recommend_item{padding-top:16px;}
	#mainBody .game_recommend_list_wrap .game_info{height:96px;padding-bottom:16px;}
}
@media only screen and (max-width:349px) {
	#mainBody .game_recommend_wrap{padding:0 16px;}
}
/********
 에디터도 하고있어요
*/
#mainBody .editor_pick_wrap{margin-top:22px;}
#mainBody .editor_pick_wrap .editor_pick_item{display:inline-block;width:300px;vertical-align:top;margin-right:30px;}
#mainBody .editor_pick_wrap .editor_pick_item:last-child{margin-right:0px;}
#mainBody .editor_pick_wrap .media_wrap{width:100%;height:169px;position:relative;border-radius:13px;overflow:hidden;border:solid 0px transparent;}
#mainBody .editor_pick_wrap .media_wrap .cover_image{width:100%;height:100%;border-radius:13px;overflow:hidden;}
#mainBody .editor_pick_wrap .media_wrap .video_iframe{width:125%;height:125%;background:#000;transform:scale(0.8) translate(-12.5%, -12.5%);}
#mainBody .editor_pick_wrap .media_wrap .video_obj{width:100%;height:100%;background:#000;border-radius:13px;overflow:hidden;}
#mainBody .editor_pick_wrap .game_name{margin:12px 0 0 4px;line-height:25px;}
#mainBody .editor_pick_wrap .game_name .mobile_icon_new{height:22px;margin:2px 4px 0 0;vertical-align:top;}
#mainBody .editor_pick_wrap .game_score{margin:3px 0 0 4px;line-height:19px;}
#mainBody .editor_pick_wrap .editor_note{margin:8px 0 20px 4px;line-height:21px;}
@media only screen and (max-width:1000px) and (min-width:700px) {	
	.mobile_width #mainBody .editor_pick_wrap .editor_pick_item{width:32%;margin-right:2%;}
	.mobile_width #mainBody .editor_pick_wrap .editor_pick_item:last-child{margin-right:0px;}
	.mobile_width #mainBody .editor_pick_wrap .media_wrap{height:17.4vw;}
	.mobile_width #mainBody .editor_pick_wrap .media_wrap .video_iframe{width:100%;height:100%;transform:none;}
}
@media only screen and (max-width:700px) and (min-width:600px) {
	.mobile_width #mainBody .editor_pick_wrap .editor_pick_item{width:450px;display:block;margin:0 auto 20px auto;}
	.mobile_width #mainBody .editor_pick_wrap .editor_pick_item:last-child{margin:0 auto;}
	.mobile_width #mainBody .editor_pick_wrap .media_wrap{height:254px;}
	.mobile_width #mainBody .editor_pick_wrap .media_wrap .video_iframe{width:100%;height:100%;transform:none;}
}
@media only screen and (max-width:599px) {
	#mainBody .editor_pick_game_wrap{padding:24px 24px 28px 24px;overflow:hidden;}
	#mainBody .editor_pick_wrap{margin-top:24px;width:calc(300vw - 242px);}
	#mainBody .editor_pick_wrap .editor_pick_item{width:calc(100vw - 90px);margin-right:14px;}	
	#mainBody .editor_pick_wrap .media_wrap{height:calc(56.25vw - 51px);}	
	#mainBody .editor_pick_wrap .media_wrap .video_iframe{width:100%;height:100%;transform:none;}
	#mainBody .editor_pick_wrap .media_wrap .youtube_cover{width:100%;height:100%;position:absolute;z-index:50;left:0;top:0;}
}
@media only screen and (max-width:349px) {
	#mainBody .editor_pick_game_wrap{padding:0 16px;}
	#mainBody .editor_pick_wrap{width:calc(300vw - 122px);}
	#mainBody .editor_pick_wrap .editor_pick_item{width:calc(100vw - 50px);}	
	#mainBody .editor_pick_wrap .media_wrap{height:calc(56.25vw - 28px);}
}
/********
 메인 중간 배너
*/
#mainBody .middle_banner{width:100%;height:164px;border-radius:13px;position:relative;overflow:hidden;}
#mainBody .middle_banner .background_image{width:560px;height:100%;position:absolute;right:0;top:0;background-size:cover;background-position:center center;}
#mainBody .middle_banner .image_cover{width:213px;height:100%;position:absolute;left:399px;top:0;} 
#mainBody .middle_banner .banner_text_wrap{position:relative;padding:48px 0 0 63px;}
#mainBody .middle_banner .banner_text_wrap .title{line-height:34px;}
#mainBody .middle_banner .banner_text_wrap .text_button{line-height:20px;margin-top:14px;}
#mainBody .middle_banner .banner_text_wrap .text_button img{height:16px;vertical-align:top;margin:2px 0 0 4px;}
@media only screen and (max-width:1000px) and (min-width:600px) {
	.mobile_width #mainBody .middle_banner .image_cover{left:auto;right:348px;} 
	.mobile_width #mainBody .middle_banner .banner_text_wrap{padding:48px 5% 0 5%;}
}
@media only screen and (max-width:599px) {
	#mainBody .middle_banner{height:390px;}
	#mainBody .middle_banner .background_image{width:100%;height:280px;position:absolute;top:auto;bottom:0;}
	#mainBody .middle_banner .image_cover{width:100%;height:160px;left:0;top:109px;} 
	#mainBody .middle_banner .banner_text_wrap{padding:28px 28px 0 28px;}
	#mainBody .middle_banner .banner_text_wrap .title{line-height:38px;font-size:26px;white-space:pre-line;}
	#mainBody .middle_banner .banner_text_wrap .text_button{margin-top:12px;}	
}
@media only screen and (max-width:349px) {
	#mainBody .middle_banner{width:calc(100% - 32px);margin:0 16px;}
	#mainBody .middle_banner .banner_text_wrap{padding:24px 24px 0 24px;}
}
/********
 오늘의 설문
*/
#mainBody .today_poll_wrap{margin-top:20px;}
.popup_poll_wrap{width:566px;padding:20px 24px 1px 24px;border-radius:13px;background:#FFF;}

.common_poll_wrap{position:relative;}
.common_poll_wrap .title{line-height:24px;}
.common_poll_wrap .close_button{position:absolute;top:0;right:0;height:24px;padding:2px;}
.common_poll_wrap .date_range{margin-top:7px;line-height:19px;}
.common_poll_wrap .poll_remain_time{line-height:24px;margin-top:8px;}
.common_poll_wrap .poll_remain_time span{background:#ec5245;border-radius:4px;padding:0 6px;}
.common_poll_wrap .poll_query_wrap{margin-top:16px;position:relative;}
.common_poll_wrap .poll_background{width:100%;height:264px;border-radius:13px;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative;}
.common_poll_wrap .poll_query_background{width:100%;height:264px;background:rgba(255,255,255,0.7);padding:0 20px;position:absolute;top:0;left:0;border-radius:13px;}
.common_poll_wrap .poll_query_table{display:table;width:100%;height:100%;}
.common_poll_wrap .poll_query_table div{display:table-cell;vertical-align:middle;}
.common_poll_wrap .poll_query_wrap .select_icon{height:20px;margin-right:4px;vertical-align:top;position:relative;margin-top:34px;}
.common_poll_wrap .poll_query_wrap .poll_query_percent{display:inline-block;width:40px;text-align:right;margin-left:12px;position:relative;}
.common_poll_wrap .poll_query_wrap .foreground{height:100%;position:absolute;left:0;top:0;background:#3f9dff;z-index:0;transition:width 1s ease-out;}
.common_poll_wrap .poll_mobile_cover{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));}
.common_poll_wrap .poll_mobile_cover .title{position:absolute;bottom:16px;left:16px;width:calc(100% - 32px);}

.common_poll_wrap .poll_layout_1 .poll_query_item{width:100%;height:128px;padding:20px 28px;background:#ebeff8;border-radius:8px;margin-top:8px;position:relative;overflow:hidden;}
.common_poll_wrap .poll_layout_1 .poll_query_item:first-child{margin-top:0px;}
.common_poll_wrap .poll_layout_1 .poll_query_image{width:88px;height:88px;margin-right:16px;border-radius:44px;display:inline-block;vertical-align:top;}
.common_poll_wrap .poll_layout_1 .poll_query_image .image_cover{position:absolute;width:100%;height:100%;line-height:88px;text-align:center;background:rgba(0, 0, 0, 0.5);}
.common_poll_wrap .poll_layout_1 .poll_circle{height:100%;transform-origin:center center;width:100%;position:absolute;top:0;left:0;margin:auto;transform:rotate(-90deg);}
.common_poll_wrap .poll_layout_1 .poll_circle_path{stroke-linecap:round;stroke-dasharray:300;transition:stroke-dashoffset 1s ease-out;}
.common_poll_wrap .poll_layout_1 .poll_query_description{display:inline-block;width:calc(100% - 104px);height:100%;vertical-align:top;line-height:24px;position:relative;}

.common_poll_wrap .poll_layout_2 .poll_query_background{opacity:0;transition:opacity 0.2s linear;}
.common_poll_wrap .poll_layout_2.is_finish .poll_query_background{opacity:1;}
.common_poll_wrap:hover .poll_layout_2 .poll_query_background{opacity:1;}
.common_poll_wrap .poll_layout_2 .poll_query_item{width:100%;padding:0px 20px;background:rgba(3,24,39,0.8);border-radius:8px;position:relative;overflow:hidden;}
.common_poll_wrap .poll_layout_2 .poll_query_item:first-child{margin-top:0px;}
.common_poll_wrap .poll_layout_2 .poll_query_description{display:inline-block;width:100%;height:100%;vertical-align:top;line-height:16px;position:relative;}

.common_poll_wrap .poll_layout_3 .poll_query_item{width:100%;padding:0px 20px;background:rgba(3,24,39,0.8);border-radius:8px;position:relative;overflow:hidden;}
.common_poll_wrap .poll_layout_3 .poll_query_item:first-child{margin-top:0px;}
.common_poll_wrap .poll_layout_3 .poll_query_description{display:inline-block;width:100%;height:100%;vertical-align:top;line-height:16px;position:relative;}

.common_poll_wrap .poll_query_wrap.not_finish .poll_query_item{cursor:pointer;transition:background 0.1s ease-out;}
.common_poll_wrap .poll_query_wrap.not_finish .poll_query_item .poll_query_description{transition:color 0.1s ease-out;}
.common_poll_wrap .poll_query_wrap.not_finish .poll_query_item:hover{background:#e5f3ff;}
.common_poll_wrap .poll_query_wrap.not_finish .poll_query_item:hover .poll_query_description{color:#031827;}
.common_poll_wrap .poll_query_wrap.not_finish .poll_query_item.selected{background:#97cfff;}
.common_poll_wrap .poll_query_wrap.not_finish .poll_query_item.selected .poll_query_description{color:#031827;}

.common_poll_wrap .poll_query_wrap.is_finish .poll_query_item{background:rgba(127, 143, 166, 0.8);}
.common_poll_wrap .poll_query_wrap.is_finish .poll_query_item.selected{background:rgba(139, 201, 255, 0.8);}
.common_poll_wrap .poll_query_wrap.is_finish.is_quiz .poll_query_item.is_answer{background:rgba(0, 194, 168, 0.8);}
.common_poll_wrap .poll_query_wrap.is_finish.is_quiz .poll_query_item.selected:not(.is_answer){background:rgba(221, 123, 123, 0.8);}
.common_poll_wrap .poll_query_wrap.is_finish.poll_layout_1 .poll_query_item{background:#7f8fa6;}
.common_poll_wrap .poll_query_wrap.is_finish.poll_layout_1 .poll_query_item.selected{background:#3f9dff;}
.common_poll_wrap .poll_query_wrap.is_finish.poll_layout_1.is_quiz .poll_query_item.is_answer{background:#00b597;}
.common_poll_wrap .poll_query_wrap.is_finish.poll_layout_1.is_quiz .poll_query_item.selected:not(.is_answer){background:#ec5245;}
.common_poll_wrap .poll_query_wrap.is_finish.poll_layout_1 .poll_query_item.selected .poll_query_description{width:calc(100% - 128px);}
.common_poll_wrap .poll_query_wrap.is_finish.poll_layout_1 .poll_query_item.is_answer .poll_query_description{width:calc(100% - 128px);}
.common_poll_wrap .poll_query_wrap.is_finish:not(.poll_layout_1) .poll_query_item .poll_query_description{width:calc(100% - 52px);}
.common_poll_wrap .poll_query_wrap.is_finish:not(.poll_layout_1) .poll_query_item.selected .poll_query_description{width:calc(100% - 76px);}
.common_poll_wrap .poll_query_wrap.is_finish:not(.poll_layout_1) .poll_query_item.is_answer .poll_query_description{width:calc(100% - 76px);}
.common_poll_wrap .poll_query_wrap.is_quiz .foreground{background:#283240;}
.common_poll_wrap .poll_query_wrap.is_quiz .poll_query_item.is_answer .foreground{background:#00a789;}
.common_poll_wrap .poll_query_wrap.is_quiz .poll_query_item.selected:not(.is_answer) .foreground{background:#ec5245;}

.common_poll_wrap .poll_button_wrap{margin-top:24px;margin-bottom:24px;text-align:right;line-height:50px;}
.common_poll_wrap .poll_button_wrap .share_button{width:160px;margin-right:16px;}
.common_poll_wrap .poll_button_wrap .poll_button{width:calc(100% - 176px);}
.common_poll_wrap .poll_button_wrap .finish_share_button{width:160px;}

.common_poll_wrap .poll_button_wrap .popup_go_main_button{width:75px;text-align:left;margin-right:53px;}
.common_poll_wrap .poll_button_wrap .popup_finish_share_button{width:160px;margin-right:16px;}
.common_poll_wrap .poll_button_wrap .popup_now_button{width:205px;}

@media only screen and (max-width:1000px) and (min-width:600px) {
	.mobile_width .common_poll_wrap .poll_layout_2 .poll_query_background{opacity:1;}	
}
@media only screen and (max-width:700px) and (min-width:600px) {
	.mobile_width .common_poll_wrap{width:450px;margin-left:auto;margin-right:auto;}	
}
@media only screen and (max-width:599px) {
	#mainBody .main_poll_wrap{padding:24px;}
	.popup_poll_wrap{width:calc(100vw - 32px);margin:20px auto;padding:16px;}
	
	.common_poll_wrap .title{line-height:25px;font-size:17px;}
	.popup_poll_wrap .title{width:calc(100% - 28px);}
	
	.common_poll_wrap .poll_background{width:calc(100vw - 80px);height:calc(56.25vw - 45px);}
	.popup_poll_wrap .poll_background{width:calc(100vw - 64px);height:calc(56.25vw - 36px);}
	.common_poll_wrap .location_feed .poll_background{width:calc(100vw - 32px);height:calc(56.25vw - 18px);}
	.common_poll_wrap .poll_query_background{height:auto;background:none;padding:0;position:relative;top:auto;left:auto;margin-top:12px;}
	.common_poll_wrap .poll_query_wrap .select_icon{margin-top:32px;}	

	.common_poll_wrap .poll_layout_1 .poll_query_item{height:116px;padding:16px 20px;margin-top:12px;}
	.common_poll_wrap .poll_layout_1 .poll_query_image{width:84px;height:84px;border-radius:42px;}
	.common_poll_wrap .poll_layout_1 .poll_query_image .image_cover{line-height:84px;}
	.common_poll_wrap .poll_layout_1 .poll_query_description{width:calc(100% - 100px);line-height:20px;font-size:14px;}

	.common_poll_wrap .poll_layout_2 .poll_query_background{opacity:1;}
	.common_poll_wrap .poll_layout_2 .poll_query_item{padding:0px 16px;background:#ebeff8;margin-top:8px;}

	.common_poll_wrap .poll_layout_3 .poll_query_item{padding:0px 16px;background:#ebeff8;margin-top:8px;}
	
	.common_poll_wrap .poll_query_wrap.is_finish.poll_layout_1 .poll_query_item.selected .poll_query_description{width:calc(100% - 124px);}
	.common_poll_wrap .poll_query_wrap.is_finish.poll_layout_1 .poll_query_item.is_answer .poll_query_description{width:calc(100% - 124px);}

	.common_poll_wrap .poll_button_wrap{margin-top:24px;margin-bottom:0px;}
	.common_poll_wrap .poll_button_wrap .share_button{width:114px;margin-right:8px;}
	.common_poll_wrap .poll_button_wrap .poll_button{width:calc(100% - 122px);}
	
	.popup_poll_wrap .poll_button_wrap.is_not_current{position:relative;height:148px;}
	.common_poll_wrap .poll_button_wrap .popup_go_main_button{position:absolute;bottom:0;left:0;width:100%;text-align:center;margin-right:0px;display:block;line-height:24px;}
	.common_poll_wrap .poll_button_wrap .popup_finish_share_button{display:block;width:100%;max-width:310px;margin:0 auto;}
	.common_poll_wrap .poll_button_wrap .popup_now_button{display:block;width:100%;max-width:310px;margin:8px auto 0 auto;}
}
@media only screen and (max-width:349px) {
	#mainBody .main_poll_wrap{padding:0 16px;}
	.common_poll_wrap .poll_background{width:calc(100vw - 32px);height:calc(56.25vw - 18px);}
	.popup_poll_wrap .poll_background{width:calc(100vw - 64px);height:calc(56.25vw - 36px);}
}

/********
 인기글
*/
#mainBody .popular_post_wrap{margin-top:4px;}
#mainBody .popular_post_wrap .popular_post_item{width:100%;padding:16px 0;height:104px;border-bottom:solid 1px #ebeff8;}
#mainBody .popular_post_wrap .popular_post_item:last-child{border-bottom:none;}
#mainBody .popular_post_wrap .content_wrap{display:inline-block;vertical-align:top;width:calc(100% - 124px);}
#mainBody .popular_post_wrap .content_wrap .content{line-height:20px;height:40px;overflow:hidden;}
#mainBody .popular_post_wrap .content_wrap .user_profile_wrap{margin-top:12px;line-height:20px;}
#mainBody .popular_post_wrap .content_wrap .user_profile_wrap .profile_image{height:20px;width:20px;border-radius:10px;border:solid 1px #ced8e5;background:#FFF;margin-right:4px;vertical-align:top;}
#mainBody .popular_post_wrap .content_wrap .user_profile_wrap .dev_user_icon{height:16px;margin:2px 0 0 2px;}
#mainBody .popular_post_wrap .post_image{display:inline-block;vertical-align:top;width:108px;height:72px;margin-left:16px;border-radius:8px;}
@media only screen and (max-width:700px) and (min-width:600px) {
	.mobile_width #mainBody .popular_post_wrap{width:450px;margin-left:auto;margin-right:auto;}	
}
@media only screen and (max-width:599px) {
	#mainBody .main_popular_post_wrap{padding:24px;}
	#mainBody .popular_post_wrap{margin-top:8px;}
}
@media only screen and (max-width:349px) {
	#mainBody .main_popular_post_wrap{padding:0 16px;}
}

/********
 세일
*/
#mainBody .sale_post_wrap{margin-top:20px;}
#mainBody .sale_post_wrap .sale_post_item{width:300px;margin-right:30px;display:inline-block;vertical-align:top;}
#mainBody .sale_post_wrap .sale_post_item:last-child{margin-right:0px;}
#mainBody .sale_post_wrap .post_image{width:100%;height:169px;border-radius:13px;position:relative;}
#mainBody .sale_post_wrap .post_image .image_cover{width:100%;height:100%;background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));position:absolute;left:0;top:0;}
#mainBody .sale_post_wrap .post_image .user_profile_wrap{position:absolute;bottom:16px;left:16px;line-height:20px;}
#mainBody .sale_post_wrap .post_image .user_profile_wrap .profile_image{height:20px;width:20px;border-radius:10px;border:solid 1px #ced8e5;background:#FFF;margin-right:6px;vertical-align:top;}
#mainBody .sale_post_wrap .post_image .user_profile_wrap .dev_user_icon{margin:2px 0 0 2px;}
#mainBody .sale_post_wrap .content_wrap{margin-top:12px;}
#mainBody .sale_post_wrap .content_wrap .content{line-height:20px;max-height:40px;overflow:hidden;}
#mainBody .sale_post_wrap .content_wrap .content p{display:inline;margin-right:4px;}
#mainBody .sale_post_wrap .content_wrap .content .inline_obj.link{display:none;}
#mainBody .sale_post_wrap .content_wrap .game_link_list{margin-top:16px;line-height:24px;}
#mainBody .sale_post_wrap .content_wrap .game_link_list .game_link_item{background:#ebeff8;border-radius:6px;padding:0 6px;max-width:100%;margin:0 6px 8px 0;vertical-align:top;}
#mainBody .sale_post_wrap .content_wrap .game_link_list .game_link_sale_text{vertical-align:top;}
@media only screen and (max-width:1000px) and (min-width:700px) {	
	.mobile_width #mainBody .sale_post_wrap .sale_post_item{width:32%;margin-right:2%;}
	.mobile_width #mainBody .sale_post_wrap .sale_post_item:last-child{margin-right:0px;}
	.mobile_width #mainBody .sale_post_wrap .post_image{height:17.4vw;}
}
@media only screen and (max-width:700px) and (min-width:600px) {
	.mobile_width #mainBody .sale_post_wrap .sale_post_item{width:450px;display:block;margin:0 auto 20px auto;}
	.mobile_width #mainBody .sale_post_wrap .sale_post_item:last-child{margin:0 auto;}
	.mobile_width #mainBody .sale_post_wrap .post_image{height:254px;}		
}
@media only screen and (max-width:599px) {
	#mainBody .main_sale_post_wrap{padding:24px;overflow:hidden;}	
	#mainBody .sale_post_wrap{margin-top:24px;width:calc(300vw - 242px);}
	#mainBody .sale_post_wrap .sale_post_item{width:calc(100vw - 90px);margin-right:14px;}
}
@media only screen and (max-width:349px) {
	#mainBody .main_sale_post_wrap{padding:0 16px;}
	#mainBody .sale_post_wrap{width:calc(300vw - 122px);}
	#mainBody .sale_post_wrap .sale_post_item{width:calc(100vw - 50px);}
}

/********
 피처드 리뷰
*/
#mainBody .featured_review_post_wrap{margin-top:20px;}
#mainBody .featured_review_post_wrap .featured_review_item{position:relative;width:300px;height:352px;margin-right:30px;display:inline-block;vertical-align:top;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);}
#mainBody .featured_review_post_wrap .featured_review_item:last-child{margin-right:0px;}
#mainBody .featured_review_post_wrap .featured_header{border-bottom:solid 1px #ebeff8;padding-bottom:12px;}
#mainBody .featured_review_post_wrap .featured_header .user_profile_wrap{line-height:19px;}
#mainBody .featured_review_post_wrap .featured_header .user_profile_wrap .profile_image{margin-top:1px;height:18px;width:18px;border-radius:9px;border:solid 1px #ced8e5;background:#FFF;margin-right:4px;vertical-align:top;}
#mainBody .featured_review_post_wrap .featured_header .user_profile_wrap .dev_user_icon{margin:1px 0 0 2px;}
#mainBody .featured_review_post_wrap .featured_body{padding:16px 0 14px 0;}
#mainBody .featured_review_post_wrap .review_info_header{width:100%;}
#mainBody .featured_review_post_wrap .review_info_header .game_cover{vertical-align:top;width:56px;height:56px;margin-right:12px;border-radius:8px;background-size:cover;background-position:center;}
#mainBody .featured_review_post_wrap .review_info_header .review_info{vertical-align:top;width:calc(100% - 68px);position:relative;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .game_name{line-height:18px;margin-top:3px;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .game_name .mobile_icon_new{height:18px;vertical-align:top;margin:0px 2px 0 0;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info{margin-top:8px;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info .short_review_point{height:21px;line-height:19px;border:solid 1px #3f9dff;border-radius:4px;padding:0 4px;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info .short_review_point.no_review_point{border:solid 1px #b2bdce;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info .short_review_point img{height:15px;vertical-align:top;margin:2px 2px 0 0;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info .library_state_info{height:21px;line-height:19px;border:solid 1px;border-radius:4px;padding:0 4px;margin-left:4px;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info .library_state_info img{height:15px;vertical-align:top;margin:2px 2px 0 0;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info .library_state_info.state_color_0{border-color:#b2bdce;color:#b2bdce;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info .library_state_info.state_color_1{border-color:#3f9dff;color:#3f9dff;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info .library_state_info.state_color_2{border-color:#00c2a8;color:#00c2a8;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info .library_state_info.state_color_3{border-color:#ec5245;color:#ec5245;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info .library_state_info.state_color_4{border-color:#3b4757;color:#3b4757;}
#mainBody .featured_review_post_wrap .review_info_header .review_info .library_info .library_state_info.state_color_5{border-color:#f99b00;color:#f99b00;}
#mainBody .featured_review_post_wrap .featured_tag{margin-top:12px;height:23px;line-height:21px;background:#fff5bd;border:solid 1px #ffef91;border-radius:6px;color:#f76f00;padding:0 6px;}
#mainBody .featured_review_post_wrap .featured_tag img{height:18px;margin-top:1px;}
#mainBody .featured_review_post_wrap .review_content{margin-top:6px;max-height:84px;line-height:21px;overflow:hidden;}
#mainBody .featured_review_post_wrap .review_more_button{line-height:24px;}
#mainBody .featured_review_post_wrap .review_footer{width:calc(100% - 40px);line-height:18px;padding-top:12px;position:absolute;bottom:16px;border-top:solid 1px #ebeff8;}
#mainBody .featured_review_post_wrap .review_footer img{height:18px;margin-right:3px;}
#mainBody .featured_review_post_wrap .review_footer .like_cnt{margin-right:20px;}

@media only screen and (max-width:1000px) and (min-width:700px) {	
	.mobile_width #mainBody .featured_review_post_wrap .featured_review_item{width:32%;margin-right:2%;}
	.mobile_width #mainBody .featured_review_post_wrap .featured_review_item:last-child{margin-right:0px;}
}
@media only screen and (max-width:700px) and (min-width:600px) {
	.mobile_width #mainBody .featured_review_post_wrap .featured_review_item{width:450px;display:block;margin:0 auto 20px auto;}
	.mobile_width #mainBody .featured_review_post_wrap .featured_review_item:last-child{margin:0 auto;}	
}
@media only screen and (max-width:599px) {
	#mainBody .main_featured_review_wrap{padding:24px 24px 28px 24px;overflow:hidden;}	
	#mainBody .featured_review_post_wrap{margin-top:24px;width:calc(300vw - 242px);}
	#mainBody .featured_review_post_wrap .featured_review_item{height:355px;width:calc(100vw - 90px);margin-right:14px;box-shadow:none;border:solid 1px #ced8e5;background:rgba(235, 239, 248, 0.3);}
	
	#mainBody .main_featured_review_wrap .drag_position_wrap{margin-top:20px;}
}
@media only screen and (max-width:349px) {
	#mainBody .main_featured_review_wrap{padding:0 16px;}
	#mainBody .featured_review_post_wrap{width:calc(300vw - 122px);}
	#mainBody .featured_review_post_wrap .featured_review_item{width:calc(100vw - 50px);}
}

/********
 컬렉션
*/
#mainBody .collection_list_wrap{margin-top:20px;}
#mainBody .collection_list_wrap .collection_item{width:180px;margin-right:80px;display:inline-block;vertical-align:top;}
#mainBody .collection_list_wrap .collection_item:last-child{margin-right:0;}
#mainBody .collection_list_wrap .collection_image_wrap{position:relative;width:180px;height:196px;}
#mainBody .collection_list_wrap .collection_image_wrap .image_background_1{width:150px;height:150px;border-radius:13px;background:#e9edf3;position:absolute;top:0;left:15px;}
#mainBody .collection_list_wrap .collection_image_wrap .image_background_2{width:164px;height:164px;border-radius:13px;background:#ced8e5;position:absolute;top:8px;left:7px;}
#mainBody .collection_list_wrap .collection_image_wrap .collection_image{width:180px;height:180px;border-radius:13px;overflow:hidden;position:absolute;top:16px;left:0;box-shadow:0 6px 10px 6px rgba(3, 24, 39, 0.07);}
#mainBody .collection_list_wrap .collection_image_wrap .collection_image.custom_image{background-color:#FFF;background-size:cover;background-position:center;}
#mainBody .collection_list_wrap .collection_image_wrap .collection_image.game_cover_image{background-color:#FFF;background-size:cover;background-position:center;}
#mainBody .collection_list_wrap .collection_image_wrap .collection_image.no_image{background-color:#ced8e5;background-image:url('/images/icon_v3/no_game_cover.png');background-size:24px 24px;background-repeat:no-repeat;background-position:center;}
#mainBody .collection_list_wrap .collection_info{margin-top:16px;text-align:center;}
#mainBody .collection_list_wrap .collection_info .title{line-height:24px;}
#mainBody .collection_list_wrap .collection_info .collection_game_cnt{line-height:19px;margin-top:6px;}
@media only screen and (max-width:1000px) and (min-width:800px) {
	.mobile_width #mainBody .collection_list_wrap .collection_item{margin-right:calc(33.33% - 240px);}
	.mobile_width #mainBody .collection_list_wrap .collection_item:last-child{margin-right:0;}
}
@media only screen and (max-width:800px) and (min-width:700px) {
	.mobile_width #mainBody .collection_list_wrap .collection_item{width:calc(25vw - 17px);margin-right:12px;}
	.mobile_width #mainBody .collection_list_wrap .collection_item:last-child{margin-right:0;}
	.mobile_width #mainBody .collection_list_wrap .collection_image_wrap{position:relative;width:calc(25vw - 17px);height:calc(25vw - 1px);}
	.mobile_width #mainBody .collection_list_wrap .collection_image_wrap .image_background_1{width:calc(25vw - 49px);height:calc(25vw - 49px);top:0;left:16px;}
	.mobile_width #mainBody .collection_list_wrap .collection_image_wrap .image_background_2{width:calc(25vw - 33px);height:calc(25vw - 33px);top:8px;left:8px;}
	.mobile_width #mainBody .collection_list_wrap .collection_image_wrap .collection_image{width:calc(25vw - 17px);height:calc(25vw - 17px);top:16px;}
}
@media only screen and (max-width:700px) and (min-width:600px) {
	.mobile_width #mainBody .collection_list_wrap{width:450px;margin-left:auto;margin-right:auto;}
	.mobile_width #mainBody .collection_list_wrap .collection_item{margin-left:22px;margin-right:22px;}		
	.mobile_width #mainBody .collection_list_wrap .collection_item:nth-child(n+3){margin-top:24px;}
}
@media only screen and (max-width:599px) {
	#mainBody .main_collection_wrap{padding:24px;}
	#mainBody .collection_list_wrap{margin-top:24px;padding-bottom:16px;}
	#mainBody .collection_list_wrap .collection_item{width:100%;margin-right:0px;display:block;margin-top:24px;}
	#mainBody .collection_list_wrap .collection_item:first-child{margin-top:0;}
	#mainBody .collection_list_wrap .collection_image_wrap{width:100px;height:108px;display:inline-block;vertical-align:top;margin-right:16px;}
	#mainBody .collection_list_wrap .collection_image_wrap .image_background_1{width:84px;height:84px;left:8px;}
	#mainBody .collection_list_wrap .collection_image_wrap .image_background_2{width:92px;height:92px;top:4px;left:4px;}
	#mainBody .collection_list_wrap .collection_image_wrap .collection_image{width:100px;height:100px;top:8px;}
	#mainBody .collection_list_wrap .collection_info_wrap{width:calc(100% - 116px);height:108px;display:inline-block;}
	#mainBody .collection_list_wrap .collection_info_wrap_table{width:100%;height:100%;display:table;}
	#mainBody .collection_list_wrap .collection_info{display:table-cell;margin-top:0px;text-align:left;vertical-align:middle;}
	#mainBody .collection_list_wrap .collection_info .collection_game_cnt{margin-top:4px;}
}
@media only screen and (max-width:349px) {
	#mainBody .main_collection_wrap{padding:0 16px;}
}

/********
 리더보드
*/
#mainBody .main_leaderboard_wrap{margin-top:20px;}
#mainBody .main_leaderboard_wrap .leader_board_select{float:right;margin-top:4px;}
#mainBody .main_leaderboard_wrap .leader_board_select.phone_leaderboard{float:none;display:block;width:130px;margin-top:8px;]} 
#mainBody .main_leaderboard_wrap .leader_board_select .select_option_wrap{width:130px;text-align:right;max-height:280px;overflow:auto;}
#mainBody .main_leaderboard_wrap .leader_board_select.phone_leaderboard .select_option_wrap{text-align:left;}
#mainBody .main_leaderboard_wrap .leader_board_select .select_option{padding-right:16px;}
#mainBody .main_leaderboard_wrap .leaderboard_list_wrap{margin-top:20px;}
#mainBody .main_leaderboard_wrap .leaderboard_half_wrap{width:calc(50% - 12px);margin-right:24px;display:inline-block;vertical-align:top;}
#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:last-child{margin-right:0;}
#mainBody .main_leaderboard_wrap .leaderboard_item{width:100%;border-bottom:solid 1px #ebeff8;line-height:28px;}
#mainBody .main_leaderboard_wrap .leaderboard_item .user_link{display:inline-block;width:100%;height:100%;vertical-align:top;padding:12px;}
#mainBody .main_leaderboard_wrap .leaderboard_item:last-child{border-bottom:none;}
#mainBody .main_leaderboard_wrap .leaderboard_item .profile_wrap{vertical-align:top;margin-right:12px;position:relative;}
#mainBody .main_leaderboard_wrap .leaderboard_item .gold_crown_icon{height:27px;position:absolute;top:-13px;left:-13px;}
#mainBody .main_leaderboard_wrap .leaderboard_item .silver_crown_icon{height:18px;position:absolute;top:-7px;left:-7px;}
#mainBody .main_leaderboard_wrap .leaderboard_item .bronze_crown_icon{height:18px;position:absolute;top:-7px;left:-7px;}
#mainBody .main_leaderboard_wrap .leaderboard_item .profile_image{width:28px;height:28px;border-radius:14px;border:solid 1px #ced8e5;}
#mainBody .main_leaderboard_wrap .leaderboard_item .user_rank{margin-right:8px;vertical-align:top;}
#mainBody .main_leaderboard_wrap .leaderboard_item .nickname{vertical-align:top;}
#mainBody .main_leaderboard_wrap .leaderboard_item .nickname .dev_user_icon{margin:6px 0 0 2px;}
#mainBody .main_leaderboard_wrap .leaderboard_item .score{float:right;vertical-align:top;}
#mainBody .main_leaderboard_wrap .leaderboard_item .empty_leaderboard{line-height:52px;text-align:center;}
#mainBody .main_leaderboard_wrap .leaderboard_item .empty_leaderboard img{transform:rotate(90deg);height:36px;margin-top:8px;}
@media only screen and (max-width:700px) and (min-width:600px) {
	.mobile_width #mainBody .main_leaderboard_wrap .leaderboard_item .nickname{width:110px;}
}
@media only screen and (max-width:599px) {
	#mainBody .main_leaderboard_wrap{margin-top:0px;padding:24px;}
	#mainBody .main_leaderboard_wrap .leaderboard_list_wrap{margin-top:24px;}
	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap{width:100%;margin-right:0;display:block;}
	#mainBody .main_leaderboard_wrap .leaderboard_item .user_link{padding:12px 8px;}
	#mainBody .main_leaderboard_wrap .leaderboard_item:last-child{border-bottom:solid 1px #ebeff8;}
	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:last-child .leaderboard_item:last-child{border-bottom:none;}
	#mainBody .main_leaderboard_wrap .leaderboard_item .profile_wrap{margin-right:8px;}
	#mainBody .main_leaderboard_wrap .leaderboard_item .user_rank{margin-right:4px;font-size:14px;}
	#mainBody .main_leaderboard_wrap .leaderboard_item .nickname{font-size:14px;}
	#mainBody .main_leaderboard_wrap .leaderboard_item .score{font-size:13px;}

	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:first-child .leaderboard_item:nth-child(-n+3){display:inline-block;width:33%;vertical-align:top;border-bottom:none;text-align:center;}
	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:first-child .leaderboard_item:nth-child(2){float:left;margin:60px 0 20px 0;}
	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:first-child .leaderboard_item:nth-child(3){float:right;margin:60px 0 20px 0;}
	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:first-child .leaderboard_item:nth-child(-n+3) .user_link{padding:0;}
	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:first-child .leaderboard_item:nth-child(-n+3) .profile_wrap{display:block;margin:auto;width:56px;height:56px;}
	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:first-child .leaderboard_item:nth-child(-n+3) .profile_image{width:56px;height:56px;border-radius:28px;}
	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:first-child .leaderboard_item:nth-child(-n+3) .user_rank{display:block;margin-right:0;margin-top:6px;line-height:20px;}
	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:first-child .leaderboard_item:nth-child(-n+3) .nickname{display:block;margin-right:0;line-height:20px;white-space:inherit;text-overflow:inherit;}
	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:first-child .leaderboard_item:nth-child(-n+3) .nickname .dev_user_icon{margin:1px 0 0 2px;}
	#mainBody .main_leaderboard_wrap .leaderboard_half_wrap:first-child .leaderboard_item:nth-child(-n+3) .score{display:block;float:none;margin-top:4px;line-height:19px;}
	#mainBody .main_leaderboard_wrap .leaderboard_item .gold_crown_icon{height:31px;top:-12px;left:-12px;}
	#mainBody .main_leaderboard_wrap .leaderboard_item .silver_crown_icon{height:23px;}
	#mainBody .main_leaderboard_wrap .leaderboard_item .bronze_crown_icon{height:23px;}
}

/********
 메인 하단 배너
*/
#mainBody .bottom_banner{width:100%;height:265px;border-radius:13px;position:relative;overflow:hidden;}
#mainBody .bottom_banner .background_image{width:560px;height:100%;position:absolute;right:0;top:0;background-size:cover;background-position:center center;}
#mainBody .bottom_banner .image_cover{width:213px;height:100%;position:absolute;left:399px;top:0;} 
#mainBody .bottom_banner .banner_text_wrap{position:relative;padding:76px 0 0 82px;}
#mainBody .bottom_banner .banner_text_wrap .title{line-height:38px;white-space:pre-line;}
#mainBody .bottom_banner .banner_text_wrap .text_button{line-height:20px;margin-top:16px;}
#mainBody .bottom_banner .banner_text_wrap .text_button img{height:16px;vertical-align:top;margin:2px 0 0 4px;}
@media only screen and (max-width:1000px) and (min-width:600px) {
	.mobile_width #mainBody .bottom_banner .image_cover{left:auto;right:348px;} 
	.mobile_width #mainBody .bottom_banner .banner_text_wrap{padding:76px 5% 0 5%;}
}
@media only screen and (max-width:599px) {
	#mainBody .bottom_banner{height:390px;}
	#mainBody .bottom_banner .background_image{width:100%;height:280px;position:absolute;top:auto;bottom:0;}
	#mainBody .bottom_banner .image_cover{width:100%;height:160px;left:0;top:109px;} 
	#mainBody .bottom_banner .banner_text_wrap{padding:28px 28px 0 28px;}
	#mainBody .bottom_banner .banner_text_wrap .title{line-height:38px;font-size:26px;}
	#mainBody .bottom_banner .banner_text_wrap .text_button{margin-top:12px;}	
}
@media only screen and (max-width:349px) {
	#mainBody .bottom_banner{width:calc(100% - 32px);margin:0 16px;}
	#mainBody .bottom_banner .banner_text_wrap{padding:24px 24px 0 24px;}
}
/********
 공지사항
*/
#mainBody .notice_wrap{background:#ebeff8;height:62px;width:100%;margin-top:72px;display:none;}
#mainBody .notice_wrap .notice_content{width:960px;margin:0 auto;line-height:62px;}
#mainBody .notice_wrap .notice_content .notice_label{display:inline-block;width:80px;vertical-align:top;}
#mainBody .notice_wrap .notice_content .title_placeholder{display:inline-block;width:calc(100% - 160px);vertical-align:top;}
#mainBody .notice_wrap .notice_content .title{opacity:1;transition:transform 0.2s ease-out, opacity 0.2s ease-out;cursor:pointer;width:100%;}
#mainBody .notice_wrap .notice_content .title.fade_out{opacity:0;transform:translateY(-14px);}
#mainBody .notice_wrap .notice_content .title.fade_in{opacity:0;transform:translateY(14px);}
#mainBody .notice_wrap .notice_content .notice_more{display:inline-block;width:80px;vertical-align:top;text-align:right;}
@media only screen and (max-width:1000px) and (min-width:600px) {
	.mobile_width #mainBody .notice_wrap .notice_content{width:100%;padding-left:16px;padding-right:16px;}
}
/********
 모바일 공지사항
*/
#mainBody .main_mobile_notice_wrap{padding:24px;}
#mainBody .notice_list_wrap{margin-top:12px;}
#mainBody .notice_list_wrap .title{width:100%;line-height:47px;border-bottom:solid 1px #ebeff8;}
#mainBody .notice_list_wrap .title:last-child{border-bottom:none;}
@media only screen and (max-width:349px) {
	#mainBody .main_mobile_notice_wrap{padding:0 16px;}
}

/********
 모바일 하단 버튼그룹
*/
#mainBody .main_footer_button_wrap{padding-bottom:30px;}
#mainBody .main_footer_button_wrap .main_footer_button{display:inline-block;width:calc(25% - 1px);height:74px;text-align:center;vertical-align:top;}
#mainBody .main_footer_button_wrap .main_footer_button .button_item{display:inline-block;width:80px;}
#mainBody .main_footer_button_wrap .main_footer_button .button_item img{height:32px;vertical-align:top;margin-top:8px;}
#mainBody .main_footer_button_wrap .main_footer_button .button_item .image_button_div{width:32px;height:32px;background-size:cover;background-position:center center;margin:8px auto 0 auto;}
#mainBody .main_footer_button_wrap .main_footer_button .button_item .title{line-height:19px;margin-top:4px;}
#mainBody .main_footer_button_wrap .divider{display:inline-block;width:1px;height:74px;vertical-align:top;}
#mainBody .main_footer_button_wrap .divider span{width:1px;height:100%;margin:auto;background:#ebeff8;}


/********
 설문보기페이지
*/
#mainPollBody #feedRow{padding-top:0px;}
#mainPollBody .body_left{width:518px;}
#mainPollBody .body_right{width:383px;}
#mainPollBody #feedRow .feed_title{line-height:36px;width:100%;}
#mainPollBody #feedRow .feed_title .poll_search_cnt{width:calc(100% - 235px);}
#mainPollBody #feedRow .feed_title .search_word{vertical-align:top;max-width:calc(100% - 134px);}
#mainPollBody #feedRow .feed_title .search_input_wrap{float:right;position:relative;}
#mainPollBody #feedRow .feed_title .search_input_wrap.search_off{width:48px;text-align:right;cursor:pointer;}
#mainPollBody #feedRow .feed_title .search_input_wrap img{height:16px;position:absolute;left:4px;top:10px;}
#mainPollBody #feedRow .feed_title .search_input_wrap.search_on img{left:12px;}
#mainPollBody #feedRow .feed_title .search_input_wrap .show_search_button{user-select:none;}
#mainPollBody #feedRow .feed_title .search_input_wrap .hide_search_button{user-select:none;cursor:pointer;}
#mainPollBody #feedRow .feed_title .search_input_wrap .poll_search_input_box{overflow:hidden;display:inline-block;vertical-align:top;}
#mainPollBody #feedRow .feed_title .search_input_wrap .poll_search_input_box input{height:36px;vertical-align:top;padding-left:32px;padding-right:12px;border-radius:18px;border:solid 1px #ced8e5;margin-right:4px;width:200px;appearance:none;}
#mainPollBody #feedRow .feed_title .search_input_wrap.search_on .poll_search_input_box{display:inline-block;}
#mainPollBody #feedRow .feed_title .search_input_wrap.search_off .poll_search_input_box{display:none;}
#mainPollBody #feedRow .feed_title .search_input_wrap.search_on .show_search_button{display:none;}
#mainPollBody #feedRow .feed_title .search_input_wrap.search_off .show_search_button{display:inline-block;}
#mainPollBody #feedRow .feed_list{margin-top:20px;}

.poll_page_header{width:960px;margin-left:auto;margin-right:auto;height:142px;position:relative;padding-top:64px;}
.poll_page_header .title{line-height:38px;}

#mainPollBody .feed_item_box.feed_poll{width:100%;border:none;border-radius:0;border-bottom:solid 1px #ebeff8;padding-bottom:8px;margin-top:32px;}
#mainPollBody .feed_item_box.feed_poll:first-child{margin-top:0;}

@media only screen and (max-width:1000px) and (min-width:701px) {
	.mobile_width #mainPollBody .body_left{width:calc(100% - 372px) !important;max-width:518px;float:left !important;margin-left:16px !important;}
	.mobile_width #mainPollBody .body_right{width:320px !important;display:block !important;margin-right:16px;}

	.mobile_width .poll_page_header{width:calc(100% - 32px);height:142px;position:relative;padding-top:64px;}	
}
@media only screen and (max-width:700px) and (min-width:600px) {
	.mobile_width .poll_page_header{width:calc(100% - 32px);height:142px;position:relative;padding-top:64px;}	
}
@media only screen and (max-width:599px) {
	#mainPollBody .body_left{width:100%;}
	#mainPollBody .body_right{display:none;}
	#mainPollBody #feedRow .feed_title{margin:8px auto 0 auto;width:calc(100% - 32px);}
	#mainPollBody #feedRow .feed_title .poll_search_cnt{width:130px;}
	#mainPollBody #feedRow .feed_title .search_input_wrap .poll_search_input_box input{width:calc(100vw - 194px);max-width:200px;}
	#mainPollBody #feedRow .feed_list{width:calc(100% - 32px);margin-left:16px;margin-right:16px;}

	#mainPollBody .feed_item_box.feed_poll{padding-bottom:26px;margin-top:26px;}
}



/********
 설문 태그된글
*/
#mainPollBody .main_poll_post_wrap .main_title_row{line-height:24px;}
#mainPollBody .main_poll_post_wrap .title_more{float:right;}
#mainPollBody .poll_post_wrap{margin-top:4px;}
#mainPollBody .poll_post_wrap .poll_post_item{width:100%;padding:16px 0;height:104px;border-bottom:solid 1px #ebeff8;}
#mainPollBody .poll_post_wrap .poll_post_item:last-child{border-bottom:none;}
#mainPollBody .poll_post_wrap .content_wrap{display:inline-block;vertical-align:top;width:calc(100% - 124px);}
#mainPollBody .poll_post_wrap .content_wrap .content{line-height:20px;height:40px;overflow:hidden;}
#mainPollBody .poll_post_wrap .content_wrap .user_profile_wrap{margin-top:12px;line-height:20px;}
#mainPollBody .poll_post_wrap .content_wrap .user_profile_wrap .profile_image{height:20px;width:20px;border-radius:10px;border:solid 1px #ced8e5;background:#FFF;margin-right:4px;vertical-align:top;}
#mainPollBody .poll_post_wrap .post_image{display:inline-block;vertical-align:top;width:108px;height:72px;margin-left:16px;border-radius:8px;}

/********
 커넥트앤플레이
*/
#mainBody .main_connect_and_play_wrap{position:relative;}
#mainBody .main_connect_and_play_wrap .connect_item_list_wrap{margin-top:20px;position:relative;width:100%;overflow:hidden;}
#mainBody .main_connect_and_play_wrap .connect_item_list{display:flex;justify-content:space-between;width:1290px;position:relative;transition:left 0.2s ease-out;left:0;}
#mainBody .main_connect_and_play_wrap .connect_item{vertical-align:top;width:300px;display:inline-block;}
#mainBody .main_connect_and_play_wrap .connect_item .preview_image{width:100%;}
#mainBody .main_connect_and_play_wrap .connect_item .connect_title{margin-top:14px;line-height:20px;}
#mainBody .main_connect_and_play_wrap .connect_item .connect_desc{margin-top:2px;line-height:20px;}
#mainBody .main_connect_and_play_wrap .connect_item .connect_badge{margin-top:12px;background:#EC5245;border-radius:4px;line-height:24px;padding:0 8px;}
#mainBody .main_connect_and_play_wrap .connect_item .connect_badge.finish_badge{background:#4A596D;}
#mainBody .main_connect_and_play_wrap .arrow_wrap{position:absolute;width:100%;top:0;left:0;z-index:10;}
#mainBody .main_connect_and_play_wrap .arrow_wrap .move_button{background:#FFF;position:absolute;width:36px;height:36px;padding:8px;cursor:pointer;top:120px;border-radius:18px;box-shadow: 0px 16px 24px 2px rgba(3, 24, 39, 0.07), 0px 6px 30px 5px rgba(3, 24, 39, 0.11), 0px 8px 10px -5px rgba(3, 24, 39, 0.16);}
#mainBody .main_connect_and_play_wrap .arrow_wrap .move_button img{height:20px;}
#mainBody .main_connect_and_play_wrap .arrow_wrap .move_button.left_button{left:-18px;}
#mainBody .main_connect_and_play_wrap .arrow_wrap .move_button.left_button img{transform:rotate(180deg);}
#mainBody .main_connect_and_play_wrap .arrow_wrap .move_button.right_button{right:-18px;}
#mainBody .main_connect_and_play_wrap.is_left .connect_item_list{left:0;}
#mainBody .main_connect_and_play_wrap.is_left .left_button{display:none;}
#mainBody .main_connect_and_play_wrap.is_left .right_button{display:block;}
#mainBody .main_connect_and_play_wrap.is_right .connect_item_list{left:-330px;}
#mainBody .main_connect_and_play_wrap.is_right .left_button{display:block;}
#mainBody .main_connect_and_play_wrap.is_right .right_button{display:none;}

@media only screen and (max-width:599px) {
	#mainBody .main_connect_and_play_wrap{padding:24px;}
	#mainBody .main_connect_and_play_wrap .connect_item_list_wrap{margin-top:32px;}
	#mainBody .main_connect_and_play_wrap .connect_item_list{width:100%;display:block;}
	#mainBody .main_connect_and_play_wrap .connect_item{min-height:88px;width:100%;margin-right:0px;display:block;padding-bottom:16px;border-bottom:solid 1px #EBEFF8;margin-bottom:16px;}
	#mainBody .main_connect_and_play_wrap .connect_item:last-child{border-bottom:none;margin-bottom:0px;}	
	#mainBody .main_connect_and_play_wrap .connect_item .preview_image{float:left;width:127px;margin-right:12px;margin-bottom:16px;}
	#mainBody .main_connect_and_play_wrap .connect_item .connect_title{margin-top:0px;line-height:20px;font-size:15px;}
	#mainBody .main_connect_and_play_wrap .connect_item .connect_desc{line-height:17px;font-size:12px;}
	#mainBody .main_connect_and_play_wrap .connect_item .connect_badge{margin-top:8px;}
	#mainBody .main_connect_and_play_wrap .arrow_wrap{display:none;}
}
@media only screen and (max-width:349px) {
	#mainBody .main_connect_and_play_wrap{padding:0 16px;}
}