@charset "utf-8";	

/****************************************************************
 * header alert
 ****************************************************************/		
#headerAlert{position:fixed;z-index:3000;width:320px;line-height:22px;opacity:1;padding:16px;border-radius:13px;font-size:15px;letter-spacing:-0.4px;font-weight:400;cursor:pointer;transition:opacity 0.3s linear, transform 0.1s ease-out;white-space:pre-line;}
#headerAlert.top_right{top:20px;right:20px;}
#headerAlert.bottom_right{bottom:20px;right:20px;}
#headerAlert.top{top:20px;left:calc(50% - 160px);}
#headerAlert.bottom{bottom:20px;left:calc(50% - 160px);}
@media only screen and (max-width:599px) {
	#headerAlert{width:calc(100vw - 32px);}
	#headerAlert.top_right{top:16px;right:16px;}
	#headerAlert.bottom_right{bottom:16px;right:16px;}
	#headerAlert.top{top:16px;}
	#headerAlert.bottom{bottom:16px;}
}

/****************************************************************
 * web header
 ****************************************************************/
.server_indicator{position:absolute;left:50%;transform:translate(-50%, 0);width:100px;height:10px;top:0;line-height:10px;text-align:center;font-size:10px;}
 
#webHeader{position:fixed;top:0;left:0;width:100%;z-index:1010;border-bottom:solid 1px #ebeff8;background:#FFF;transition:top 0.1s ease-out;}
#webHeader.dynamic{top:-76px;}
#webHeader.dynamic.show{top:0px;}
 
#webHeader .header_wrap{width:960px;height:75px;margin:0 auto;position:relative;}

#webHeader .header_wrap .header_left{display:inline-block;} 
#webHeader .header_wrap .header_left .logo_image_wrap{margin:10px 8px 0 -10px;vertical-align:top;border-radius:28px;transition:background 0.1s linear;position:relative;}
#webHeader .header_wrap .header_left .logo_image_wrap:hover{background:#e5f3ff;}
#webHeader .header_wrap .header_left .logo_image{height:56px;padding:14px;vertical-align:top;cursor:pointer;}
#webHeader .header_wrap .header_left .header_text_button_wrap{margin-top:19px;vertical-align:top;transition:color 0.1s linear;}
#webHeader .header_wrap .header_left .header_text_button_wrap.selected{color:#3f9dff;padding-bottom:14px;border-bottom:solid 4px #3f9dff;}
#webHeader .header_wrap .header_left .header_text_button{padding:10px 12px;line-height:18px;vertical-align:top;cursor:pointer;position:relative;}
#webHeader .header_wrap .header_left .header_text_button:hover{color:#3f9dff;}
#webHeader .header_wrap .header_left .header_text_button .feed_badge{display:none;position:absolute;width:6px;height:6px;border-radius:3px;background:#ec5245;top:8px;right:6px;}
#webHeader .header_wrap .header_left .header_text_button .feed_mission_badge{position:absolute;width:68px;z-index:10;pointer-events:none;top:38px;left:-14px;animation:missionBadge 1.1s infinite;display:none;}
#webHeader.dynamic:not(.show) .header_wrap .header_left .header_text_button .feed_mission_badge{display:none !important;}
#webHeader .header_wrap .header_left .header_text_button .feed_mission_badge .badge_body{width:68px;height:26px;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);}
#webHeader .header_wrap .header_left .header_text_button .feed_mission_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;top:-9px;left:50%;transform:translate(-50%, 0);}
#webHeader .header_wrap .header_left .header_text_button .feed_mission_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(-135deg);left:0px;top:5px;}
#webHeader .header_wrap .header_left .header_text_button .rate_game_badge{position:absolute;width:182px;z-index:10;pointer-events:none;top:38px;left:calc(50% - 90px);animation:missionBadge 1.1s infinite;}
#webHeader.dynamic:not(.show) .header_wrap .header_left .header_text_button .rate_game_badge{display:none !important;}
#webHeader .header_wrap .header_left .header_text_button .rate_game_badge .badge_body{height:26px;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);}
#webHeader .header_wrap .header_left .header_text_button .rate_game_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;top:-9px;left:50%;transform:translate(-50%, 0);}
#webHeader .header_wrap .header_left .header_text_button .rate_game_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(-135deg);left:0px;top:5px;}
#webHeader .header_wrap .header_left .header_text_button .feed_mission_rate_badge{display:none;position:absolute;width:216px;z-index:10;pointer-events:none;top:38px;left:calc(50% - 108px);animation:missionBadge 1.1s infinite;}
#webHeader.dynamic:not(.show) .header_wrap .header_left .header_text_button .feed_mission_rate_badge{display:none !important;}
#webHeader .header_wrap .header_left .header_text_button .feed_mission_rate_badge.disable_badge{display:none !important;}
#webHeader .header_wrap .header_left .header_text_button .feed_mission_rate_badge .badge_body{height:26px;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);}
#webHeader .header_wrap .header_left .header_text_button .feed_mission_rate_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;top:-9px;left:50%;transform:translate(-50%, 0);}
#webHeader .header_wrap .header_left .header_text_button .feed_mission_rate_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(-135deg);left:0px;top:5px;}
#webHeader .header_wrap .header_left .header_cnp_button_wrap{margin-top:15px;vertical-align:top;}
#webHeader .header_wrap .header_left .header_cnp_button_wrap.selected{padding-bottom:8px;border-bottom:solid 4px #3f9dff;}
#webHeader .header_wrap .header_left .header_cnp_button{padding:10px 12px;line-height:18px;vertical-align:top;cursor:pointer;position:relative;}
#webHeader .header_wrap .header_left .header_cnp_button img{height:28px;}
#webHeader .header_wrap .header_left .header_cnp_button_wrap:hover img{content:url('/images/icon_v3/cnp_btn_blue.png');}
#webHeader .header_wrap .header_left .header_cnp_button_wrap.selected img{content:url('/images/icon_v3/cnp_btn_blue.png');}

