.detail{
    font-weight : 700;
    font-size : 1.4em;
    text-align : center;
    line-height: 1.6em;
    letter-spacing : -1px;
    position : relative;
}

.oneday-onebible-wrap .detail:before{
    content : '';
    display : block;
    width : 100%;
    height : 100%;
    background-color : rgba(0,0,0,0.3);
    position : absolute;
    top : 0;
    left : 0;
}

.oneday-onebible-wrap .detail{
    background-image : url('/images/main/onebible.jpg');
    background-position : center;
    background-repeat : no-repeat;
    background-size : cover;
    color : #fff;
    display : flex;
    align-items : center;
    justify-content : center;
    flex-direction : column;
    max-width: 1200px;
    min-height : 300px;
}


.brand-story-wrap .detail:before{
    content : '';
    display : block;
    background-image : url('/images/main/brand-story.jpg');
    background-size : cover;
    background-position : right top;
    background-repeat : no-repeat;
    width : 100%;
    height : 400px;
}

.brand-story-wrap .detail > div{
    background-color : #ebe7e4;
    width : 100%;
    height : 300px;
    display : flex;
    align-items: center;
    justify-content: center;
    flex-wrap : wrap;
}

.brand-story-wrap .detail > div > p > span{
    background-color : #e2de55;
}

.app-download-wrap .detail > div{
    display : flex;
    align-items: center;
    justify-content: center;
}

.app-download-wrap .detail > div .app-logo{
    border-radius : 20px;
    border : 1px solid #ddd;
    overflow:hidden;
    margin-right : 50px;
}

.app-download-wrap .detail > div .android{
    margin-bottom : 10px;
}

.detail > p{
    z-index : 1;
}

.bible-position{
    margin-top : 30px;
}

.btn-wrap{
    margin : 30px 0;
    text-align:center;
}

.btn-wrap > a:before{
    background-color : #000;
    width : 0;
    height : 100%;
    transition : 0.2s;
    content : '';
    display : block;
    position : absolute;
    top : 0;
    left : 0;
}

.btn-wrap > a:hover:before{
    width : 100%;
}

.btn-wrap > a{
    border : 1px solid;
    font-family: 'GmarketSansMedium';
    padding : 10px 30px 10px 20px;
    display : inline-block;
    width : auto;
    transition : 0.2s;
    position : relative;
    height : 40px;
    line-height: 20px;
}

.btn-wrap > a > span{
    color : #000;
    position : relative;
    transition : 0.2s;
}

.btn-wrap > a:hover > span{
    color : #fff;
}

.btn-wrap > a:after{
    background-image : url('/images/icons/chevron-right.svg');
    background-size : 20px;
    background-position : center;
    background-repeat : no-repeat;
    content : '';
    display: block;
    width: 20px;
    height : 100%;
    color : #000;
    position : absolute;
    top : 0;
    right : 5px;
}

.btn-wrap > a:hover:after{
    background-image : url('/images/icons/chevron-right-white.svg');
}

@media screen and (max-width : 768px){
    .app-download-wrap .detail > div{
        flex-direction: column;
    }

    .app-download-wrap .detail > div .app-logo{
        margin-right : 0;
    }
}