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


/* business */
.business {
    width:95%;
    margin:20px auto;
}

/* top */
.business .top {
    margin-bottom:40px;
    padding:30px 0;
    background:url(/app/dubu_sourcecode/docs/imgs/1445217284_info_img.png) no-repeat right;
    background-size:150px auto;
    border-bottom:1px dotted #bbb;
}

.business .top h2 {
    font-size:25px;
    font-weight:700;
    padding-top:20px;
    color:#0e75b7;
    font-family:'Noto Sans Kr';
}

.business .top p {
    font-size:24px;
    font-weight:700;
    color:#555;
    font-family:'Noto Sans Kr';
}

/* biz_box */
.biz_box {
    margin-bottom:40px;
}
.biz_box img{
      margin-bottom: 30px;
    width: 100%;
    max-width: 750px;
}

.biz_box h3 {
    font-family:'Nanum Gothic';
    font-size:17px;
    padding-left:25px;
    background:url(/app/dubu_sourcecode/docs/imgs/1509353602_info_img.png) no-repeat left top;
    background-size:20px auto;
    font-weight:700;
    letter-spacing:-1px;
}

/* ul */

.biz_box ul {

}

.biz_box ul li {
    font-family:'Nanum Gothic';
    font-size:14px;
    padding:10px;
    margin:10px;
    font-weight:700;
    width:28%;
    display:inline-block;
    background:-webkit-linear-gradient(top, #efefef, #fff, #efefef);
    border:1px solid #dedede;
    border-radius:8px;
}

/* dl */

.biz_box dl {
    margin-top:20px;
}



.biz_box dl dt {
    font-size: 20px;
    padding: 10px;
    background: url(/app/dubu_sourcecode/docs/imgs/1445233674_info_img5.png) #79bee2;
    width: 100%;
    border-radius: 20px;
    font-weight: 600;
    position: relative;
    color: rgba(0,0,0,0.7);
    display: inline-block;
}

.biz_box dl dt.c1 {
    background:url(/app/dubu_sourcecode/docs/imgs/1445233674_info_img5.png) #87d1d6 ;
}

.biz_box dl dt.c2 {
    background:url(/app/dubu_sourcecode/docs/imgs/1445233674_info_img5.png) #7cd5b1 ;
}


.biz_box dl dt em {
    font-family:'Nanum Gothic';
    font-size:22px;
    background:rgba(255,255,255,0.7);
    width:30px;
    height:30px;
    border-radius:20px;
    display:inline-block;
    vertical-align:middle;
    text-align:center;
    margin-right:10px;
    color:#555;
    line-height:1.2;
    border:2px solid #fff;
}
.biz_box dl dd{
    font-size: 15px;
    color: #666;
    margin: 10px 0;
}

/* call */
.business .call {
    border:5px solid #eee;
    border-radius:10px;
    margin:0 auto 50px;
    padding:30px;
    text-align:center;
}

.business .call h5 {
    font-family:'Nanum Gothic';
    font-size:30px;
    color:#595959;
    font-weight:900;
    margin-bottom:10px;
    letter-spacing:-1px;
}

.business .call h5 em {
    font-family:'Nanum Gothic';
    color:#16a380;
    font-weight:900;
}

.business .call p {
    font-family:'Nanum Pen Script';
    font-size:25px;
    color:#0e75b7;
    font-weight:normal;
    display:inline-block;
}

.business .call .num {
    font-family:'Nanum Gothic';
    font-size:30px;
    color:#000;
    font-weight:900;
    margin-top:20px;
    padding-top:10px;
    line-height:2.3;
    border-top:1px dotted #aaa;
    letter-spacing:-1px;
}

.vision_wrap{
    margin: 20px 0 50px;
}

.intro_title{
    padding:20px 0;
    background:url(/app/dubu_sourcecode/docs/imgs/1500530465_1462515591_bus_icon01.png) right center no-repeat;
    background-size:17% auto;
    margin-bottom:30px;
}
.intro_title p:first-child{
    font-size:15px;
    font-weight:bold;
    margin-bottom:10px;
    color:#888;
}
.intro_title p:first-child .t_color{
    color:#066db0;
}
.intro_title p:last-child{
    font-size:28px;
    font-weight:bold;
    line-height:1.4em;
    color:#595454;
}
.intro_title p:last-child .t_block{
    color:#0893e4;
}
.vision_title{
    margin-bottom:60px;
}
.vision_title,
.vision_wrap ul{
    overflow:hidden;
}
.vision_title p:first-child:before{
    display:inline-block;
    content:'';
    width:12px;
    height:12px;
    border-radius:50%;
    vertical-align:middle;
    border:3px solid #4CB2ED;
}
.vision_title p{
    float:left;
    font-size:21px;
    font-weight:bold;
    color:#7A7979;
}
.vision_title p:last-child{
    color:#415E90;
}
.vision_title p span{
    display:block;
    font-weight:normal;
    margin:5px 20px 0 0;
    font-size:12px;
    color:#959595;
}
.vision_title p:first-child span{
    padding-left:20px;
}

.vision_wrap .com_mean{
    text-align:center;
    margin-bottom:30px;
    font-size:25px;
    font-weight:bold;
    color:#4E83C9;
}
.vision_wrap .com_mean span{
    display:block;
    font-size:13px;
    color:#999;
    font-weight:normal;
}

.vision_wrap ul li{
    float:left;
    width:20%;
}

.vision_wrap ul li p{
    display:table;
    width:140px;
    height:140px;
    border-radius:50%;
    background:#fff;
    margin:0 auto;
    text-align:center;
    color:#646464;
}
.vision_wrap ul li:nth-child(1) p, .vision_wrap ul li:nth-child(3) p, .vision_wrap ul li:nth-child(5) p{
    border:8px solid #0d96d4;
}
.vision_wrap ul li:nth-child(2) p, .vision_wrap ul li:nth-child(4) p{
    border:8px solid #1ab375;
}


.vision_wrap ul li p .table_cell{
    display:table-cell;
    vertical-align:middle;
    font-size:18px;
    line-height:1.5em;
    font-weight:bold;
}
.vision_wrap ul li p .t_orange{
    display:block;
    color:#f8941c;
    font-size:15px;
}


/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .vision_wrap ul li p{
        width: 120px;
        height: 120px;
    }
}

/* mobile */
@media screen and (max-width:768px){
    .business {
        width:98%;
    }
    .business .top {
        background:none;
        display:none;
    }
    .biz_box ul li {
        width:100%;
        margin:10px 0;
    }


    .vision_title{
        margin-bottom:30px;
    }
    .vision_title p:first-child{
        display:none;
    }

    .vision_title p{
        float:none;
        font-size:17px;
        text-align:center;
        background:#3397CE;
        border:1px solid #226184;
        border-radius:5px;
        padding:15px 0;
    }
    .vision_title p:last-child{
        color:#fff;
    }
    .vision_title p span{
        color:#fff;
    }
    .intro_title{
        padding:0 0;
        background:none;
        text-align:center;
    }
    .intro_title p:last-child{
        font-size:23px;
    }
    .intro_title p:last-child .t_block{
        display:block;
    }

    .vision_wrap ul li{
        width: 50%;
        margin-bottom: 20px;
    }
    .vision_wrap ul li:last-child{
        margin-bottom:0;
    }
      .vision_wrap ul li p{
        width: 120px;
        height: 120px;
    }






}