/* 삼성 browser 확대/축소 방지  dblee.20180530*/
* {
    padding: 0;
    margin: 0;
    border: 0;
    touch-action: none;
}

/*  폰트 깨지는 현상으로 Entrix의 수정사항. 3.23.2016
@font-face{
	font-family: 'NanumGothicBold';
	src: url("../font/NanumGothicBold.ttf") format("truetype");
}
*/

/* Layout */
/* width, height 중복 선어 제거함  dblee.20180530*/
body {
    width: 100%;
    height: 100%;
    background: white;
    overflow: hidden;
    font-family: 'NanumGothicBold', 산세리프2;
    image-rendering: -webkit-optimize-contrast;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none;
    /*	background:url(../image/bg/intro_bg.jpg) no-repeat 0 0;  /* 20231115_dblee CrazyGame 포팅 - 배경이미지 깔음 */
    */
}

a {
    -webkit-user-select: none !important;
}

#TESTING {
    left: 392px;
    top: 0px;
    width: 1280px;
    height: 108px;
    position: absolute;
    /*	text-align : center;
	font-size : 40px;
	color : black;
	line-height : 50px;*/
    background: url(../image/facebook/title_prebetatest.png) no-repeat 0 0;
    background-position: 0px 0px;
}

#iframe_ga {
    left: 1279px;
    top: 719px;
    width: 1px;
    height: 1px;
    position: absolute;
}


#UserG_bg_map

/*  User Guide 배경화면*/
    {}

/*
div { overflow: hidden;}
*/
.button {
    /*	border-radius: 15px;*/
}


.effect {
    left: 100px;
    top: 100px;
    width: 20px;
    height: 10px;
    background-color: orange;
    margin: 5px;
    position: absolute;
}

/* 업그레이드, 충전하기 등 상위 메뉴의 제목 설정 */
.title {
    left: 481px;
    top: 70px;
    width: 318px;
    height: 39px;
    /*background: 'yellow';	*/
    /*opacity:'0.5';		*/
    line-height: 39px;
    font-size: 28px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    font-weight: bold;
    color: white;
    position: absolute;
}

/* 각 화면 아래의 back button에 관한 것 */
.back {
    left: 418px;
    top: 629px;
    width: 216px;
    height: 71px;
    color: white;
    background: url(../image/ui/0_common/co_leftbt.png) no-repeat 0 0;
    background-position: 0px 0px;
    line-height: 70px;
    font-size: 26px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    position: absolute
}

.back_icon {
    left: 445px;
    top: 641px;
    width: 46px;
    height: 51px;
    background: url(../image/ui/2_selectmap/sm_returnIcon.png) no-repeat 0 0;
    background-position: 0px 0px;
    position: absolute;
}

.back_text {
    left: 483px;
    top: 629px;
    width: 151px;
    height: 71px;
    color: white;
    line-height: 70px;
    font-size: 26px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    position: absolute;
}

.back_focus {
    left: 418px;
    top: 629px;
    width: 216px;
    height: 71px;
    background: url(../image/ui/0_common/co_leftbt_focus.png) no-repeat 0 0;
    background-position: 0px 0px;
    position: absolute;
}

/*게임시작과 같이 있는것이 아니라 back 하나만 있는경우 좌표 */
.back_center {
    left: 532px;
    top: 629px;
    width: 216px;
    height: 71px;
    color: white;
    background: url(../image/ui/0_common/co_leftbt.png) no-repeat 0 0;
    background-position: 0px 0px;
    line-height: 70px;
    font-size: 26px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    position: absolute
}

.back_icon_center {
    left: 559px;
    top: 641px;
    width: 46px;
    height: 51px;
    background: url(../image/ui/2_selectmap/sm_returnIcon.png) no-repeat 0 0;
    background-position: 0px 0px;
    position: absolute;
}

.back_text_center {
    left: 597px;
    top: 629px;
    width: 151px;
    height: 71px;
    color: white;
    line-height: 70px;
    font-size: 26px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    position: absolute;
}

.back_focus_center {
    left: 532px;
    top: 629px;
    width: 216px;
    height: 71px;
    background: url(../image/ui/0_common/co_leftbt_focus.png) no-repeat 0 0;
    background-position: 0px 0px;
    position: absolute;
}

.start_focus {
    left: 0px;
    /*646px;*/
    top: 0px;
    /*629px;*/
    width: 216px;
    height: 71px;
    background: url(../image/ui/0_common/co_rightbt_focus.png) no-repeat 0 0;
    background-position: 0px 0px;
    position: absolute;
}

.start {
    left: 646px;
    top: 629px;
    width: 216px;
    height: 71px;
    color: white;
    background: url(../image/ui/0_common/co_rightbt.png) no-repeat 0 0;
    background-position: 0px 0px;
    line-height: 70px;
    font-size: 26px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    position: absolute;
}