@keyframes missionBadge {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 3px);
  }
  100% {
    transform: translate(0, 0);
  }
}

#webHeader .header_wrap .header_right{display:inline-block;float:right;}
#webHeader .header_wrap .header_right .header_search_input_wrap{position:relative;vertical-align:top;margin:20px 18px 0 0;}
#webHeader .header_wrap .header_right .header_search_input_wrap .search_icon{position:absolute;height:24px;top:6px;left:13px;}
#webHeader .header_wrap .header_right .header_search_input_wrap .search_input{width:204px;height:36px;line-height:24px;padding:0 12px 0 40px;color:#7f8fa6;border:none;border-radius:19px;background:#ebeff8;vertical-align:top;transition:width 0.1s linear, background 0.1s linear, box-shadow 0.1s linear;appearance:none;}
#webHeader .header_wrap .header_right .header_search_input_wrap .search_input:hover{background:#ced8e5;}
#webHeader .header_wrap .header_right .header_search_input_wrap .search_input:focus{width:320px;background:#FFF;padding:0 40px 0 40px;box-shadow:0 6px 10px 6px rgba(3, 24, 39, 0.07);}
#webHeader .header_wrap .header_right .header_search_input_wrap .input_cancel{top:1px;right:8px;transition:opacity 0.1s linear;}
#webHeader .header_wrap .header_right .header_text_button{padding:9px 6px;line-height:18px;vertical-align:top;margin:20px 4px 0 0;cursor:pointer;}
#webHeader .header_wrap .header_right .header_text_button:hover{color:#3f9dff;}
#webHeader .header_wrap .header_right .header_text_button:last-child{margin-right:-10px;}
#webHeader .header_wrap .header_right .header_icon_button{margin-top:20px;margin-right:14px;vertical-align:top;position:relative;}
#webHeader .header_wrap .header_right .header_icon{height:36px;width:36px;padding:6px;vertical-align:top;cursor:pointer;border-radius:18px;}
#webHeader .header_wrap .header_right .header_icon_button:hover .header_icon{background:#e5f3ff;content:url('/images/icon_v3/noti_blue.png');}
#webHeader .header_wrap .header_right .header_icon_button .header_noti_cnt{cursor:pointer;position:absolute;top:1px;left:18px;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;display:none;}
#webHeader .header_wrap .header_right .profile_image_wrap{margin-top:20px;position:relative;border-radius:18px;padding:4px;}
#webHeader .header_wrap .header_right .profile_image_wrap:hover{background:#e5f3ff;}
#webHeader .header_wrap .header_right .profile_image_wrap.is_open{background:#e5f3ff;}
#webHeader .header_wrap .header_right .profile_image_wrap .user_badge{display:none;position:absolute;width:14px;height:14px;border:solid 2px #FFF;background:#ec5245;border-radius:7px;top:2px;right:20px;}
#webHeader .header_wrap .header_right .profile_image{width:28px;height:28px;border-radius:14px;background:#FFF;border:solid 1px #ced8e5;}
#webHeader .header_wrap .header_right .profile_arrow{height:22px;width:22px;margin-top:3px;}
#webHeader .header_wrap .header_right .profile_image_wrap:hover .profile_arrow{content:url('/images/icon_v3/arrow_up_blue.png');transform:rotate(180deg);}
#webHeader .header_wrap .header_right .profile_image_wrap.is_open .profile_arrow{content:url('/images/icon_v3/arrow_up_blue.png');transform:rotate(180deg);}
#webHeader .header_wrap .header_right .header_round_button{vertical-align:top;margin-top:20px;margin-left:14px;min-width:85px;padding-left:12px;padding-right:16px;}
#webHeader .header_wrap .header_right .header_round_button.register_button{padding-left:12px;padding-right:12px;}
#webHeader .header_wrap .header_right .header_round_button img{height:18px;vertical-align:top;margin:8px 4px 0 0;}
@media only screen and (max-width:1000px) {
	#webHeader{width:1000px;}
	#webHeader .header_wrap{margin:0 20px;}
}

/****************************************************************
 * temp web header
 ****************************************************************/
