section{
    padding : 50px 0;
}
section h2{
    font-family: 'GmarketSansMedium';
    margin-bottom : 50px;
}

.tab-wrap > ul > li{
    display : inline-block;
    width : 100px;
    height : 40px;
    padding : 10px 20px;
    line-height : 20px;
    border : 1px solid #999;
    color : #666;
    text-align : center;
    border-top-left-radius : 10px;
    border-top-right-radius : 10px;
}

.tab-wrap > ul > li:not(:first-child){
    margin-left : -5px;
}

.tab-wrap > ul > li.on{
    background-color : #FFE5B9;
}

.bibles-title{
    background-color : #ebe7e4;
    width : 200px;
    padding : 20px;
    overflow-y:scroll;
    height: 500px;
    border: 1px solid #ddd;
}

.bibles-title h3{
    margin-bottom : 10px;
    font-family: 'GmarketSansMedium';
    font-weight : 500;
    font-size: 1.15em;
    letter-spacing : -1px;
}

.bibles-title > ul > li{
    margin-bottom : 30px;
}

.bibles-title h3 + ul > li{
    margin-bottom : 6px;
}

.bibles-title h4{
    font-size : 1em;
}

.bibles-title::-webkit-scrollbar,
.bibles-content::-webkit-scrollbar{
    width: 6px;
}

.tab-menu-2::-webkit-scrollbar{
    height : 6px;
}
.bibles-title::-webkit-scrollbar-thumb,
.bibles-content::-webkit-scrollbar-thumb,
.tab-menu-2::-webkit-scrollbar-thumb  {
    background-color: #999;
    border-radius: 10px;
}
.bibles-title::-webkit-scrollbar-track,
.bibles-content::-webkit-scrollbar-track,
.tab-menu-2::-webkit-scrollbar-track {
    background-color: #bbb;
    border-radius: 10px;
}

.bibles-content{
    background-color : #efefef;
    flex: 1;
    padding : 20px;
    overflow-y:scroll;
    height: 500px;
    border: 1px solid #ddd;
}

.tab-wrap{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.tab-wrap .tab-menu-1{
    width : 200px;
}

.tab-wrap .tab-menu-2{
    flex : 1;
    overflow-x: scroll;
    white-space: nowrap;
    touch-action: pan-x;
}

.tab-wrap .tab-menu-2 li{
    width : 30px;
    padding: 0;
    line-height: 40px;
}

.tab-wrap + div{
    display : flex;
    align-items:center;
    justify-content : center;
    flex-wrap: wrap;
}

.n2{
    display:block;
}

.bibles-content h4{
    margin-bottom : 50px;
    font-weight : 400;
    font-family: 'GmarketSansMedium';
}

.bibles-content h5{
    font-size : 1em;
    margin-bottom : 14px;
    font-weight : 400;
    font-family: 'GmarketSansMedium';
}

.bibles-content > ul > li{
    margin-bottom : 50px;
}

.bibles-content > ul > li p{
    margin-bottom : 10px;
}

.bibles-wrap .tab-toggle{
    display : none;
}

@media screen and (max-width : 500px){
    .bibles-wrap {
        position : relative;
    }

    .bibles-wrap .tab-toggle{
        display : block;
        position: absolute;
        width: 13px;
        background-color: rgba(255,255,255,0.8);
        border: 1px solid #bbb;
        height: 150px;
        border-left: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        top: 70px;
    }

    .tab-wrap .tab-menu-1{
        margin-left : -200px;
        transition : margin-left 0.5s;
        -webkit-transition : margin-left 0.5s;
    }

    .bibles-title{
        margin-left : -200px;
        transition : margin-left 0.5s;
        -webkit-transition : margin-left 0.5s;
    }

    .tab-wrap .tab-menu-1.on{
        margin-left : 0;
    }

    .bibles-title.on{
        margin-left : 0;
    }
}