.start_text {
    left: 0px;
    top: 0px;
    width: 151px;
    height: 71px;
    color: white;
    line-height: 71px;
    font-size: 26px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    position: absolute;
}

.ranking_start_text {
    left: 0px;
    top: 0px;
    width: 151px;
    height: 71px;
    color: white;
    line-height: 71px;
    font-size: 20px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    position: absolute;
}

/* PVP대전 "대전시작" */
.rankingpvp_start_text {
    left: 0px;
    top: 0px;
    width: 151px;
    height: 71px;
    color: white;
    line-height: 71px;
    font-size: 26px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    position: absolute;
}

.start_icon {
    left: 143px;
    top: 12px;
    width: 46px;
    height: 51px;
    color: white;
    background: url(../image/ui/1_mainmenu/mm_startIcon.png) no-repeat 0 0;
    background-position: 0px 0px;
    position: absolute;
}

/* 레벨업 완료,캐릭터뽑기완료,업그레이드완료 화면 아래에 사용 하는 확인 버턴*/
.complete_ok {
    left: 532px;
    top: 629px;
    width: 216px;
    height: 71px;
    color: white;
    background: url(../image/ui/1_mainmenu/mm_mainbt.png) no-repeat 0 0;
    background-position: 0px 0px;
    line-height: 70px;
    font-size: 26px;
    text-align: center;
    text-shadow: 1px 1px 1px black;
    position: absolute;
}



/* Sparkling을 위해 */
/*
.sparkle {
	position:absolute;
}
.small-sparkle1 {
	-webkit-transform:scale(0.7);
	transform:scale(0.7);
}
.small-sparkle2 {
	-webkit-transform:scale(0.6);
	transform:scale(0.6);
}
*/

/* 결제 내역 */
.tg {
    border-collapse: collapse;
    border-spacing: 0;
}

.tg th {
    font-size: 25px;
    font-weight: normal;
    height: 38px;
    /*padding: 1px 10px;*/
    /*border-style:solid;*/
    /*border-width:1px;*/
    overflow: hidden;
    word-break: normal;
    color: #fee4aa;
    text-shadow: 1px 1px 1px black;
}

.tg td {
    font-size: 20px;
    height: 42px;
    /*padding: 10px 0px;*/
    /*border-style:solid;*/
    /*border-width:1px;*/
    overflow: hidden;
    word-break: normal;
    color: #fee4aa;
}

.tg .tg-bhth {
    text-align: center;
    vertical-align: center
}

.tg .tg-bhtd {
    text-align: center;
    vertical-align: center
}

/* loading bar animation을 위해 */
.loader {
    display: none;
    margin: 100px auto;
    font-size: 25px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}

@keyframes load5 {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
    }
}


#S_LOGO_div {
    display: none
}

#S_SYNOPSIS_div {
    display: none
}

#S_GONGJI_div {
    display: none
}

#S_ATTENDANCE_div {
    display: none
}

#S_MAINMENU_div {
    display: none
}

#S_USERGUIDE_div {
    display: none
}

#S_SELECTMAP_div {
    display: none
}

#S_SELECTSTAGE_div {
    display: none
}

#S_RANKING_div {
    display: none
}

#S_MEDALPOWER_div {
    display: none
}

#S_MAKETEAM_div {
    display: none
}

#S_CLEVELUP_div {
    display: none
}

#S_CLEVELUP_COMPLETE_div {
    display: none
}

#S_EVOLUTION_COMPLETE_div {
    display: none
}

#S_UPGRADE_div {
    display: none
}

#S_UPGRADE_COMPLETE_div {
    display: none
}

#S_GACHA_div {
    display: none
}

#S_GACHA_COMPLETE_div {
    display: none
}

#S_MARKETSTORE_div {
    display: none
}

#S_GACHARESULT_div {
    display: none
}

#S_GAME_div {
    display: none
}

#S_STAGECLEAR_div {
    display: none
}

#S_STAGEFAIL_div {
    display: none
}

#S_POPUPQUIT_div {
    display: none
}

#S_SETTING_div {
    display: none
}

#S_PAYMENT_CNM_div {
    display: none
}

/*20170704_yhlee  도감 추가로 인하여 추가합니다. 20191118_chkim*/
#S_CHARBOOK_ALLY_div {
    display: none
}

#S_CHARBOOK_ALLY_POPUP_div {
    display: none
}

#S_CHARBOOK_ENEMY_div {
    display: none
}

/* 게이지 바, 기본은 안보이게 */
#Img_GA_our_team {
    display: none
}

#Img_GA_your_team {
    display: none
}