.temp_header_wrap{position:absolute;top:0;left:0;width:100%;height:76px;z-index:10;}
.temp_header_wrap .temp_header{width:960px;margin:auto;}
.temp_header_wrap .temp_header_left{display:inline-block;}
.temp_header_wrap .temp_header_left .logo_image_wrap{margin:14px 8px 0 -10px;vertical-align:top;border-radius:28px;transition:background 0.1s linear;position:relative;}
.temp_header_wrap .temp_header_left .logo_image_wrap:hover{background:rgba(255,255,255,0.2);}
.temp_header_wrap .temp_header_left .logo_image{height:56px;padding:14px;vertical-align:top;cursor:pointer;}
.temp_header_wrap .temp_header_left .header_text_button_wrap{margin-top:24px;vertical-align:top;}
.temp_header_wrap .temp_header_left .header_text_button_wrap.selected{border-bottom:solid 4px #fff;}
.temp_header_wrap .temp_header_left .header_text_button{font-weight:700;padding:10px 12px;line-height:18px;vertical-align:top;cursor:pointer;position:relative;}
.temp_header_wrap .temp_header_left .header_text_button:hover{opacity:0.6;}
.temp_header_wrap .temp_header_left .header_text_button .feed_badge{display:none;position:absolute;width:6px;height:6px;border-radius:3px;background:#ec5245;top:8px;right:6px;}
.temp_header_wrap .temp_header_left .header_text_button .feed_mission_badge{position:absolute;width:68px;z-index:10;pointer-events:none;top:38px;left:-14px;animation:missionBadge 1.1s infinite;display:none;}
.temp_header_wrap .temp_header_left .header_text_button .feed_mission_badge .badge_body{width:68px;height:26px;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);}
.temp_header_wrap .temp_header_left .header_text_button .feed_mission_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;top:-9px;left:50%;transform:translate(-50%, 0);}
.temp_header_wrap .temp_header_left .header_text_button .feed_mission_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(-135deg);left:0px;top:5px;}
.temp_header_wrap .temp_header_left .header_text_button .rate_game_badge{position:absolute;width:182px;z-index:10;pointer-events:none;top:38px;left:calc(50% - 90px);animation:missionBadge 1.1s infinite;}
.temp_header_wrap .temp_header_left .header_text_button .rate_game_badge .badge_body{height:26px;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);}
.temp_header_wrap .temp_header_left .header_text_button .rate_game_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;top:-9px;left:50%;transform:translate(-50%, 0);}
.temp_header_wrap .temp_header_left .header_text_button .rate_game_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(-135deg);left:0px;top:5px;}
.temp_header_wrap .temp_header_left .header_text_button .feed_mission_rate_badge{display:none;position:absolute;width:216px;z-index:10;pointer-events:none;top:38px;left:calc(50% - 108px);animation:missionBadge 1.1s infinite;}
.temp_header_wrap .temp_header_left .header_text_button .feed_mission_rate_badge .badge_body{height:26px;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);}
.temp_header_wrap .temp_header_left .header_text_button .feed_mission_rate_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;top:-9px;left:50%;transform:translate(-50%, 0);}
.temp_header_wrap .temp_header_left .header_text_button .feed_mission_rate_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(-135deg);left:0px;top:5px;}
.temp_header_wrap .temp_header_left .header_cnp_button_wrap{margin-top:20px;vertical-align:top;}
.temp_header_wrap .temp_header_left .header_cnp_button_wrap.selected{border-bottom:solid 4px #fff;padding-bottom:3px;}
.temp_header_wrap .temp_header_left .header_cnp_button{padding:10px 12px;line-height:18px;vertical-align:top;cursor:pointer;position:relative;}
.temp_header_wrap .temp_header_left .header_cnp_button img{height:28px;}
.temp_header_wrap .temp_header_left .header_cnp_button_wrap:hover img{opacity:0.6}

.temp_header_wrap .temp_header_right{display:inline-block;float:right;}
.temp_header_wrap .temp_header_right .header_search_input_wrap{position:relative;vertical-align:top;margin:24px 18px 0 0;}
.temp_header_wrap .temp_header_right .header_search_input_wrap .search_icon{position:absolute;height:24px;top:6px;left:13px;}
.temp_header_wrap .temp_header_right .header_search_input_wrap .search_input{width:204px;height:36px;line-height:24px;padding:0 12px 0 40px;color:#FFF;border:none;border-radius:19px;background:rgba(235,239,248,0.2);vertical-align:top;transition:width 0.1s linear, background 0.1s linear, color 0.1s linear;appearance:none;}
.temp_header_wrap .temp_header_right .header_search_input_wrap .search_input:hover{background:rgba(235,239,248,0.5);}
.temp_header_wrap .temp_header_right .header_search_input_wrap .search_input:focus{width:320px;background:#FFF;color:#031827;padding:0 40px 0 40px;}
.temp_header_wrap .temp_header_right .header_search_input_wrap .input_cancel{top:1px;right:8px;transition:opacity 0.1s linear;}
.temp_header_wrap .temp_header_right .header_text_button{padding:9px 6px;line-height:18px;vertical-align:top;margin:24px 4px 0 0;cursor:pointer;}
.temp_header_wrap .temp_header_right .header_text_button:hover{color:#ebeff8;}
.temp_header_wrap .temp_header_right .header_text_button:last-child{margin-right:-10px;}
.temp_header_wrap .temp_header_right .header_icon_button{margin-top:24px;margin-right:14px;vertical-align:top;position:relative;}
.temp_header_wrap .temp_header_right .header_icon{height:36px;width:36px;padding:6px;vertical-align:top;cursor:pointer;border-radius:18px;}
.temp_header_wrap .temp_header_right .header_icon_button:hover .header_icon{background:rgba(255,255,255,0.2);opacity:0.6;}
.temp_header_wrap .temp_header_right .header_icon_button .header_noti_cnt{display:none;cursor:pointer;position:absolute;top:1px;left:18px;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;}
.temp_header_wrap .temp_header_right .profile_image_wrap{margin-top:24px;position:relative;border-radius:18px;padding:4px;}
.temp_header_wrap .temp_header_right .profile_image_wrap:hover{background:rgba(255,255,255,0.2);}
.temp_header_wrap .temp_header_right .profile_image_wrap.is_open{background:rgba(255,255,255,0.2);}
.temp_header_wrap .temp_header_right .profile_image_wrap .user_badge{display:none;position:absolute;width:12px;height:12px;border:solid 1px #FFF;background:#ec5245;border-radius:6px;top:2px;right:20px;}
.temp_header_wrap .temp_header_right .profile_image{width:28px;height:28px;border-radius:14px;background:#FFF;border:solid 1px #ced8e5;}
.temp_header_wrap .temp_header_right .profile_arrow{height:22px;width:22px;margin-top:3px;}
.temp_header_wrap .temp_header_right .profile_image_wrap:hover .profile_arrow{opacity:0.6;}
.temp_header_wrap .temp_header_right .profile_image_wrap.is_open .profile_arrow{opacity:0.6;}
.temp_header_wrap .temp_header_right .header_round_button{line-height:32px;vertical-align:top;margin-top:25px;margin-left:14px;min-width:85px;border-width:2px;padding-left:12px;padding-right:16px;}
.temp_header_wrap .temp_header_right .header_round_button.register_button{padding-left:12px;padding-right:12px;}
.temp_header_wrap .temp_header_right .header_round_button img{height:18px;vertical-align:top;margin:7px 4px 0 0;}


/****************************************************************
 * user header
 ****************************************************************/
#webHeader .user_page_header_wrap{position:absolute;bottom:-47px;left:0;width:100%;}
#webHeader .user_page_header{width:100%;height:50px;background:#ebeff8;}
#webHeader .user_page_header .user_header_content{width:960px;margin:auto;position:relative;text-align:center;}
#webHeader .user_page_header .user_header_content .user_header_button{line-height:46px;padding:0;position:relative;user-select:none;cursor:pointer;margin-right:24px;transition:color 0.1s linear, border-bottom-color 0.1s linear;border-bottom:solid 4px #ebeff8;border-bottom-color:#ebeff8;}
#webHeader .user_page_header .user_header_content .user_header_button:last-child{margin-right:0;}
#webHeader .user_page_header .user_header_content .user_header_button.selected{color:#3f9dff;border-bottom:solid 4px #3f9dff;}
#webHeader .user_page_header .user_header_content .user_header_button .profile_image{width:20px;height:20px;border-radius:10px;background:#FFF;border:solid 1px #ced8e5;margin-right:4px;margin-top:14px;}
#webHeader .user_page_header .user_header_content .user_header_button .user_badge{display:none;position:absolute;width:6px;height:6px;background:#ec5245;border-radius:3px;top:12px;right:-7px;}

/****************************************************************
 * collection header
 ****************************************************************/
#webHeader .collection_page_header_wrap{position:absolute;bottom:-50px;left:0;width:100%;}
#webHeader .collection_page_header{width:100%;height:50px;background:#ebeff8;}
#webHeader .collection_page_header .collection_header_content{width:960px;margin:auto;position:relative;}
#webHeader .collection_page_header .collection_header_content .collection_header_button{font-weight:700;display:inline-block;line-height:46px;padding:0;position:relative;user-select:none;cursor:pointer;margin-right:24px;transition:color 0.1s linear, border-bottom-color 0.1s linear;border-bottom:solid 4px #ebeff8;border-bottom-color:#ebeff8;}
#webHeader .collection_page_header .collection_header_content .collection_header_button:last-child{margin-right:0;}
#webHeader .collection_page_header .collection_header_content .collection_header_button.selected{color:#3f9dff;border-bottom:solid 4px #3f9dff;}
#webHeader .collection_page_header .collection_header_content .collection_header_button .category_icon{height:20px;margin:14px 6px 0 0;}
#webHeader .collection_page_header .collection_header_content .right_button{float:right;}


/****************************************************************
 * dynamic header
 ****************************************************************/
.dynamic_header{width:100%;height:0;transition:height 0.2s ease-out;overflow:hidden;position:relative;z-index:-1;}
.dynamic_header > div{position:absolute;width:100%;bottom:0;}
.dynamic_header .default_header_wrap{height:66px;}
.dynamic_header .dynamic_header_content{width:960px;height:100%;margin:0 auto;position:relative;}
.dynamic_header .dynamic_header_content .close_btn_wrap{position:absolute;top:21px;right:12px;height:24px;width:24px;cursor:pointer;}
.dynamic_header .dynamic_header_content .close_btn_wrap img{height:24px;}
.dynamic_header .dynamic_header_content .description_wrap{text-align:center;width:100%;height:100%;padding:0 20px;display:table;}
.dynamic_header .dynamic_header_content .description{display:table-cell;vertical-align:middle;line-height:24px;}
.dynamic_header .dynamic_header_content .description .btn_t{margin-left:16px;}
.dynamic_header .dynamic_header_content .description .inline_loader{vertical-align:top;margin:2px;width:20px;height:20px;}

@media only screen and (max-width:599px) {
	.dynamic_header .dynamic_header_content{width:100%;}
	.dynamic_header .dynamic_header_content .description_wrap{padding:0 38px 0 16px;display:table;font-size:13px;letter-spacing:-0.3px;}
	.dynamic_header .dynamic_header_content .description{line-height:19px;}
	.dynamic_header .dynamic_header_content .description .btn_t{margin-left:12px;font-size:13px;letter-spacing:-0.3px;}
	.dynamic_header .dynamic_header_content .description .inline_loader{margin:1px;width:16px;height:16px;}
}

/****************************************************************
 * dynamic footer
 ****************************************************************/
.dynamic_footer{width:100%;min-width:1000px;height:0;transition:height 0.2s ease-out;overflow:hidden;position:fixed;z-index:2000;bottom:0;left:0;}

.app_banner_wrap{background:rgba(40,50,64,0.9);width:100%;height:100%;}
.app_banner_wrap .app_banner_content{width:960px;margin:0 auto;padding:20px 0;}
.app_banner_wrap .logo{width:60px;height:60px;background:#FFF;border-radius:14px;padding:15px;display:inline-block;margin-right:20px;vertical-align:top;}
.app_banner_wrap .logo img{vertical-align:top;height:30px;}
.app_banner_wrap .app_banner_text{display:inline-block;vertical-align:top;padding-top:4px;}
.app_banner_wrap .app_banner_text .description_1{line-height:27px;}
.app_banner_wrap .app_banner_text .description_2{line-height:22px;margin-top:3px;}
.app_banner_wrap .button_group{display:inline-block;vertical-align:top;padding:5px 0;float:right;}
.app_banner_wrap .button_group button{padding:0 16px 0 40px;margin-right:8px;}
.app_banner_wrap .button_group button .btn_img{left:16px;}
.app_banner_wrap .button_group .close_button{height:24px;vertical-align:top;margin:13px 0 0 25px;cursor:pointer;}

.app_banner_small_wrap{position:fixed;bottom:70px;left:0;width:100%;text-align:center;z-index:5000;}
.app_banner_small_wrap button{width:160px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);}
.app_banner_small_wrap button .close_button{height:20px;width:20px;padding:2px;vertical-align:top;margin:7px 4px 0 0;float:right;}

/****************************************************************
 * web header dropdown
 ****************************************************************/
#headerDropdownWrap{position:fixed;z-index:1050;}
#headerDropdownWrap.subheader_dropdown{position:absolute;}
#headerDropdownWrap .dropdown_button_cover{position:absolute;top:0;}
#headerDropdownWrap .dropdown_list{width:260px;background:#FFF;border-radius:13px;overflow:hidden;display:inline-block;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);}
#headerDropdownWrap .dropdown_list .dropdown_item{min-height:44px;line-height:44px;cursor:pointer;}
#headerDropdownWrap .dropdown_list .dropdown_item:hover{background:#e5f3ff;}
#headerDropdownWrap .dropdown_list .dropdown_item:last-child{padding-bottom:2px;}
#headerDropdownWrap .dropdown_list .divider{background:#ebeff8;width:100%;height:1px;}
#headerDropdownWrap .dropdown_list .dropdown_item .item_content{vertical-align:top;padding:0 20px;width:100%;}
#headerDropdownWrap .dropdown_list .dropdown_item .item_value{float:right;}
#headerDropdownWrap .dropdown_list .dropdown_item .highlight_wrap{vertical-align:top;margin-top:11px;margin-left:8px;padding:0 5px;line-height:19px;background:#e5f3ff;border:solid 1px #bfe1ff;border-radius:4px;}
#headerDropdownWrap .dropdown_list .profile_row{padding:22px 20px 0 20px;margin-bottom:10px;}
#headerDropdownWrap .dropdown_list .profile_row .profile_container{width:54px;margin-right:12px;vertical-align:top;margin-top:2px;}
#headerDropdownWrap .dropdown_list .profile_row .profile_image{width:54px;height:54px;border-radius:27px;border:solid 1px #ced8e5;vertical-align:top;}
#headerDropdownWrap .dropdown_list .profile_row .profile_text_wrap{width:calc(100% - 66px);vertical-align:top;}
#headerDropdownWrap .dropdown_list .profile_row .profile_text_wrap .achievement_title{line-height:18px;}
#headerDropdownWrap .dropdown_list .profile_row .profile_text_wrap .nickname{line-height:22px;margin-top:7px;}
#headerDropdownWrap .dropdown_list .profile_row .profile_text_wrap.has_title .nickname{margin-top:0;}
#headerDropdownWrap .dropdown_list .profile_row .profile_text_wrap .user_id{line-height:18px;}

#headerDropdownWrap .dropdown_list .dropdown_item a{position:relative;z-index:10;display:inline-block;width:100%;height:100%;}

#headerDropdownWrap.COLLECTION_CATEGORY .dropdown_list{width:auto;}
#headerDropdownWrap .d_collection_category_wrap{width:174px;padding:8px 0;vertical-align:top;}
#headerDropdownWrap .d_collection_category_wrap .category_list{}
#headerDropdownWrap .d_collection_category_wrap .category_item{line-height:40px;padding:0 16px;user-select:none;cursor:pointer;}
#headerDropdownWrap .d_collection_category_wrap .category_item:hover{background:#e5f3ff;}
#headerDropdownWrap .d_collection_category_wrap .category_item.current-item{color:#3f9dff;}
#headerDropdownWrap .d_collection_category_wrap .category_item img{height:20px;margin:10px 6px 0 0;}
#headerDropdownWrap .d_collection_category_wrap .all_btn{border-top:solid 1px #ebeff8;line-height:40px;padding:0 16px;user-select:none;cursor:pointer;}
#headerDropdownWrap .d_collection_category_wrap .all_btn:hover{background:#e5f3ff;}
#headerDropdownWrap .d_collection_category_wrap .all_btn img{height:16px;float:right;margin-top:12px;}
#headerDropdownWrap .d_collection_tag_wrap{vertical-align:top;}
#headerDropdownWrap .d_collection_tag_wrap .category_wrap{width:180px;display:none;height:337px;border-left:solid 1px #ebeff8;overflow:auto;}
#headerDropdownWrap .d_collection_tag_wrap .category_wrap.selected{display:block;}
#headerDropdownWrap .d_collection_tag_wrap .keyword_button_wrap{padding:8px 0;}
#headerDropdownWrap .d_collection_tag_wrap .keyword_button_wrap .keyword_button{line-height:40px;padding:0 16px;user-select:none;cursor:pointer;}
#headerDropdownWrap .d_collection_tag_wrap .keyword_button_wrap .keyword_button:hover{background:#e5f3ff;}
#headerDropdownWrap .d_collection_tag_wrap .keyword_button_wrap .keyword_button.current-item{color:#3f9dff;}
/****************************************************************
 * mobile header, footer
 ****************************************************************/
#mobileTitleBar{position:fixed;top:0;left:0;width:100%;height:44px;z-index:1010;background:#FFF;border-bottom:1px solid #ebeff8;transition:top 0.1s ease-out;}
#mobileTitleBar.no_shadow{box-shadow:none;border-bottom:none;}
#mobileTitleBar.no_login{top:44px;}
#mobileTitleBar.no_login_phone{top:54px;}
#mobileTitleBar.dynamic{top:-50px;}
#mobileTitleBar.dynamic.show{top:0px;}

#mobileTitleBar .login_header{width:100%;height:44px;background:#6EC9C6;position:absolute;top:-44px;left:0;z-index:1;}
#mobileTitleBar .login_header .login_header_content{width:calc(100% - 130px);margin:auto;position:relative;}
#mobileTitleBar .login_header .welcome_text{line-height:44px;width:calc(100% - 180px);position:absolute;top:0;left:50%;transform:translate(-50%, 0);text-align:center;}
#mobileTitleBar .login_header .button_r{border-color:#FFF;color:#FFF;float:right;margin-top:7px;}
#mobileTitleBar .login_header .close_button{height:32px;padding:7px;cursor:pointer;position:absolute;right:16px;top:8px;}

#mobileTitleBar.no_login_phone .login_header{height:54px;top:-54px;}
#mobileTitleBar.no_login_phone .login_header .login_header_content{width:calc(100% - 62px);height:54px;margin:0;position:relative;padding-left:16px;}
#mobileTitleBar.no_login_phone .login_header .welcome_text{line-height:16px;width:calc(100% - 72px);position:absolute;top:50%;left:0;transform:translate(0%, -50%);text-align:center;font-size:12px;font-weight:300;letter-spacing:0px;padding:0 16px;}
#mobileTitleBar.no_login_phone .login_header .button_r{margin-top:12px;}
#mobileTitleBar.no_login_phone .login_header .close_button{top:11px;}

#mobileTitleBar .header_wrap{width:100%;}
#mobileTitleBar.show_text .header_wrap{border-bottom:solid 1px #ebeff8;}
#mobileTitleBar.hide_text .header_wrap{border-bottom:none;}
#mobileTitleBar .header_center{text-align:center;height:44px;line-height:44px;margin:auto;}
#mobileTitleBar.show_text .header_center{opacity:1;transition:opacity 0.2s linear;}
#mobileTitleBar.hide_text .header_center{opacity:0;transition:opacity 0.2s linear;}
#mobileTitleBar .header_center.single_icon{width:calc(100% - 106px);}
#mobileTitleBar .header_center.double_icon{width:calc(100% - 168px);}
#mobileTitleBar .header_center span{vertical-align:top;}
#mobileTitleBar .header_left{position:absolute;left:16px;top:0;}
#mobileTitleBar .header_right{position:absolute;right:16px;top:0;}
#mobileTitleBar .mobile_icon_button{position:absolute;top:0;}
#mobileTitleBar .mobile_icon_button .mobile_header_button{height:26px;vertical-align:top;margin-top:9px;}
#mobileTitleBar .mobile_icon_button .mobile_header_text_button{text-align:right;width:70px;line-height:26px;height:26px;vertical-align:top;margin-top:9px;}
#mobileTitleBar .mobile_icon_button .mobile_header_logo{height:23px;vertical-align:top;margin-top:10px;}
#mobileTitleBar .header_noti_cnt{cursor:pointer;position:absolute;top:5px;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;display:none;}

#mobileTitleBar .header_search_wrap{position:absolute;width:100%;top:-20px;left:0;transform:translate(0, -100%);box-shadow:0 2px 6px 1px rgba(0, 0, 0, 0.2);background:#FFF;}
#mobileTitleBar .header_search_wrap .click_cover{position:absolute;width:100%;height:100vh;top:0px;left:0px;display:none;z-index:0;}
#mobileTitleBar .header_search_wrap .search_header{height:44px;line-height:44px;background:#FFF;padding-left:16px;position:relative;z-index:1;}
#mobileTitleBar .header_search_wrap .search_header .title{max-width:calc(100% - 150px);}
#mobileTitleBar .header_search_wrap .search_header .title{vertical-align:top;}
#mobileTitleBar .header_search_wrap .search_header .mobile_icon_button{position:absolute;right:10px;top:0;}
#mobileTitleBar .header_search_wrap .search_header .game_image{width:20px;height:20px;display:inline-block;vertical-align:top;margin:12px 8px 0 0;border-radius:4px;}
#mobileTitleBar .header_search_wrap .header_search_input{height:60px;padding:12px 16px;position:relative;z-index:1;}
#mobileTitleBar .header_search_wrap .header_search_input.total_search{background:#21A8AF;}
#mobileTitleBar .header_search_wrap .header_search_input.page_search{background:#EEEEEE;}
#mobileTitleBar .header_search_wrap .header_search_input input{width:100%;height:100%;padding-left:36px;padding-right:36px;}
#mobileTitleBar .header_search_wrap .header_search_input .search_icon{position:absolute;top:8px;left:20px;}
#mobileTitleBar .header_search_wrap .header_search_input .input_cancel{width:40px;height:44px;padding:8px 6px;top:8px;right:16px;}
#mobileTitleBar .header_search_wrap .check_and_radio{padding:24px;line-height:18px;background:#FFF;position:relative;z-index:1;}
#mobileTitleBar .header_search_wrap .check_and_radio .cr_item_wrap{margin-bottom:24px;}
#mobileTitleBar .header_search_wrap .check_and_radio .cr_item_wrap:last-child{margin-bottom:0px;}
#mobileTitleBar .header_search_wrap .check_and_radio .cr_item{margin-top:7px;}
#mobileTitleBar .header_search_wrap .check_and_radio .cr_item:first-child{margin-top:0px;}
#mobileTitleBar .header_search_wrap .check_and_radio .checkmark{top:2px;}
#mobileTitleBar .header_search_wrap .check_and_radio .radiomark{top:2px;}

#mobileFooter{position:fixed;bottom:0;left:0;width:100%;height:54px;background:#FFF;z-index:1000;}
#mobileFooter .footer_shadow{position:absolute;width:100%;height:54px;z-index:0;box-shadow:0 1px 4px rgba(0,0,0,0.5);}
#mobileFooter .mobile_footer_wrap{position:absolute;width:100%;height:54px;z-index:10;background:#FFF;border-top:solid 1px #D8D8D8;}
#mobileFooter .mobile_footer_item{height:54px;width:20%;text-align:center;position:relative;vertical-align:top;}
#mobileFooter .mobile_footer_item a{max-width:60px;}
#mobileFooter .mobile_footer_item .footer_icon{height:28px;vertical-align:top;margin-top:6px;}
#mobileFooter .mobile_footer_item .footer_label{line-height:15px;}
#mobileFooter .mobile_footer_item.selected .footer_label{color:#3f9dff;}
#mobileFooter .mobile_footer_item .footer_profile_icon{height:24px;border-radius:12px;vertical-align:top;margin-top:7px;margin-bottom:3px;border:solid 1px #D8D8D8;}
#mobileFooter .mobile_footer_item .footer_write_icon{height:42px;vertical-align:top;margin-top:4px;}
#mobileFooter .mobile_footer_item .feed_badge{display:none;position:absolute;width:12px;height:12px;border:solid 1px #FFF;border-radius:6px;background:#ec5245;top:4px;left:calc(50% + 4px);}
#mobileFooter .mobile_footer_item .feed_mission_badge{position:absolute;width:68px;z-index:10;pointer-events:none;top:-30px;left:calc(50% + -34px);animation:missionBadge 1.1s infinite;display:none;}
#mobileFooter .mobile_footer_item .feed_mission_badge.disable_badge{display:none !important;}
#mobileFooter .mobile_footer_item .feed_mission_badge .badge_body{width:68px;height:26px;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);}
#mobileFooter .mobile_footer_item .feed_mission_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;bottom:1px;left:50%;transform:translate(-50%, 0);}
#mobileFooter .mobile_footer_item .feed_mission_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(45deg);left:0px;top:5px;}
#mobileFooter .mobile_footer_item .user_badge{display:none;position:absolute;width:12px;height:12px;border:solid 1px #FFF;border-radius:6px;background:#ec5245;top:4px;left:calc(50% + 4px);}
#mobileFooter .mobile_footer_item .rate_game_badge{position:absolute;width:182px;z-index:10;pointer-events:none;top:-30px;left:calc(50% - 91px);animation:missionBadge 1.1s infinite;}
#mobileFooter .mobile_footer_item .rate_game_badge.disable_badge{display:none !important;}
#mobileFooter .mobile_footer_item .rate_game_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);}
#mobileFooter .mobile_footer_item .rate_game_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;bottom:1px;left:50%;transform:translate(-50%, 0);}
#mobileFooter .mobile_footer_item .rate_game_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(45deg);left:0px;top:5px;}
#mobileFooter .mobile_footer_item .feed_mission_rate_badge{display:none;position:absolute;width:216px;z-index:10;pointer-events:none;top:-30px;left:calc(50% - 108px);animation:missionBadge 1.1s infinite;}
#mobileFooter .mobile_footer_item .feed_mission_rate_badge.disable_badge{display:none !important;}
#mobileFooter .mobile_footer_item .feed_mission_rate_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);}
#mobileFooter .mobile_footer_item .feed_mission_rate_badge .badge_tip_wrap{position:absolute;width:10px;height:10px;bottom:1px;left:50%;transform:translate(-50%, 0);}
#mobileFooter .mobile_footer_item .feed_mission_rate_badge .badge_tip{width:10px;height:10px;background:#3d7beb;position:absolute;transform:rotate(45deg);left:0px;top:5px;}
#mobileFooter .mobile_footer_item .calendar_text{position:absolute;width:100%;top:18px;left:0;text-align:center;}

#mobileFooter .additional_footer{width:100%;background:#FFF;position:absolute;z-index:5;padding-bottom:54px;bottom:0;left:0;box-shadow:0 1px 4px rgba(0,0,0,0.5);transform:translate(0, 100%);}

@media only screen and (max-width:375px) and (min-width:321px){
	#mobileTitleBar .header_center.single_icon{width:calc(100% - 101px);}
	
	#mobileTitleBar .header_search_wrap .search_header .mobile_icon_button{right:13px;}
	#mobileTitleBar .header_search_wrap .header_search_input .input_cancel{width:34px;padding:8px 3px;}
	#mobileTitleBar .header_search_wrap .header_search_input input{padding-left:32px;padding-right:32px;}
}
@media only screen and (max-width:320px) {	
	#mobileTitleBar .header_center.single_icon{width:calc(100% - 86px);}
		
	#mobileTitleBar .header_search_wrap .search_header .mobile_icon_button{right:6px;}
	#mobileTitleBar .header_search_wrap .header_search_input .input_cancel{width:32px;padding:8px 2px;}
	#mobileTitleBar .header_search_wrap .header_search_input input{padding-left:30px;padding-right:30px;}
}

.floating_connect_button{position:fixed;bottom:66px;right:8px;z-index:1001;}
.floating_connect_button .btn_r{overflow:hidden;transition:width 0.15s ease-out;position:relative;border:none;background:linear-gradient(128.24deg, #657CEE 11.61%, #4454CC 38.41%, #4347AC 56.79%, #5D2EBC 85.12%);box-shadow: 0px 9px 12px 1px rgba(3, 24, 39, 0.07), 0px 3px 16px 2px rgba(3, 24, 39, 0.1), 0px 5px 6px -3px rgba(3, 24, 39, 0.16);}
.floating_connect_button .simple_button{width:66px;}
.floating_connect_button .full_button{width:125px;}
.floating_connect_button .btn_r .full_logo{position:absolute;height:28px;top:10px;left:26px;opacity:1;transition:opacity 0.15s linear;}
.floating_connect_button .btn_r.simple_button .full_logo{opacity:0;}
.floating_connect_button .btn_r .simple_logo{position:absolute;height:38px;top:9px;left:17px;opacity:1;transition:height 0.15s ease-out, top 0.15s ease-out, left 0.15s ease-out, opacity 0.5 linear;}
.floating_connect_button .btn_r.full_button .simple_logo{height:17px;top:10px;left:34px;opacity:0;transition:height 0.15s ease-out, top 0.15s ease-out, left 0.15s ease-out, opacity 0.1 linear;}

/****************************************************************
 * footer
 ****************************************************************/
#footer{width:100%;height:152px;z-index:500;background:#FFF;border-top:1px solid #ebeff8;position:relative;display:none;}
#footer .footer_wrap{width:1000px;margin:0 auto;padding:23px 20px 0 20px;}
#footer .footer_social_group{float:right;display:inline-block;}
#footer .footer_social_group .icon_button{margin-right:20px;}
#footer .footer_social_group .icon_button:last-child{margin-right:0px;}
#footer .footer_social_group .icon_button img{height:36px;}
#footer .footer_link_group{display:inline-block;line-height:36px;}
#footer .footer_link_group .text_button{cursor:pointer;margin-right:28px;}
#footer .footer_link_group .text_button:last-child{margin-right:0px;}
#footer .footer_help_group{margin-top:8px;line-height:18px;}
#footer .footer_help_group .text_button{cursor:pointer;margin-right:28px;}
#footer .footer_help_group .text_button:last-child{margin-right:0px;}
#footer .footer_right_row{margin-top:12px;line-height:15px;}
@media only screen and (max-width:1000px) and (min-width:600px) {
	#footer{border-top:none;}
	#footer .footer_wrap{border-top:1px solid #ebeff8;}
}
@media only screen and (max-width:599px) {
	#footer{height:186px;}
	#footer .footer_wrap{width:100%;padding:24px 16px 0 16px;}
	#footer .footer_social_group{float:none;display:block;text-align:center;}
	#footer .footer_link_group{display:block;margin-top:14px;text-align:center;}
	#footer .footer_help_group{margin-top:10px;text-align:center;}
	#footer .footer_right_row{text-align:center;}
}