@charset "utf-8";			

/********
 모달 팝업 레이아웃
*/
#modalPopupRegion{position:fixed;width:100%;height:100%;top:0;left:0;z-index:1500;display:none;}
.modal_popup_wrap{position:absolute;width:100%;height:100%;top:0;overflow:auto;z-index:0;}
.modal_popup_wrap.background_cover{background:rgba(0, 0, 0, 0.5);}
.modal_popup_wrap.image_background_cover{background:rgba(45, 54, 66, 0.7);}
.modal_popup_wrap .mobile_popup_title_bar{display:none;text-align:center;position:fixed;top:0;left:0;width:100%;height:44px;z-index:1010;background:#FFF;border-bottom:1px solid #ebeff8;}
.modal_popup_wrap .mobile_popup_title_bar .popup_title{line-height:44px;height:44px;max-width:calc(100% - 106px);}
.modal_popup_wrap .mobile_popup_title_bar .mobile_icon_button{position:absolute;}
.modal_popup_wrap .mobile_popup_title_bar .mobile_icon_button.left_icon{left:10px;top:0;}
.modal_popup_wrap .mobile_popup_title_bar .mobile_icon_button img{height:44px;width:40px;padding:8px 6px;vertical-align:top;}

.modal_popup_wrap .popup_container{display:table;height:100%;position:absolute;overflow:hidden;width:100%;}
.modal_popup_wrap .popup_center_helper{display:table-cell;vertical-align:middle;}
.modal_popup_wrap .popup_content{margin:120px auto 120px auto;width:fit-content;}
.modal_popup_wrap .popup_content > div{margin:auto;}

.modal_popup_wrap.popup_type_page .popup_container{display:block;position:relative;overflow-y:auto;overflow-x:hidden;}
.modal_popup_wrap.popup_type_page .popup_center_helper{display:block;vertical-align:initial;width:100vw;height:100vh;}
.modal_popup_wrap.popup_type_page .popup_content{margin:0 auto;width:100vw;height:100vh;}

.modal_popup_wrap.popup_type_top .popup_container{display:block;position:relative;overflow:auto;}
.modal_popup_wrap.popup_type_top .popup_center_helper{display:block;vertical-align:initial;width:100%;height:100%;}
.modal_popup_wrap.popup_type_top .popup_content{margin:0;position:absolute;left:50%;transform:translate(-50%, 0);}

.modal_popup_wrap.popup_type_top_left .popup_container{display:block;position:relative;overflow:auto;}
.modal_popup_wrap.popup_type_top_left .popup_center_helper{display:block;vertical-align:initial;width:100%;height:100%;}
.modal_popup_wrap.popup_type_top_left .popup_content{margin:0;position:absolute;}

.modal_popup_wrap.popup_type_top_right .popup_container{display:block;position:relative;overflow:visible;margin:auto;max-width:960px;}
.modal_popup_wrap.popup_type_top_right .popup_center_helper{display:block;vertical-align:initial;width:100%;height:100%;}
.modal_popup_wrap.popup_type_top_right .popup_content{margin:0;position:absolute;}

.modal_popup_wrap.popup_type_mobile_top_right .popup_container{display:block;position:relative;overflow:auto;margin:auto;width:100%;}
.modal_popup_wrap.popup_type_mobile_top_right .popup_center_helper{display:block;vertical-align:initial;width:100%;height:100%;}
.modal_popup_wrap.popup_type_mobile_top_right .popup_content{margin:0;position:absolute;}

.modal_popup_wrap.popup_type_bottom_right .popup_container{display:block;position:relative;overflow:auto;margin:auto;width:100%;}
.modal_popup_wrap.popup_type_bottom_right .popup_center_helper{display:block;vertical-align:initial;width:100%;height:100%;}
.modal_popup_wrap.popup_type_bottom_right .popup_content{margin:0;position:absolute;bottom:0;}

.modal_popup_wrap.popup_type_bottom .popup_container{display:block;position:relative;overflow:auto;}
.modal_popup_wrap.popup_type_bottom .popup_center_helper{display:block;vertical-align:initial;width:100%;height:100%;}
.modal_popup_wrap.popup_type_bottom .popup_content{margin:0;position:absolute;bottom:0%;}

.modal_popup_wrap.popup_type_bottom_animate .popup_container{display:block;position:relative;overflow:auto;}
.modal_popup_wrap.popup_type_bottom_animate .popup_center_helper{display:block;vertical-align:initial;width:100%;height:100%;}
.modal_popup_wrap.popup_type_bottom_animate .popup_content{margin:0;position:absolute;bottom:0%;animation:bottomPopup 0.15s}

@keyframes bottomPopup{
	0%{bottom:-100%;}
	100% {bottom:0%;}
}
@media only screen and (max-width:599px) {
	.modal_popup_wrap .mobile_popup_title_bar{display:block;}

	.modal_popup_wrap .popup_container{display:table;height:100%;position:absolute;overflow:hidden;width:100%;}
	.modal_popup_wrap .popup_center_helper{display:table-cell;vertical-align:middle;}
	.modal_popup_wrap .popup_content{margin:0px auto;width:fit-content;}

	.modal_popup_wrap.popup_type_top_left .popup_container{display:table;position:absolute;overflow:hidden;}
	.modal_popup_wrap.popup_type_top_left .popup_center_helper{display:table-cell;vertical-align:middle;width:auto;height:auto;}
	.modal_popup_wrap.popup_type_top_left .popup_content{margin:0px auto;position:inherit;}
	
	.modal_popup_wrap.popup_type_top_right .popup_container{display:table;position:absolute;overflow:hidden;margin:0;max-width:none;}
	.modal_popup_wrap.popup_type_top_right .popup_center_helper{display:table-cell;vertical-align:middle;width:auto;height:auto;}
	.modal_popup_wrap.popup_type_top_right .popup_content{margin:0 auto;position:inherit;}
	/*
	.modal_popup_wrap.popup_type_mobile_top_right .popup_container{display:table;position:absolute;overflow:hidden;margin:0;max-width:none;}
	.modal_popup_wrap.popup_type_mobile_top_right .popup_center_helper{display:table-cell;vertical-align:middle;width:auto;height:auto;}
	.modal_popup_wrap.popup_type_mobile_top_right .popup_content{margin:0 auto;position:inherit;}
	*/
	.modal_popup_wrap.popup_type_bottom_right .popup_container{display:table;position:absolute;overflow:hidden;margin:0;max-width:none;}
	.modal_popup_wrap.popup_type_bottom_right .popup_center_helper{display:table-cell;vertical-align:middle;width:auto;height:auto;}
	.modal_popup_wrap.popup_type_bottom_right .popup_content{margin:0 auto;position:inherit;}
	
	.modal_popup_wrap.mobile_header .popup_content{margin-top:44px;}
	.modal_popup_wrap.custom_header .popup_content{margin-top:44px;}
}
@media only screen and (max-width:375px) and (min-width:321px){
	.modal_popup_wrap .mobile_popup_title_bar .popup_title{max-width:calc(100% - 101px);}
	.modal_popup_wrap .mobile_popup_title_bar .mobile_icon_button.left_icon{left:13px;}
	.modal_popup_wrap .mobile_popup_title_bar .mobile_icon_button img{width:34px;padding:8px 3px;}
}
@media only screen and (max-width:320px) {	
	.modal_popup_wrap .mobile_popup_title_bar .popup_title{max-width:calc(100% - 86px);}
	.modal_popup_wrap .mobile_popup_title_bar .mobile_icon_button.left_icon{left:6px;}
	.modal_popup_wrap .mobile_popup_title_bar .mobile_icon_button img{width:32px;padding:8px 2px;}
}

/****************************************************************
 * comment modify form
 ****************************************************************/
#comment_modify_form{margin:auto;width:600px;background:#FFF;}

#comment_modify_form .write{padding:1px 14px 1px 13px;}
#comment_modify_form .write .select_pic_button{float:left;vertical-align:middle;margin:14px 14px 0 0;width:26px;height:21px;}
#comment_modify_form .write input{width:calc(100% - 110px);height:50px;font-size:13px;}
#comment_modify_form .write input::placeholder{font-weight:300;letter-spacing:-0.3px;font-size:13px;color:#b7b7b7;}
#comment_modify_form .write textarea{width:calc(100% - 110px);min-height:19px;height:19px;font-size:13px;line-height:19px;margin:14px 0px;padding:0;}
#comment_modify_form .write textarea::placeholder{font-weight:300;letter-spacing:-0.3px;font-size:13px;color:#b7b7b7;}
#comment_modify_form .write .button_type_a30{float:right;margin-top:10px;}
#comment_modify_form .write .image{margin:0 0 20px 45px;width:100px;height:100px;position:relative;display:none;overflow:hidden;}
#comment_modify_form .write .image .delete_button{position:absolute;top:3px;right:3px;}

@media only screen and (max-width:599px){
	#comment_modify_form{width:100vw;min-height:calc(100vh - 44px);}
	#comment_modify_form .close{position:absolute;top:12px;left:20px;}
}

/****************************************************************
 * login
 ****************************************************************/
#loginPopup{margin:auto;width:520px;height:628px;text-align:center;background:#FFF;display:table;position:relative;}
#loginPopup .login_center_helper{display:table-cell;vertical-align:middle;}

#loginPopup .go_login_main{position:absolute;padding:6px;cursor:pointer;top:20px;left:20px;}
#loginPopup .go_login_main img{height:18px;vertical-align:middle;}
#loginPopup .input_wrapper{width:100%;border-bottom:solid 1px rgba(151,151,151,0.3);margin:0 auto;}
#loginPopup .input_wrapper input{width:100%;font-size:16px;line-height:32px;}
#loginPopup .input_helper{font-size:12px;line-height:15px;margin-top:8px;text-align:left;min-height:15px;}
#loginPopup .result_helper{width:100%;font-size:12px;line-height:15px;margin:8px auto 0 auto;visibility:hidden;}
#loginPopup .logo_image{width:43px;height:43px;}

#loginPopup .login_main .minimap_login{width:334px;margin:0 auto;position:relative;overflow:hidden;}
#loginPopup .login_main .minimap_login .input_wrapper{margin-top:30px;}
#loginPopup .login_main .find_passwd_button{cursor:pointer;text-decoration:underline;}
#loginPopup .login_main .minimap_login_button{margin-top:33px;}
#loginPopup .login_main #mainLoginButton{cursor:pointer;}
#loginPopup .login_main .login_divider{width:380px;margin:9px auto 30px auto;}
#loginPopup .login_main .login_divider .title{width:40px;display:inline-block;vertical-align:middle;font-size:12px;}
#loginPopup .login_main .login_divider .line{width:170px;height:1px;background:#979797;display:inline-block;vertical-align:middle;}

#loginPopup .login_main .sns_login_button_group{margin-top:28px;}
#loginPopup .login_main .sns_login_button{margin-bottom:26px;}
#loginPopup .login_main .sns_login_button span{position:relative;padding-left:35px;cursor:pointer;}
#loginPopup .login_main .sns_login_button img{user-drag:none;user-select:none;}
#loginPopup .login_main .facebook_icon{width:10px;height:20px;position:absolute;top:13px;left:70px;pointer-events:none;}
#loginPopup .login_main .google_icon{width:30px;height:19px;position:absolute;top:14px;left:63px;pointer-events:none;}
#loginPopup .login_main #googleLoginButton{cursor:pointer;}
#loginPopup .login_main .steam_icon{width:26px;height:25px;position:absolute;top:10px;left:62px;pointer-events:none;}
#loginPopup .login_main .register_button{text-decoration:underline;margin-top:4px;font-size:14px;}
#loginPopup .login_main .register_button span{text-decoration:underline;cursor:pointer;}

#loginPopup .login_find_passwd{display:none;}
#loginPopup .login_find_passwd .find_passwd{width:334px;margin:0 auto;}
#loginPopup .login_find_passwd .find_passwd .title{margin-top:32px;font-size:28px;line-height:28px;}
#loginPopup .login_find_passwd .find_passwd .input_wrapper{margin-top:50px;}
#loginPopup .login_find_passwd .find_passwd .description{margin-top:19px;font-size:14px;line-height:20px;}
#loginPopup .login_find_passwd .find_passwd_button{margin-top:167px;}
#loginPopup .login_find_passwd .find_passwd_button #mainFindPasswdButton{cursor:pointer;}

#loginPopup .login_register{display:none;}
#loginPopup .login_register .register{width:334px;margin:45px auto 0 auto;}
#loginPopup .login_register .register .title{margin-top:22px;font-size:28px;line-height:28px;}
#loginPopup .login_register .register .input_wrapper{margin-top:10px;position:relative;}
#loginPopup .login_register .verify_circle{position:absolute;top:8px;right:0px;width:14px;height:14px;border-radius:7px;background:#d0011b;}
#loginPopup .login_register #registerTerms{font-size:14px;line-height:15px;margin-top:20px;}
#loginPopup .login_register #registerTerms .popup_button{cursor:pointer;}
#loginPopup .login_register #registerTermsCheck{display:inline-block;width:18px;height:18px;vertical-align:middle;}
#loginPopup .login_register .minimap_register_button{margin-top:25px;}
#loginPopup .login_register .minimap_register_button #registerButton{cursor:pointer;}

@media only screen and (max-width:599px) {
	#loginPopup{width:100vw;height:calc(100vh - 44px);padding:20px 0 30px 0;}
	#loginPopup .go_login_main{display:none;}
	#loginPopup .login_find_passwd .find_passwd_button{margin-top:45px;}
}

@media only screen and (max-width:412px) {
	#loginPopup{padding:20px 16px 30px 16px;}
	
	#loginPopup .result_helper{width:100%;}
	#loginPopup .login_main .minimap_login{width:100%;}
	#loginPopup .login_main .login_divider{width:100%;}
	#loginPopup .login_main .login_divider .line{width:calc(50% - 28px);}
	#loginPopup .login_find_passwd .find_passwd{width:100%;}
	#loginPopup .login_register .register{width:100%;}
	#loginPopup .button_type_a50_w{width:100%;}
}

/****************************************************************
 * 약관
 ****************************************************************/
.terms_and_legal_wrap{margin:auto;width:600px;padding:37px 39px;background:#FFF;}
.terms_and_legal_title{margin-bottom:24px;line-height:22px;}
.terms_and_legal_content{overflow:auto;height:550px;line-height:20px;}
 
@media only screen and (max-width:599px){
	.terms_and_legal_wrap{width:100%;padding:20px 16px 30px 16px;}
	.terms_and_legal_title{display:none;}
	.terms_and_legal_content{height:auto;overflow:auto;}
} 

/****************************************************************
 * URL 복사 팝업
 ****************************************************************/
#copyUrlPopup{margin:auto;min-width:326px;max-width:600px;background:#FFF;padding:16px 24px 26px 24px;border-radius:13px;}
#copyUrlPopup .title{line-height:22px;}
#copyUrlPopup .button_wrap{margin-top:20px;text-align:center;}
#copyUrlPopup .button_wrap .button_item{width:70px;margin-right:14px;cursor:pointer;vertical-align:top;}
#copyUrlPopup .button_wrap .button_item:last-child{margin-right:0;}
#copyUrlPopup .button_wrap .button_item .button_circle{width:60px;height:60px;border-radius:30px;margin:auto;}
#copyUrlPopup .button_wrap .button_item .button_circle img{height:24px;margin-top:18px;}
#copyUrlPopup .button_wrap .button_item.minimap_share .button_circle{background:#ebeff8;}
#copyUrlPopup .button_wrap .button_item.minimap_share img{padding:2px;}
#copyUrlPopup .button_wrap .button_item.facebook_share .button_circle{background:#435897;}
#copyUrlPopup .button_wrap .button_item.twitter_share .button_circle{background:#4c9fec;}
#copyUrlPopup .button_wrap .button_item.kakao_share .button_circle{background:#efd91b;}
#copyUrlPopup .button_wrap .button_item .button_text{margin-top:4px;line-height:16px;}
#copyUrlPopup .url_wrap{padding:10px 16px;border-radius:8px;background:#ebeff8;margin-top:20px;}
#copyUrlPopup .url{width:calc(100% - 30px);line-height:18px;word-wrap:break-word;}
#copyUrlPopup .copy_button{width:30px;text-align:right;cursor:pointer;vertical-align:top;line-height:18px;}

@media only screen and (max-width:599px){	
	#copyUrlPopup{min-width:auto;max-width:calc(100vw - 32px);padding:16px;}
	#copyUrlPopup .button_wrap .button_item{margin-right:4px;}
}
@media only screen and (max-width:356px){
	#copyUrlPopup .button_wrap.multi_line{width:154px;margin-left:auto;margin-right:auto;}
	#copyUrlPopup .button_wrap.multi_line .button_item{margin-bottom:12px;margin-right:14px;}
	#copyUrlPopup .button_wrap.multi_line .button_item:nth-child(2n){margin-right:0;}
	#copyUrlPopup .button_wrap.multi_line .button_item:nth-last-child(-n+2){margin-bottom:0;}
}

#copyCollectionPopup{margin:auto;max-width:600px;background:#FFF;padding:16px 24px 20px 24px;border-radius:13px;}
#copyCollectionPopup .title{line-height:27px;}
#copyCollectionPopup .url_wrap{padding:8px 12px;border-radius:8px;background:#ebeff8;margin-top:16px;}
#copyCollectionPopup .url{line-height:19px;word-wrap:break-word;}
#copyCollectionPopup .copy_button_wrap{text-align:right;margin-top:16px;}
#copyCollectionPopup .copy_button{width:90px;margin-right:12px;}
#copyCollectionPopup .copy_button:last-child{margin-right:0px;}
#copyCollectionPopup .share_collection_button{width:122px;}
#copyCollectionPopup .cancel_button{line-height:36px;cursor:pointer;margin-right:16px;}
@media only screen and (max-width:599px){
	#copyCollectionPopup{max-width:calc(100vw - 32px);}
}

/****************************************************************
 * contact us
 ****************************************************************/
#contactUsPopup{width:500px;height:292px;background:#FFF;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);border-radius:5px;}
#contactUsPopup .contact_us_wrap{padding:50px 0 0 44px;line-height:20px;}
#contactUsPopup .description{margin-top:10px;}
#contactUsPopup .description:first-child{margin-top:0px;}
#contactUsPopup .email{margin-top:50px;}
#contactUsPopup .address{margin-top:10px;}
#contactUsPopup .address:last-child{margin-top:0px;margin-left:55px;}
@media only screen and (max-width:599px){
	#contactUsPopup{width:90%;margin:auto;height:auto;}
	#contactUsPopup .contact_us_wrap{padding:16px;}
	#contactUsPopup .description{margin-top:0px;}
	#contactUsPopup .email{margin-top:30px;margin-bottom:10px;}
	#contactUsPopup .address{display:inline;margin-top:00px;}
	#contactUsPopup .address:last-child{display:inline-block;margin-left:10px;}
} 

/****************************************************************
 * data source
 ****************************************************************/
#dataSourcePopup{width:500px;height:auto;background:#FFF;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);border-radius:5px;}
#dataSourcePopup .data_source_wrap{padding:24px;line-height:20px;}
#dataSourcePopup .title{margin-top:24px;}
#dataSourcePopup .title:first-child{margin-top:0px;}
#dataSourcePopup .description{margin-top:10px;}
#dataSourcePopup .description:first-child{margin-top:0px;}

/****************************************************************
 * post_image_popup
 ****************************************************************/
#postImagePopup{width:80%;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#postImagePopup img{user-select:none;}
#postImagePopup .left_arrow{width:108px;height:214px;position:absolute;left:0;top:50%;transform:translate(-100%,-50%);background:transparent;cursor:pointer;}
#postImagePopup .left_arrow img{position:relative;width:36px;height:60px;left:50%;top:50%;transform:translate(-50%,-50%);}
#postImagePopup .right_arrow{width:108px;height:214px;position:absolute;right:0;top:50%;transform:translate(100%,-50%);background:transparent;cursor:pointer;}
#postImagePopup .right_arrow img{position:relative;width:36px;height:60px;left:50%;top:50%;transform:translate(-50%,-50%);}
#postImagePopup .dragdealer{overflow:hidden;position:relative;width:100%;height:100%;}
#postImagePopup .post_image_popup_image_wrapper{float:left;width:100%;height:100%;position:relative;}
#postImagePopup .post_image_popup_image{max-width:100%;max-height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:1px;z-index:2;cursor:pointer;}
#postImagePopup .close_background{position:absolute;width:100%;height:100%;}
#postImagePopup .close_button{position:absolute;width:44px;height:44px;display:none;padding:10px;}


#postImagePopup .video_cover{position:absolute;top:50%;left:50%;transform:translate(-50%, calc(-50% - 26px));z-index:3;}

/****************************************************************
 * media_popup
 ****************************************************************/
#media_popup{width:80%;height:80%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
#media_popup img{user-select:none;}
#media_popup .left_arrow{width:108px;height:214px;position:absolute;left:0;top:50%;transform:translate(-100%,-50%);background:transparent;}
#media_popup .left_arrow img{position:relative;width:36px;height:60px;left:50%;top:50%;transform:translate(-50%,-50%);}
#media_popup .right_arrow{width:108px;height:214px;position:absolute;right:0;top:50%;transform:translate(100%,-50%);background:transparent;}
#media_popup .right_arrow img{position:relative;width:36px;height:60px;left:50%;top:50%;transform:translate(-50%,-50%);}
#media_popup #gameMediaPopupDragContainer{overflow:hidden;position:relative;width:100%;height:100%;}
#media_popup #mediaPopupDragContainer{overflow:hidden;position:relative;width:100%;height:100%;}
#media_popup .media_popup_image_wrapper{float:left;width:100%;height:100%;position:relative;}
#media_popup .video_background{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background:#000;z-index:1;}
#media_popup .media_popup_image{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:1px;z-index:2;}
#media_popup .close_background{position:absolute;width:100%;height:100%;}
#media_popup #mediaPopupCloseButton{position:absolute;width:44px;height:44px;display:none;padding:10px;}
#media_popup .video_cover{position:absolute;top:50%;left:50%;transform:translate(-50%, calc(-50% - 26px));z-index:3;}



 
/****************************************************************
 * mobileReviewContentPopup
 ****************************************************************/
#mobileReviewContentPopup{width:100vw;height:100vh;margin:auto;background:#FFF;overflow:hidden;}

#mobileReviewContentPopup .header{padding:0 16px;height:44px;position:relative;border-bottom:solid 1px #D8D8D8;}
#mobileReviewContentPopup .header .postable_name{height:44px;line-height:44px;width:100%;}
#mobileReviewContentPopup .header .postable_name .name{max-width:calc(100% - 130px);}
#mobileReviewContentPopup .header .postable_name .name .mobile_icon{margin-top:8px;}
#mobileReviewContentPopup .header .postable_name .name_post_text{vertical-align:top;}
#mobileReviewContentPopup .header .close_button{float:right;}

#mobileReviewContentPopup .write_content_wrap{width:100vw;height:calc(100% - 90px);overflow:hidden;}
#mobileReviewContentPopup.fold_postable .write_content_wrap{height:calc(100% - 90px);}
#mobileReviewContentPopup.ios_layout .write_content_wrap{height:calc(50% - 45px);min-height:184px}
#mobileReviewContentPopup .write_content_wrap .content_text_area{padding:12px 16px;width:100%;height:100%;overflow:hidden;position:relative;}
#mobileReviewContentPopup .write_content_wrap.show_image_list .content_text_area{height:calc(100% - 92px);}
#mobileReviewContentPopup .write_content_wrap .content_text_area textarea{line-height:20px;padding:0;position:relative;width:100%;height:100%;}
#mobileReviewContentPopup .write_content_wrap .image_preview_list{width:100%;height:80px;margin-bottom:12px;overflow:hidden;position:relative;}
#mobileReviewContentPopup .write_content_wrap .image_preview_wrap{width:max-content;height:80px;position:absolute;left:0;top:0;}
#mobileReviewContentPopup .write_content_wrap .image_preview_wrap .preview_image{float:left;width:80px;height:80px;position:relative;margin:0 2px;display:inline-block;user-select:none;}
#mobileReviewContentPopup .write_content_wrap .image_preview_wrap .preview_image:first-child{margin-left:16px;}
#mobileReviewContentPopup .write_content_wrap .image_preview_wrap .preview_image:nth-child(12){margin-right:16px;}
#mobileReviewContentPopup .write_content_wrap .image_preview_wrap .preview_image .old_image{width:80px;height:80px;}
#mobileReviewContentPopup .write_content_wrap .image_preview_wrap .preview_image .button_container{position:absolute;top:0;left:0;width:80px;height:80px;border:solid 1px #D8D8D8;}
#mobileReviewContentPopup .write_content_wrap .image_preview_wrap .preview_image .order_number{text-align:center;position:absolute;top:0;left:0;height:26px;width:26px;line-height:26px;background:rgba(0,0,0,0.5);}
#mobileReviewContentPopup .write_content_wrap .image_preview_wrap .preview_image .delete_button{position:absolute;top:0;right:0;height:26px;padding:0 0 2px 2px;cursor:pointer;}
#mobileReviewContentPopup .write_content_wrap .image_preview_wrap .preview_image_placeholder{float:left;width:80px;height:80px;margin:0 16px 0 2px;display:inline-block;border:dotted 1px #979797;text-align:center;line-height:78px;}
#mobileReviewContentPopup .write_content_wrap .image_preview_wrap .preview_image_placeholder:first-child{margin-left:16px;}
#mobileReviewContentPopup #postImageFiles{position:absolute;width:50px;height:50px;display:none;}
#mobileReviewContentPopup #postImageFiles.drag_and_drop{display:block;opacity:0}

#mobileReviewContentPopup .footer{height:46px;line-height:46px;padding:0 16px;border-top:solid 1px #D8D8D8;}
#mobileReviewContentPopup .footer .upload_image{margin-right:12px;}
#mobileReviewContentPopup .footer .upload_image img{height:24px;vertical-align:top;margin-top:11px;}
#mobileReviewContentPopup .footer .spoiler_wrap{padding-left:12px;border-left:solid 1px #D8D8D8;height:24px;vertical-align:top;margin-top:11px;line-height:24px;}
#mobileReviewContentPopup .footer .toggle_background{margin-right:6px;}
#mobileReviewContentPopup .footer .right_component{float:right;}

#mobileReviewContentPopup .footer .open_state_select{width:130px;height:30px;line-height:28px;border-radius:2px;border:solid 1px #D8D8D8;padding-left:10px;cursor:pointer;position:relative;user-select:none;}
#mobileReviewContentPopup .footer .open_state_select .dropdown_parent{position:absolute;width:130px;height:0px;bottom:0;left:0;}
#mobileReviewContentPopup .footer .open_state_select .open_state_item{display:none;}
#mobileReviewContentPopup .footer .open_state_select .open_state_item.selected{display:inline-block;}
#mobileReviewContentPopup .footer .open_state_select .open_state_image{height:28px;vertical-align:top;padding:2px 0px;}
#mobileReviewContentPopup .footer .open_state_select .expand_arrow{height:0px;width:0px;position:absolute;right:10px;top:10px;border-top:8px solid #979797;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(0deg);transition:all .15s ease-in;}
#mobileReviewContentPopup .footer .open_state_select.dropdown_expanded .expand_arrow{transform:rotate(180deg);}


/****************************************************************
 * writePostMobilePopup

#writePostMobilePopup{width:100vw;height:100vh;margin:auto;background:#FFF;overflow:hidden;}
#writePostMobilePopup .header{padding:0 16px;height:45px;position:relative;border-bottom:solid 1px #D8D8D8;}
#writePostMobilePopup .header .close_button{position:absolute;top:9px;left:15px;}
#writePostMobilePopup .header .close_button img{height:26px;}
#writePostMobilePopup .header .postable_name{height:44px;line-height:44px;width:100%;text-align:center;padding:0 60px 0 40px;}
#writePostMobilePopup .header .postable_name .name{max-width:calc(100% - 20px);}
#writePostMobilePopup .header .postable_name .name .mobile_icon{margin-top:8px;}
#writePostMobilePopup .header .postable_name .expand_arrow{height:0px;width:0px;border-top:8px solid #979797;border-left:5px solid transparent;border-right:5px solid transparent;vertical-align:top;margin-left:6px;margin-top:20px;display:none;}
#writePostMobilePopup.fold_postable .header .postable_name .expand_arrow{display:inline-block;}
#writePostMobilePopup .header .submit_button{position:absolute;right:16px;top:7px;}

#writePostMobilePopup .postable_info{width:100%;height:140px;padding:11px 0px 10px 0px;background:#F6FCFC;text-align:center;overflow:hidden;}
#writePostMobilePopup.fold_postable .postable_info{height:0px;padding:0px;}
#writePostMobilePopup .postable_info .postable_list{width:100%;height:70px;overflow:hidden;position:relative;}
#writePostMobilePopup .postable_info .postable_list_wrap{width:max-content;height:70px;position:absolute;left:0;top:0;}
#writePostMobilePopup .postable_info .postable_image{display:inline-block;width:70px;height:70px;border-radius:35px;margin:0 5px;background:#FFF;}
#writePostMobilePopup .postable_info .postable_image:first-child{margin-left:16px;}
#writePostMobilePopup .postable_info .postable_image:last-child{margin-right:16px;}
#writePostMobilePopup .postable_info .postable_image .select_image{height:70px;padding:15px;display:none;position:absolute;}
#writePostMobilePopup .postable_info .postable_image.selected .select_image{display:block;}
#writePostMobilePopup .postable_info .postable_search_wrap{width:256px;margin:15px auto 0 auto;position:relative;}
#writePostMobilePopup .postable_info .postable_search_wrap .postable_search{width:100%;padding:0 30px;border-color:#D8D8D8;}
#writePostMobilePopup .postable_info .postable_search_wrap .search_icon{width:34px;height:34px;position:absolute;left:0px;top:0px;padding:6px;}

#writePostMobilePopup .write_content_wrap{width:100vw;height:calc(100% - 230px);overflow:hidden;}
#writePostMobilePopup.fold_postable .write_content_wrap{height:calc(100% - 90px);}
#writePostMobilePopup.ios_layout .write_content_wrap{height:calc(50% - 115px);min-height:184px}
#writePostMobilePopup .write_content_wrap .content_text_area{padding:12px 16px;width:100%;height:100%;overflow:hidden;position:relative;}
#writePostMobilePopup .write_content_wrap.show_image_list .content_text_area{height:calc(100% - 92px);}
#writePostMobilePopup .write_content_wrap .content_text_area textarea{line-height:20px;padding:0;position:relative;width:100%;height:100%;}
#writePostMobilePopup .write_content_wrap .content_text_area textarea::placeholder{font-size:14px;font-weight:400;letter-spacing:-0.3px;}
#writePostMobilePopup .write_content_wrap .image_preview_list{width:100%;height:80px;margin-bottom:12px;overflow:hidden;position:relative;}
#writePostMobilePopup .write_content_wrap .image_preview_wrap{width:max-content;height:80px;position:absolute;left:0;top:0;}
#writePostMobilePopup .write_content_wrap .image_preview_wrap .preview_image{float:left;width:80px;height:80px;position:relative;margin:0 2px;display:inline-block;user-select:none;}
#writePostMobilePopup .write_content_wrap .image_preview_wrap .preview_image:first-child{margin-left:16px;}
#writePostMobilePopup .write_content_wrap .image_preview_wrap .preview_image:nth-child(12){margin-right:16px;}
#writePostMobilePopup .write_content_wrap .image_preview_wrap .preview_image .old_image{width:80px;height:80px;}
#writePostMobilePopup .write_content_wrap .image_preview_wrap .preview_image .button_container{position:absolute;top:0;left:0;width:80px;height:80px;border:solid 1px #D8D8D8;}
#writePostMobilePopup .write_content_wrap .image_preview_wrap .preview_image .order_number{text-align:center;position:absolute;top:0;left:0;height:26px;width:26px;line-height:26px;background:rgba(0,0,0,0.5);}
#writePostMobilePopup .write_content_wrap .image_preview_wrap .preview_image .delete_button{position:absolute;top:0;right:0;height:26px;padding:0 0 2px 2px;cursor:pointer;}
#writePostMobilePopup .write_content_wrap .image_preview_wrap .preview_image_placeholder{float:left;width:80px;height:80px;margin:0 16px 0 2px;display:inline-block;border:dotted 1px #979797;text-align:center;line-height:78px;}
#writePostMobilePopup .write_content_wrap .image_preview_wrap .preview_image_placeholder:first-child{margin-left:16px;}
#writePostMobilePopup #postImageFiles{position:absolute;width:50px;height:50px;display:none;}
#writePostMobilePopup #postImageFiles.drag_and_drop{display:block;opacity:0}

#writePostMobilePopup .footer{height:46px;line-height:46px;padding:0 16px;border-top:solid 1px #D8D8D8;}
#writePostMobilePopup .footer .upload_image{margin-right:12px;}
#writePostMobilePopup .footer .upload_image img{height:24px;vertical-align:top;margin-top:11px;}
#writePostMobilePopup .footer .spoiler_wrap{padding-left:12px;border-left:solid 1px #D8D8D8;height:24px;vertical-align:top;margin-top:11px;line-height:24px;}
#writePostMobilePopup .footer .toggle_background{margin-right:6px;}
#writePostMobilePopup .footer .right_component{float:right;}

#writePostMobilePopup .footer .open_state_select{width:130px;height:30px;line-height:28px;border-radius:2px;border:solid 1px #D8D8D8;padding-left:10px;cursor:pointer;position:relative;user-select:none;vertical-align:top;margin-top:7px;}
#writePostMobilePopup .footer .open_state_select .dropdown_parent{position:absolute;width:130px;height:0px;bottom:0;left:0;}
#writePostMobilePopup .footer .open_state_select .open_state_item{display:none;}
#writePostMobilePopup .footer .open_state_select .open_state_item.selected{display:inline-block;}
#writePostMobilePopup .footer .open_state_select .open_state_image{height:28px;vertical-align:top;padding:2px 0px;}
#writePostMobilePopup .footer .open_state_select .expand_arrow{height:0px;width:0px;position:absolute;right:10px;top:10px;border-top:8px solid #979797;border-left:5px solid transparent;border-right:5px solid transparent;transform:rotate(0deg);transition:all .15s ease-in;}
#writePostMobilePopup .footer .open_state_select.dropdown_expanded .expand_arrow{transform:rotate(180deg);}
 ****************************************************************/


/*****
 * open_state dropdown 
 *******/
#openStateDropdown{position:absolute;width:130px;height:134px;bottom:0;z-index:1000;}
#openStateDropdown .button_cover{width:130px;height:28px;position:absolute;bottom:0;left:0;}
#openStateDropdown .dropdown_expand_image{background:#FFF;height:28px;position:relative;vertical-align:top;padding:7px 0;float:right;margin-right:10px;}
#openStateDropdown .open_state_list{width:130px;background:#FFF;position:absolute;bottom:34px;left:0px;box-shadow:1px 1px 4px 2px rgba(0, 0, 0, 0.2);border-radius:2px;}
#openStateDropdown .dropdown_item{line-height:28px;margin-top:8px;padding-left:10px;}
#openStateDropdown .dropdown_item:first-child{margin-top:0px;}
#openStateDropdown .dropdown_item:hover{background:#E8F6F7;}

#openStateDropdown.is_mobile_review{position:absolute;width:180px;height:134px;bottom:0;z-index:1000;}
#openStateDropdown.is_mobile_review .button_cover{width:180px;height:36px;position:absolute;bottom:0;left:0;}
#openStateDropdown.is_mobile_review .open_state_list{width:180px;background:#FFF;position:absolute;bottom:40px;left:0px;box-shadow:1px 1px 4px 2px rgba(0, 0, 0, 0.2);border-radius:2px;}
#openStateDropdown.is_mobile_review .dropdown_item{line-height:36px;margin-top:0px;padding-left:16px;}
#openStateDropdown.is_mobile_review .dropdown_item:first-child{margin-top:0px;}
#openStateDropdown.is_mobile_review .dropdown_item:hover{background:#E8F6F7;}
#openStateDropdown.is_mobile_review .dropdown_item img{height:36px;padding:4px 0;margin-right:10px;}

/****************************************************************
 * selectTrashPopup
 ****************************************************************/
#selectTrashPopup{width:600px;margin:auto;background:#FFF;border-radius:4px;}
#selectTrashPopup .header{padding:24px 16px 0px 16px;text-align:center;position:relative;}
#selectTrashPopup .header .cover_image{width:140px;height:140px;display:inline-block;}
#selectTrashPopup .header .close_button{position:absolute;right:16px;top:24px;cursor:pointer;}
#selectTrashPopup .header .close_button img{height:27px;}
#selectTrashPopup .header .game_name{line-height:28px;width:100%;margin-top:14px;}
#selectTrashPopup .button_group{padding:21px 120px 40px 120px;text-align:center;}
#selectTrashPopup .recover_button{display:inline-block;width:50%;}
#selectTrashPopup .delete_button{display:inline-block;width:50%;}
#selectTrashPopup .button_group .button_r{width:120px;}
@media only screen and (max-width:599px){
	#selectTrashPopup{width:100vw;border-radius:0px;box-shadow:0 -1px 4px 0 rgba(0, 0, 0, 0.21);}
	#selectTrashPopup .button_group{padding:21px 20px 40px 20px;}
	#selectTrashPopup .button_group .button_r{width:120px;}
}

/****************************************************************
 * checkGameAgePopup
 ****************************************************************/
#checkGameAgePopup{width:600px;margin:auto;background:#FFF;border-radius:4px;overflow:hidden;}
#checkGameAgePopup .header{line-height:60px;text-align:center;background:#21A8AF;}
#checkGameAgePopup .age_info_wrap{position:relative;height:282px;}
#checkGameAgePopup .age_info{width:100%;height:100%;padding:20px;text-align:center;position:relative;z-index:1;}
#checkGameAgePopup .age_info .help_text{margin-top:22px;line-height:22px;}
#checkGameAgePopup .age_info .age_text{line-height:40px;margin-top:12px;}
#checkGameAgePopup .age_info .age_title{line-height:24px;margin-top:16px;}
#checkGameAgePopup .age_info .age_description{line-height:22px;height:44px;margin-top:16px;}
#checkGameAgePopup .age_info .age_difference{line-height:22px;margin-top:12px;}
#checkGameAgePopup .age_image{position:absolute;top:0;left:0;width:100%;height:100%;}
#checkGameAgePopup .age_image .cover{width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.4);}
#checkGameAgePopup .footer{height:140px;text-align:center;padding:20px;}
#checkGameAgePopup .footer .help_text{line-height:20px;}
#checkGameAgePopup .footer .button_r{margin-top:16px;}
@media only screen and (max-width:599px){
	#checkGameAgePopup .header{line-height:44px;}
	#checkGameAgePopup{width:calc(100vw - 32px);}
	#checkGameAgePopup .age_info{padding:20px 16px;}
	#checkGameAgePopup .footer{height:auto;padding:16px;}
	#checkGameAgePopup .footer .button_r{margin-top:12px;}
}

/****************************************************************
 * notification
 ****************************************************************/
#notiBox{width:375px;} 
#notiBox .noti_triangle_wrap{position:absolute;top:0px;right:calc(50% - 6px);width:12px;height:12px;}
#notiBox .noti_triangle{width:12px;height:12px;box-shadow:2px 2px 7px 0px rgba(3, 24, 39, 0.12);background:#FFF;position:absolute;transform:rotate(-135deg);}
#notiBox .noti_content_wrap{width:100%;margin-top:6px;background:#FFF;border-radius:13px;box-shadow:3px 5px 10px 2px rgba(3, 24, 39, 0.2);overflow:hidden;}
#notiBox .noti_tab{height:46px;line-height:45px;border-bottom:solid 1px #ebeff8;}
#notiBox .noti_tab .tab_button{cursor:pointer;width:50%;text-align:center;position:relative;}
#notiBox .noti_tab .tab_button.selected{color:#031827;}
#notiBox .noti_tab .tab_button .tab_indicator{position:absolute;width:100%;height:2px;background:#3f9dff;bottom:0;left:0;opacity:0;transition:opacity .15s ease-in;}
#notiBox .noti_tab .tab_button.selected .tab_indicator{opacity:1;}
#notiBox .noti_tab .tab_button .new_badge{position:absolute;width:6px;height:6px;border-radius:3px;background:#ec5245;top:12px;right:50px;}
#notiBox .noti_tab .tab_button .new_badge.friend_badge{right:68px;}
#notiBox .noti_tab .tab_button .new_badge.minimap_badge{right:60px;}
#notiBox .noti_tab .tab_button .new_badge.off{display:none;}
#notiBox .indicator_tip{width:15px;height:15px;background:#FFF;position:absolute;z-index:1;transform:rotate(-135deg);top:0px;right:calc(50% - 7px);}

#notiBox .noti_empty{height:433px;text-align:center;}
#notiBox .noti_empty .no_result_image{width:140px;margin-top:100px;}
#notiBox .noti_empty .no_result_text{margin-top:24px;line-height:24px;}

#notiBox .noti_list{display:none;height:433px;max-height:433px;overflow:auto;}
#notiBox .noti_list.selected{display:block;}
#notiBox .noti_list .date_divider{height:34px;line-height:18px;padding:8px 16px;}
#notiBox .noti_item{cursor:pointer;width:100%;position:relative;padding:0px 16px 16px 16px;overflow:hidden;}
#notiBox .noti_item.not_read{background:#e5f3ff;}
#notiBox .noti_item .noti_profile_wrap{display:inline-block;margin-top:16px;margin-right:16px;position:relative;width:40px;height:40px;vertical-align:top;}
#notiBox .noti_item .noti_profile_wrap .image_container{width:40px;height:40px;border-radius:8px;background:#FFF;}
#notiBox .noti_item .noti_profile_wrap .noti_custom{border:solid 1px #ebeff8;}
#notiBox .noti_item .noti_profile_wrap .noti_profile{height:40px;width:40px;border:solid 1px #ced8e5;background:#FFF;border-radius:20px;}
#notiBox .noti_item .noti_profile_wrap .noti_achievement{position:absolute;width:44px;top:-4px;left:-2px;}
#notiBox .noti_item .noti_profile_wrap .noti_icon{position:absolute;width:22px;height:22px;right:-4px;bottom:-4px;}
#notiBox .noti_item .noti_content{display:inline-block;width:calc(100% - 56px);min-height:56px;vertical-align:top;line-height:20px;padding-top:16px;border-top:solid 1px #ebeff8;}
#notiBox .noti_item:first-child .noti_content{border-top:none;}
#notiBox .date_divider + .noti_item .noti_content{border-top:none;}
#notiBox .noti_item .noti_content .user_name{color:#3f9dff;display:inline;}
#notiBox .noti_item .noti_content .game_name{color:#3f9dff;display:inline;}
#notiBox .noti_item .noti_content .game_name .mobile_icon_new{height:19px;}
#notiBox .noti_item .noti_content .achievement_name{color:#3f9dff;display:inline;}
#notiBox .noti_item .noti_content .custom_highlight{color:#3f9dff;display:inline;}
#notiBox .noti_item .noti_content .noti_image{float:right;vertical-align:top;height:40px;width:40px;margin-left:10px;overflow:hidden;border-radius:8px;background:#FFF;}
#notiBox .noti_item .noti_content .noti_follow_button{float:right;vertical-align:top;width:82px;margin-left:10px;margin-top:4px;}


/****************************************************************
 * search cover
 ****************************************************************/
#searchMain{width:100%;height:100%;background:rgba(255, 255, 255, 0.95);}
#searchMain .search_body{width:706px;padding:150px 0;margin:0px auto;position:relative;}
#searchMain .close_button{width:28px;height:28px;position:absolute;right:0px;top:85px;cursor:pointer;} 

.search_body .search_input img{width:24px;height:24px;vertical-align:middle;}
.search_body .search_input input{margin-left:15px;width:500px;font-size:24px;line-height:24px;background:transparent;}
.search_body > .divider{height:1px;width:100%;margin-top:18px;background:#b7b7b7;}
.search_body .go_detail_search{font-size:14px;line-height:20px;float:right;margin-top:10px;}
.search_body .go_detail_search img{width:38px;height:20px;margin-left:7px;}

.search_body .keyword_game{width:100%;margin-top:75px;}
.search_body .keyword_game .divider{width:100%;height:1px;background:rgba(151, 151, 151, 0.2);}
.search_body .title{font-size:16px;line-height:24px;margin-bottom:13px;}
.search_body .popular_keyword{float:left;width:320px;height:350px;margin-right:30px;}
.search_body .keyword{font-size:14px;line-height:20px;margin:8px 0;}
.search_body .keyword_num{margin-right:10px;}
.search_body .popular_game{float:right;width:320px;height:350px;margin-left:30px;}
.search_body .game{margin:13px 0;position:relative;}
.search_body .game_image{width:40px;height:40px;margin-right:7px;overflow:hidden;position:relative;}
.search_body .game_name{font-size:14px;line-height:20px;}
.search_body .game_name img{width:7px;height:12px;margin-left:4px;vertical-align:middle;}
.search_body .library_info{position:absolute;top:0px;right:0px;}
.search_body .library_info .stateMark{height:20px;width:20px;}
.search_body .library_info .star_image{height:14px;margin-left:1px;}
.search_body .popular_tag{width:100%;}
.search_body .popular_tag .tag_list{height:36px;overflow:hidden;}
.search_body .popular_tag .tag_list span{margin-right:4px;}
.search_highlight{background:rgba(33,168,175,0.3);line-height:normal;}

@media only screen and (max-width:706px) and (min-width:600px){	
	.search_body{width:100%;}
	.search_body .search_input input{width:calc(100% - 55px);}	
	.search_body .popular_keyword{width:calc(50% - 30px);}
	.search_body .popular_game{width:calc(50% - 30px);}
}
@media only screen and (max-width:599px){
	.search_body{width:100%;margin:12px auto 0 auto;}
	.search_body .search_input{margin-top:50px;position:relative;}
	.search_body .search_input img{position:absolute;margin-left:0px;width:20px;height:20px;top:10px;left:27px;}
	.search_body .search_input input{width:calc(100% - 40px);height:40px;margin:0px 20px;font-size:16px;border:solid 1px #d8d8d8;padding:10px 10px 10px 33px;}
	.search_body .go_detail_search{margin-right:20px;margin-top:5px;margin-bottom:9px;}
	.search_body > .divider{background:transparent;margin:0;}
	.search_body .keyword_game{margin-top:6px;}
	.search_body .keyword_game .divider{width:100%;margin:0 auto;}
	.search_body .keyword_game > .divider{width:100%;height:12px;background:#ebebeb;float:left;}
	.search_body .title{margin:15px 20px 10px 0px;}
	.search_body .popular_keyword{width:calc(100% - 40px);margin:0 0 0 20px;height:auto;padding-bottom:13px;}
	.search_body .popular_game{float:left;width:calc(100% - 40px);margin:0 0 0 20px;height:auto;padding-bottom:13px;}
	.search_body .popular_tag{width:calc(100% - 40px);float:left;margin:0 0 55px 20px;}
	.search_body .popular_tag .tag_list{height:100px;overflow:hidden;}
	.search_body .popular_tag .tag_list  span{display:inline-block;margin:6px;} 
			
}


/****************************************************************
 * steamlink
 ****************************************************************/
#steamSyncPopup{margin:auto;width:800px;height:800px;padding:17px 22px 22px 22px;background:#FFF;}

#steamSyncPopup .popup_title{font-size:16px;line-height:24px;}
#steamSyncPopup .cnt_info{margin-left:6px;margin-right:8px;font-size:14px;line-height:24px;}
#steamSyncPopup .check_button{float:right;font-size:14px;line-height:24px;}
#steamSyncPopup .check_image{width:18px;height:18px;border:solid 1px #4a4a4a;padding:2px;margin-right:4px;}
#steamSyncPopup .empty_check_image{width:18px;height:18px;border:solid 1px #4a4a4a;margin-right:4px;display:inline-blok;}
#steamSyncPopup .table_title{margin-top:15px;line-height:50px;border-top:solid 1px #979797;border-bottom:solid 1px #979797;font-size:16px;text-align:center;}
#steamSyncPopup .table_title .table_col{display:inline-block;cursor:pointer;}
#steamSyncPopup .table_title .game_title{width:70%;}
#steamSyncPopup .table_title .play_time{width:20%;}
#steamSyncPopup .table_title .select_check{width:10%;}
#steamSyncPopup .table_result{height:538px;overflow:auto;border-bottom:solid 1px #979797;position:relative;padding:25px 0px;text-align:center;}
#steamSyncPopup .table_result .no_steam_game{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#steamSyncPopup .table_result .result_row{font-size:14px;line-height:20px;padding:6px 0 6px 0;position:relative;}
#steamSyncPopup .table_result .result_row:hover{background:#eaeaea;}
#steamSyncPopup .table_result .table_col{display:inline-block;}
#steamSyncPopup .table_result .game_image{position:absolute;width:43px;height:20px;left:23px;top:8px;overflow:hidden;background:#d8d8d8;}
#steamSyncPopup .table_result .game_title{width:70%;text-align:left;padding-left:72px;}
#steamSyncPopup .table_result .play_time{width:20%;overflow:hidden;}
#steamSyncPopup .table_result .select_check{width:10%;overflow:hidden;}
#steamSyncPopup .table_result .enable_check_image{width:18px;height:18px;border:solid 1px #4a4a4a;padding:2px;}
#steamSyncPopup .table_result .disable_check_image{width:18px;height:18px;border:solid 1px #d8d8d8;padding:2px;}
#steamSyncPopup .help_text{text-align:center;font-size:12px;line-height:16px;margin-top:30px;}
#steamSyncPopup .import_button{text-align:center;margin-top:19px;}


@media only screen and (max-width:799px) and (min-width:600px){ /*768 : 아이패드, 768~1063 : 웹 창 줄였을 경우*/ /*600~768 : 작은 태블릿*/
	#steamSyncPopup{width:600px;}
}
@media only screen and (max-width:599px){
	#steamSyncPopup{width:100vw;height:auto;min-height:calc(100vh - 44px);padding:20px;}

	#steamSyncPopup .button_type_a24{margin-right:6px;}
	#steamSyncPopup .table_title{font-size:14px;margin-left:-8px;width:calc(100% + 16px);line-height:35px;}
	#steamSyncPopup .table_title .game_title{width:60%;}
	#steamSyncPopup .table_title .play_time{width:20%;}
	#steamSyncPopup .table_title .select_check{width:20%;}

	#steamSyncPopup .table_result{height:calc(100% - 56px);padding:10px 0px;border-bottom:none;}
	#steamSyncPopup .table_result .game_image{left:0px;}
	#steamSyncPopup .table_result .game_title{width:60%;padding-left:49px;}
	#steamSyncPopup .table_result .play_time{width:20%;}
	#steamSyncPopup .table_result .select_check{width:20%;}
	#steamSyncPopup .help_text{position:relative;bottom:0px;background:rgba(255,255,255,0.93);width:calc(100% - 40px);padding:9px 0 11px 0;font-size:12px;line-height:16px;margin-top:0px;}
}

/****************************************************************
 * confirmPopup
 ****************************************************************/
#confirmPopup{min-width:420px;padding:44px 25px 30px 25px;background:#FFF;border-radius:4px;position:relative;}
#confirmPopup .close_button{position:absolute;right:14px;top:14px;cursor:pointer;}
#confirmPopup .close_button img{height:26px;}
#confirmPopup .description{line-height:22px;text-align:center;}
#confirmPopup .button_group{margin-top:30px;text-align:center;}
#confirmPopup .button_group span:first-child{margin-right:40px;}

@media only screen and (max-width:599px){
	#confirmPopup{min-width:auto;margin:0 16px;;padding:44px 16px 30px 16px;background:#FFF;border-radius:4px;position:relative;}
	#confirmPopup .button_group span:first-child{margin-right:20px;}
}
@media only screen and (max-width:374px){
	#confirmPopup .button_group span{display:block;}
	#confirmPopup .button_group span:first-child{margin-right:0px;margin-bottom:20px;}
}

/****************************************************************
 * appInitPopup
 ****************************************************************/
#appInitPopup{background:#FFF;width:100vw;height:100vh;overflow:hidden;}
#appInitPopup .app_init_wrap{position:relative;width:100%;height:100%;}
#appInitPopup .app_init_bg{position:absolute;z-index:0;width:100%;height:100%;}
#appInitPopup .app_init_bg .upper_bg{position:relative;width:100%;height:62%;background:linear-gradient(338deg, #3b69d8, #51acff);}
#appInitPopup .app_init_bg .diagonal_bg{position:absolute;width:0;height:0;bottom:38%;border-bottom:solid 90px #cde8ff;border-right:solid 100vw #cde8ff;border-left:solid 100vw transparent;}
#appInitPopup .app_init_bg .lower_bg{position:absolute;bottom:0;z-index:0;width:100%;height:38%;background:#cde8ff;}

#appInitPopup .close_button{position:absolute;z-index:20;top:40px;right:16px;line-height:18px;opacity:0.6;}

#appInitPopup .app_draggable_wrap{width:100vw;height:100vh;position:relative;z-index:5;text-align:center;}
#appInitPopup .app_draggable_wrap .app_draggable_handle{width:500vw;height:100vh;position:absolute;}
#appInitPopup .app_draggable_wrap .draggable_bg{display:inline-block;width:100vw;height:100vh;vertical-align:top;}
#appInitPopup .app_draggable_wrap .draggable_bg .title{line-height:47px;margin-top:13vh;}
#appInitPopup .app_draggable_wrap .draggable_bg .description{line-height:20px;margin-top:4%;}
#appInitPopup .app_draggable_wrap .draggable_bg .screenshot{width:100%;max-width:375px;margin:9% auto 0 auto;}
#appInitPopup .app_draggable_wrap .draggable_bg .screenshot img{width:100%;}

#appInitPopup .app_draggable_wrap .draggable_bg_1{background-image:url('/images/background/app_init_bg.jpg');background-size:cover;background-position:center center;}
#appInitPopup .app_draggable_wrap .draggable_bg_1 .title{line-height:50px;margin-top:23vh;}
#appInitPopup .app_draggable_wrap .draggable_bg_1 .logo{margin-top:24px;}
#appInitPopup .app_draggable_wrap .draggable_bg_1 .logo img{height:28px;}

#appInitPopup .bottom_button_wrap{position:absolute;z-index:20;bottom:40px;left:0;width:100%;text-align:center;}
#appInitPopup .bottom_button_wrap .page_dot .dot{width:6px;height:6px;background:#aed6f9;margin-right:8px;border-radius:3px;}
#appInitPopup .bottom_button_wrap .page_dot .dot:last-child{margin-right:0px;}
#appInitPopup .bottom_button_wrap .page_dot .dot.selected{background:#3f9dff;}
#appInitPopup .bottom_button_wrap .register_button{width:calc(100% - 32px);max-width:310px;margin:20px auto 0 auto;}
#appInitPopup .bottom_button_wrap .register_button span{width:100%;}
#appInitPopup .bottom_button_wrap .login_button{margin-top:22px;line-height:22px;}


/****************************************************************
 * syncHelpPopup
 ****************************************************************/
#syncHelpPopup{background:#FFF;padding:80px 0px;min-height:100vh;}
#syncHelpPopup .sync_privacy_help{text-align:center;position:relative;margin:0 auto;width:100%;max-width:960px;}
#syncHelpPopup .close_button{position:absolute;height:40px;top:-20px;right:0;cursor:pointer;}
#syncHelpPopup .title{line-height:38px;}
#syncHelpPopup .connect_content{width:600px;margin:18px auto 0 auto;padding-bottom:20px;}
#syncHelpPopup .connect_content .description{line-height:22px;}
#syncHelpPopup .connect_content .playstation_input{text-align:left;width:312px;margin:40px auto 0 auto;}
#syncHelpPopup .connect_content .playstation_input .n_input_text{width:100%;}
#syncHelpPopup .connect_content .button_wrap{margin:24px auto 0 auto;width:312px;}
#syncHelpPopup .connect_content .button_wrap button{width:100%;}
#syncHelpPopup .help_iframe{width:576px;height:466px;margin:40px auto 0 auto;background:#e5f3ff;background-image:url('/images/icon_v3/loading_spinner_gray.gif');background-repeat:no-repeat;background-position:center center;background-size:24px 24px;}
#syncHelpPopup .help_iframe iframe{width:100%;height:100%;}
#syncHelpPopup .help_content{width:600px;margin:20px auto 0 auto;}
#syncHelpPopup .help_content .subtitle{line-height:27px;}
#syncHelpPopup .help_content .description{line-height:22px;margin-top:9px;}
#syncHelpPopup .help_content .description span{display:inline;}
#syncHelpPopup .help_content .attention{line-height:22px;margin-top:4px;}
#syncHelpPopup .help_content .attention img{vertical-align:top;height:16px;margin:3px 4px 0 0;}
#syncHelpPopup .help_content .button_wrap{margin-top:32px;}
#syncHelpPopup .help_content .button_wrap .btn_r{width:312px;}
@media only screen and (max-width:599px) {	
	#syncHelpPopup{padding:60px 0;}
	#syncHelpPopup .close_button{height:36px;top:-40px;right:20px;}
	#syncHelpPopup .title{line-height:33px;font-size:22px;letter-spacing:-0.5px;}
	
	#syncHelpPopup .connect_content{width:100%;margin:0;padding:20px;}
	#syncHelpPopup .connect_content .description{line-height:20px;}
	#syncHelpPopup .connect_content .playstation_input{width:100%;max-width:312px;margin:36px auto 0 auto;}	
	#syncHelpPopup .connect_content .button_wrap{max-width:312px;width:100%;}
	
	#syncHelpPopup .help_iframe{width:calc(100% - 40px);height:calc(80vw - 15px);}
	#syncHelpPopup .help_content{width:100%;padding:0 20px;}	
	#syncHelpPopup .help_content .description{font-size:13px;}
	#syncHelpPopup .help_content .attention{font-size:13px;}
	#syncHelpPopup .help_content .button_wrap .btn_r{width:100%;max-width:312px;}
}

/****************************************************************
 * syncPopup
 ****************************************************************/
#syncPopup{background:#FFF;min-height:100vh;padding-top:40px;}
#syncPopup .sync_popup_wrap{width:100%;max-width:1000px;margin:0 auto;padding:0 20px;}
#syncPopup .sync_popup_wrap .close_button{text-align:right;}
#syncPopup .sync_popup_wrap .close_button img{height:40px;cursor:pointer;}
#syncPopup .sync_popup_wrap .title_image{text-align:center;}
#syncPopup .sync_popup_wrap .title_image .folder_image{height:49px;}
#syncPopup .sync_popup_wrap .title_image .arrow_image{height:10px;margin:20px 14px;}
#syncPopup .sync_popup_wrap .title{line-height:38px;text-align:center;margin-top:28px;}
#syncPopup .sync_popup_wrap .table_header{margin-top:60px;line-height:36px;padding-bottom:12px;border-bottom:solid 1px #EBEFF8;}
#syncPopup .sync_popup_wrap .table_header .toggle_all_button{margin-left:12px;cursor:pointer;}
#syncPopup .sync_popup_wrap .table_header .header_right{float:right;}
#syncPopup .sync_popup_wrap .table_header .refresh_button{margin-right:20px;cursor:pointer;}
#syncPopup .sync_popup_wrap .table_header .refresh_button img{height:22px;vertical-align:top;margin:7px 4px 0 0;}
#syncPopup .sync_popup_wrap .table_header .import_button{width:86px;}
#syncPopup .sync_popup_wrap .table_sub_header{margin-top:9px;line-height:36px;}
#syncPopup .sync_popup_wrap .table_sub_header .selectable_cnt{margin-left:6px;}
#syncPopup .sync_popup_wrap .table_sub_header .selectable_cnt.new_line{margin-left:0px;display:block;}
#syncPopup .sync_popup_wrap .table_sub_header .header_right{float:right;height:36px;}
#syncPopup .sync_popup_wrap .table_sub_header .input_select_box{margin-top:6px;}
#syncPopup .sync_popup_wrap .table_sub_header .input_select_box .select_option_wrap{width:140px;}
#syncPopup .sync_popup_wrap .table_sub_header .search_input_wrap_n{height:36px;margin-top:1px;}
#syncPopup .sync_popup_wrap .table_sub_header .search_input_wrap_n .search_icon{top:9px;}
#syncPopup .sync_popup_wrap .table_sub_header .search_input_wrap_n .search_input{line-height:36px;font-size:13px;height:36px;}
#syncPopup .sync_popup_wrap .table_sub_header .search_input_wrap_n .search_input::placeholder{line-height:36px;font-size:13px;}
#syncPopup .sync_popup_wrap .table_sub_header .divider{margin:10px 8px 0 4px;width:1px;height:16px;background:#ced8e5;vertical-align:top;}

#syncPopup .sync_popup_wrap .list_table{margin-top:16px;min-height:50vh;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item{width:100%;height:73px;border-bottom:solid 1px #EBEFF8;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item:last-child{border-bottom:none;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item .check_wrap{margin-right:24px;vertical-align:top;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item .checkmark{margin-top:27px;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item .game_image{vertical-align:top;margin:12px 12px 0 0;border-radius:8px;background-repeat:no-repeat;background-position:center center;background-color:#CED8E5;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item.steam_game_item .game_image{width:103px;height:48px;background-size:cover, 24px 24px;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item.playstation_game_item .game_image{width:87px;height:48px;background-size:cover;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item.xbox_game_item .game_image{width:85px;height:48px;background-size:cover;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item .game_name{line-height:22px;margin-top:25px;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item .badge{margin-left:4px;height:16px;line-height:16px;border-radius:2px;padding:0 4px;vertical-align:top;margin-top:28px;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item .right_info{float:right;line-height:22px;margin-top:25px;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item .sync_state{margin-right:12px;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item .sync_state img{height:20px;vertical-align:top;margin:1px 4px 0 0;}
#syncPopup .sync_popup_wrap .list_table .sync_game_item .play_time img{height:20px;vertical-align:top;margin:1px 6px 0 0;}

#syncPopup .sync_popup_wrap .table_page{margin-top:60px;height:240px;padding-bottom:200px;text-align:center;}


#syncPopup .sync_header{padding:0 16px;width:100%;height:44px;position:fixed;background:#FFF;top:0;left:0;z-index:5;}
#syncPopup .sync_header .close_button{position:absolute;top:9px;left:16px;}
#syncPopup .sync_header .close_button img{height:26px;}
#syncPopup .sync_header .title{height:44px;line-height:44px;width:100%;text-align:center;padding:0 60px;}
#syncPopup .sync_header .import_button{width:48px;position:absolute;right:16px;top:8px;}

@media only screen and (max-width:599px){
	#syncPopup{padding-top:45px;}
	#syncPopup .sync_popup_wrap{padding:0;}
	#syncPopup .sync_popup_wrap .table_header{padding:0;margin:0px 16px;line-height:46px;}
	
	#syncPopup .sync_popup_wrap .table_sub_header{margin-top:14px;line-height:22px;padding:0 16px;}
	#syncPopup .sync_popup_wrap .table_sub_header .header_right{float:right;height:22px;}
	#syncPopup .sync_popup_wrap .table_sub_header .refresh_button img{height:20px;vertical-align:top;margin-top:1px;}
	
	#syncPopup .sync_popup_wrap .mobile_table_sub_header{line-height:36px;height:36px;margin-top:10px;}
	#syncPopup .sync_popup_wrap .mobile_table_sub_header .sort_wrap{height:36px;}
	#syncPopup .sync_popup_wrap .mobile_table_sub_header .search_input_wrap_n.active_search .search_input{width:225px;}
	
	#syncPopup .sync_popup_wrap .list_table{margin-top:5px;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item{height:68px;padding:0 16px;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item .checkmark{margin-top:24px;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item .game_image{margin:16px 12px 0 0;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item.steam_game_item .game_image{width:77px;height:36px;background-size:cover, 24px 24px;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item.playstation_game_item .game_image{width:65px;height:36px;background-size:cover;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item.xbox_game_item .game_image{width:64px;height:36px;background-size:cover;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item .game_name_wrap{height:calc(100% - 24px);overflow:hidden;margin-top:12px;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item .game_name_table{display:table;width:100%;height:100%;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item .game_name{margin-top:0px;display:table-cell;vertical-align:middle;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item .badge{margin-top:3px;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item .right_info{margin-top:23px;}
	#syncPopup .sync_popup_wrap .list_table .sync_game_item .sync_state{margin-right:0px;}

	#syncPopup .sync_popup_wrap .table_page{margin-top:40px;height:100px;padding-bottom:60px;}
}

/****************************************************************
 * appBanner
 ****************************************************************/
#appBannerPopup{background:#E5F3FF;width:100vw;height:260px;}
#appBannerPopup .mobile_app_banner_wrap{position:relative;width:100%;height:100%;padding:30px 40px;text-align:center;}
#appBannerPopup .mobile_app_banner_wrap .close_button{position:absolute;padding:10px;top:0;right:0;height:36px;opacity:0.4;}
#appBannerPopup .mobile_app_banner_wrap .logo{width:64px;height:64px;margin:0 auto;background:#FFF;border-radius:16px;box-shadow:0 0 8px 6px rgba(105, 123, 150, 0.08);padding:15px;}
#appBannerPopup .mobile_app_banner_wrap .logo img{width:34px;height:34px;}
#appBannerPopup .mobile_app_banner_wrap .review_text{line-height:27px;margin-top:16px;}
#appBannerPopup .mobile_app_banner_wrap .review_star{line-height:17px;margin-top:8px;}
#appBannerPopup .mobile_app_banner_wrap .review_star img{height:16px;vertical-align:top;margin-top:1px;}
#appBannerPopup .mobile_app_banner_wrap .review_star img:nth-child(5){margin-right:4px;}
#appBannerPopup .mobile_app_banner_wrap .app_button{width:100%;margin-top:20px;}
#appBannerPopup .mobile_app_banner_wrap .app_button button{width:100%;max-width:295px;}


#loginHelpPopup{padding:0 20px 40px 20px;position:relative;width:calc(100vw - 32px);max-width:430px;min-height:486px;border-radius:13px;background:#3b69d8;opacity:0;animation:loginHelpStart 0.8s linear 1;animation-fill-mode: forwards;}
#loginHelpPopup .close_button{position:absolute;top:18px;right:20px;height:24px;cursor:pointer;}
#loginHelpPopup .help_title{line-height:36px;text-align:center;padding-top:60px;}
#loginHelpPopup .image_wrap{height:219px;margin-top:25px;margin-left:-20px;width:calc(100vw - 32px);max-width:430px;}
#loginHelpPopup .image_wrap img{width:100%;height:100%;object-fit:cover;}
#loginHelpPopup .button_wrap{margin-top:24px;}
#loginHelpPopup .button_wrap .btn_r{width:100%;border-width:2px;height:45px;line-height:41px;}
#loginHelpPopup .no_show_button{user-select:none;line-height:24px;opacity:0.6;position:absolute;left:50%;transform:translateX(-50%);bottom:-33px;cursor:pointer;text-decoration:underline;}
#loginHelpPopup .help_title_icon{padding-top:50px;text-align:center;}
#loginHelpPopup .help_title_icon img{height:72px;}
#loginHelpPopup .help_title2{line-height:36px;margin-top:20px;text-align:center;}
#loginHelpPopup .help_desc_wrap{width:100%;background:#FFF;border-radius:13px;margin-top:34px;padding:0px 24px;}
#loginHelpPopup .help_desc_item{position:relative;padding:20px 0;border-bottom:solid 1px #ced8e5;cursor:pointer;}
#loginHelpPopup .help_desc_item:last-child{border-bottom:none;}
#loginHelpPopup .help_desc_item .desc_title{line-height:20px;}
#loginHelpPopup .help_desc_item .desc_info{line-height:17px;margin-top:5px;}
#loginHelpPopup .help_desc_item img{position:absolute;height:20px;top:32px;right:0;}
#loginHelpPopup .login_help_2{padding-top:40px;}
#loginHelpPopup .login_help_3{padding-top:40px;}
#loginHelpPopup .back_button{position:absolute;top:18px;left:20px;line-height:24px;cursor:pointer;}
#loginHelpPopup .back_button img{height:24px;margin-right:4px;}
#loginHelpPopup .desc_image_wrap{width:100%;height:270px;position:relative;margin:20px 0;}
#loginHelpPopup .desc_image_wrap .desc_img_1{position:absolute;left:0;top:0;opacity:0;animation:loginHelpImg 0.8s linear 1;animation-fill-mode: forwards;}
#loginHelpPopup .desc_image_wrap .desc_img_2{position:absolute;right:0;bottom:0;opacity:0;animation:loginHelpImg 0.8s linear 1;animation-delay:1s;animation-fill-mode: forwards;}
#loginHelpPopup .desc_image_wrap .desc_img_2-1{height:249px;}
#loginHelpPopup .desc_image_wrap .desc_img_2-2{height:200px;}
#loginHelpPopup .desc_image_wrap .desc_img_3-1{height:235px;}
#loginHelpPopup .desc_image_wrap .desc_img_3-2{height:232px;}
#loginHelpPopup .desc_info_title{line-height:36px;text-align:center;}
#loginHelpPopup .desc_info_desc{line-height:22px;text-align:center;margin-top:8px;}
#loginHelpPopup .text_button_wrap{text-align:center;margin-top:16px;line-height:24px;}
#loginHelpPopup .text_button_wrap .go_recent_btn{text-decoration:underline;opacity:0.6;cursor:pointer;}
@keyframes loginHelpStart{
  0%{opacity:0;}
  100%{opacity:1;}
}
@keyframes loginHelpImg{
  0%{opacity:0;}
  100%{opacity:1;}
}
@media only screen and (max-width:599px){
	#loginHelpPopup .help_title{line-height:30px;font-size:22px;}
	#loginHelpPopup .help_title2{line-height:30px;font-size:22px;}
	#loginHelpPopup .desc_info_title{line-height:30px;font-size:22px;}
	
	#loginHelpPopup .help_desc_wrap{padding:0px 20px;}
	#loginHelpPopup .help_desc_item{padding:20px 24px 20px 0;}
	#loginHelpPopup .help_desc_item .desc_title{font-size:15px;}
	#loginHelpPopup .help_desc_item .desc_info{margin-top:4px;}
	
    #loginHelpPopup .desc_image_wrap{width: 300px;height:389px;margin:auto;}
	#loginHelpPopup .desc_image_wrap .desc_img_2-1{height:auto;width:100%;}
	#loginHelpPopup .desc_image_wrap .desc_img_2-2{height:auto;width:100%;}
	#loginHelpPopup .desc_image_wrap .desc_img_3-1{height:auto;width:100%;}
	#loginHelpPopup .desc_image_wrap .desc_img_3-2{height:auto;width:100%;}
}
@media only screen and (max-width:369px){
	
    #loginHelpPopup .desc_image_wrap{width:248px;height:323px;margin:auto;}
	
}