@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");

#sub_title {
    display:none;
}

.bus {
    padding:30px 0px 50px 20px;
}
/* top */
.bus .top {
    border:0px solid #008fe1;
    box-shadow:1px 1px 6px rgba(0,0,0,0.2);
    padding:30px;
    background:url(/app/dubu_sourcecode/docs/imgs/1459304490_bus_img8.png) no-repeat;
    background-size:100% auto;
}
.bus .top h2{
    font-family:'Noto Sans KR';
    font-size:30px;
    color:#0d4290;
    font-weight:600;
    letter-spacing:-1px;
    margin-bottom:10px;
}
.bus .top p{
    font-family:'Noto Sans KR';
    font-size:15px;
    color:#767676;
    letter-spacing:-0.7px;
    border-bottom:20px;
    font-weight:400;
    width:60%;
}
.bus .top p em {
    font-family:'Noto Sans KR';
    color:#558cc4;
}
/*bus_box*/
.bus .bus_box {
    margin:60px 30px;
}
.bus .bus_box h3 {
     font-family:'Noto Sans KR';
    font-size:25px;
    color:#008fe1;
    font-weight:600;
    letter-spacing:-1px;
    margin-bottom:17px
}
.bus .bus_box h3 em {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 30px;
    color: #fff;
    font-family: 'Nanum Gothic';
    font-weight: 600;
    background: #008fe1;
    text-align: center;
    letter-spacing: -2px;
    padding-top: 1px;
    box-shadow: 18px 0px rgba(255,255,255,0.2) inset;
}
.bus .bus_box ul {

}
.bus .bus_box li {
    font-family:'Noto Sans KR';
    font-size:15px;
    color:#5d5d5d;
    letter-spacing:-0.7px;
    border-bottom:20px;
    font-weight:400;
    margin:7px 0;
    margin-left:18px;
}
.bus .bus_box li:before {
    content:'';
    width:5px;
    height:5px;
    border-radius:50%;
    display:inline-block;
    vertical-align:middle;
    background:#008fe1;
    margin-right:7px;
    margin-top:-3px;
    margin-left:-13px;
}
.bus .bus_box p {
    font-family:'Noto Sans KR';
    font-size:15px;
    color:#5d5d5d;
    letter-spacing:-0.7px;
    border-bottom:20px;
    font-weight:400;
}



/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
}

/* mobile */
@media screen and (max-width:768px){
    #sub_title {
        display:block;
    }
    .bus {
        padding:20px 5%;
    }

    /* top */
    .bus .top {
        border:4px solid #008fe1;
        padding:24px;
        background:none;
    }
    .bus .top h2{
        font-size:20px;
    }
    .bus .top p {
        width:100%;
        font-size:13px;
    }
    /*bus_box*/
    .bus .bus_box {
        margin:30px 5px;
    }
    .bus .bus_box h3 {
        font-size:19px; 
    }
    .bus .bus_box h3 em {
        display:inline-block;
        width:35px;
        height:35px;
        font-size:27px;
        letter-spacing:-1px;
        padding-top:8px;
    }
}