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


#content {
    background:url(/app/dubu_sourcecode/docs/imgs/1467076305_info_img01.jpg) no-repeat left top;
    width:calc(100% - 527px);
    position:relative;
    overflow:hidden;
    height:1150px;
    padding:0;
}
#sub_area {
    height:1150px;
}
#sub_title {
    opacity:0 !important;
    display:none;
}
.info {
    position:relative;
    z-index:100;
    padding-top:100px;
    min-height:1113px;
    padding-left:20px;
}
.info h2 {
    font-family:'Noto Sans KR';
    font-size:33px;
    letter-spacing:-1.5px;
    color:#fff;
    font-weight:700;
    margin-bottom:20px;
}
.info h2 em{
    color:#43ceec;
}
.info p, .info p b {
    font-family:'Noto Sans KR';
    font-size:17px;
    letter-spacing:-1px;
    color:#fff;
    font-weight:300;
    line-height:1.7;
    margin:20px 0;
}
.info p b  {
    display:block;
    margin:0;
}
.info img {
    position:fixed;
    right:80px;
    bottom:80px;
}

.bg {
    position:absolute;
    left:-20px;
    top:0;
    width:160%;
    height:100%;
    margin-left:-103px;
    background-color:#025269;
    opacity:0.6;
    z-index:0;
}

/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    #content {
        width: calc(100% - 287px);
    }
}

/* mobile */
@media screen and (max-width:768px){

    #content  {
        width:100%;
        left:0;
        height:auto;
        background-size:auto 120%;
    }
    #sub_title {
        opacity:1;
        display:block;
        position:relative;
        z-index:300;
    }
    #sub_area {
        height:auto;
    }
    .info {
        padding:20px 7% 70px;
        min-height:0;
    }
    .info p, .info p b {
        font-size:15px;
    }
    .info p b { 
        display:inline;
    }
    .info img {
        position:static;
        width:90px;
        margin-top:10px;
    }
}