.mission_content_wrap .new_btn03,
.mission_content_wrap .new_btn04,
.mission_content_wrap .new_btn02{
    width: 80px;
    height: 40px;
}


.daily_mission_wrap .title_text{
    float: none;
    display: inline-block;
    vertical-align: middle;
}

.mission_gray_title{
    font-size: 14px;
    color: #999;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
}

.counsel img{
    vertical-align: middle;
    margin: 0 8px 0 4px;
    cursor: pointer;
    width: 16px;
}

.mission_reward{
    display: flex;
    align-items: center;
    justify-content: center;
}

.mission_reward div{
    display: flex;
    align-items: center;
    justify-content: center;
}


.mission_reward span{
    line-height: 0;
    /*margin-left: 8px;*/
}



.mission_reward p{
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
}

.mission_header .mission_reward .today_reward_txt,
.mission_bonus_wrap .mission_reward>p{
    margin-right: 8px;
}

.mission_header .mission_reward{
    border: 1px solid #EDEDED;
    border-radius: 25px;
    padding: 4px 12px;
    display: inline-flex;
    align-items: center;
}

.mission_header .mission_reward div:nth-child(2){
    /*margin-right: 8px;*/
}

.today_reward_txt{
    color: #767676;
    /*margin-right: 0px;*/
}

.reward_ticket{
    color: #29CC96;
    margin-left: 4px;
    display: inline-block;
    font-weight: 400;
}

.reward_point{
    color: #4294FF;
    margin-left: 4px;
    display: inline-block;
    font-weight: 400;
}

.reward_point.disable_txt,
.reward_ticket.disable_txt{
    color: #999999;
}

.mission_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title_explain{
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}

.mission_content_wrap {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
}
.daily_mission_wrap .border_item{
    padding: 24px;
    text-align: center;
    width: calc(100%/3 - 13.5px);
    margin-right: 20px;
    margin-bottom: 20px;
}

.daily_mission_wrap .border_item:nth-of-type(3n){
    margin-right: 0;
}

.mission_title{
    font-size: 17px;
    font-weight: 700;
    color: #111;
    margin: 12px 0 8px 0;
}

.mission_state{
    color: #999;
    font-size: 14px;
}

.gradation_txt{
    background: var(--gradient-mission-gradient, linear-gradient(90deg, #68A4FF 0.05%, #5FCEF1 98.77%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 16px;
}

.gradation_txt.disable_txt{
    -webkit-text-fill-color: initial;
    background: none;
    color: #BBB;
}

.mission_bar_bg{
    position: relative;
    width: 100%;
    background: #E8E9F0;
    height: 8px;
    border-radius: 10px;
    margin-top: 8px;
    overflow: hidden;
}

.mission_bar_bg.disable_bar{
    background: #BBB;
}

.bar_item{
    position: absolute;
    left: 0;
    top: 0;
    height: 8px;
    width: 100%;
    background: url("/assets/images/tokenpost_new/mission/bar.svg")left center no-repeat;
    background-size: cover;
    border-radius: 10px;
}

.mission_content{
    border-radius: 10px;
    border: 1px solid #EDEDED;
    padding: 16px;
    margin: 20px auto;
}

.bonus_name{
    font-size: 15px;
    color: #767676;
    text-align: center;
    letter-spacing: -0.375px;
}
.daily_mission_wrap .border_item .new_btn04{
    cursor: initial;
}

.mission_bonus_wrap{
    border-radius: 10px;
    border: 1px solid #EDEDED;
    padding: 16px 0;
    margin-top: 16px;
    text-align: center;
}

.mission_bonus_wrap .bonus_name{
    margin-bottom: 0;
}
.bonus_name span{
    background: var(--gradient-mission-gradient, linear-gradient(90deg, #68A4FF 0.05%, #5FCEF1 98.77%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: bold;
    margin: 0 5px;
}

.mission_bonus_wrap .mission_reward>p{
    color: #797979;
}


.diamond_txt{
    background: var(--tier-diamond-diamond-gradient, linear-gradient(135deg, #A0E1FF 13.27%, #47B1F0 73.35%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 4px;
}

.gold_txt{
    background: var(--tier-gold-light-gold-gradient, linear-gradient(180deg, #FFD78A 0%, #B58528 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 4px;
}

.master_txt{
    background: var(--tier-master-master-gradient, linear-gradient(135deg, #DF9FFF 13.61%, #8D61B8 73.45%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 4px;
}

.platinum_txt{
    background: var(--tier-platiium-platinum-gradient, linear-gradient(174deg, #8AE5E5 4.57%, #0CC 95.43%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-left: 4px;
}


.mission_login_item{
    text-align: center;
    color: #767676;
    letter-spacing: -0.375px;
    font-size: 15px;
}

.mission_login_item p{
    display: inline-block;
}

.mission_login_item .new_btn02{
    width: 70px;
    padding: 8px 0;
    margin-left: 12px;
}



/*완료 팝업*/
.modal_mission_complete,
.modal_mission_ad{
    max-width:340px;
    width: 90%;
    text-align: center;
}

.modal_mission_complete .border_item{
    width: 100%;
}

.modal_wrap .complete_title{
    font-size: 15px;
    color: #767676;
}

.modal_wrap .btn_wrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.modal_mission_complete .new_btn02 img{
    vertical-align: middle;
    margin-right: 9px;
}


.modal_mission_complete .new_btn02{
    position: relative;
}

.example-right {
    width: max-content;
    position: absolute;
    padding: 5px 12px;
    margin: 0;
    color: #4294FF;
    background: #E6F1FF;
    border-radius: 40px;
    top: -45px;
    right: 3px;
}


.firecracker_wrap,
.modal_mission_complete .btn_wrap{
    position: relative;
}

.firecracker_img{
    width: 100%;
    max-width: 200px;
}

.firecracker_mission_icon{
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50% , 0);
    width: 80px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right+p {
    margin: 15px 0 2em 85px;
    font-style: italic;
}

/* creates the triangle */
.example-right:after {
    content: "";
    position: absolute;
    bottom: -8px;
    right: 18px;
    border-width: 0px 0px 8px 8px;
    border-style: solid;
    border-color: transparent #E6F1FF;
    display: block;
    width: 0;;
}

.modal_mission_complete .btn_wrap{
    margin-top: 32px;
    letter-spacing: -0.4px;
}


.modal_mission_ad{
    max-width: 340px;
    text-align: center;
}


.modal_mission_ad .mission_content{
    height: auto;
}

.modal_mission_ad .modal_content{
    padding-top: 30px;
}

.modal_mission_complete .modal_close{
   position: absolute;
    right: 24px;
    top: 24px;
    cursor: pointer;
    float: none;
    z-index: 5;
}

.modal_wrap .modal_close img{
    display: inline-block;
    width: 18px;
    vertical-align: middle;
}




.modal_mission_complete .mission_bonus_wrap{
    border: 0;
    border-top: 1px dashed #EDEDED;
    padding-bottom: 0;
    border-radius: 0;
}



/*반응형*/
@media all and (max-width: 1399px) {
    .daily_mission_wrap .border_item{
        width: calc(100%/2 - 10.5px);
    }

    .daily_mission_wrap .border_item:nth-of-type(3n) {
        margin-right: auto;
    }

    .daily_mission_wrap .border_item:nth-of-type(2n) {
        margin-right: 0;
    }
}