@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/jejugothic.css");
@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css");
@import url("http://fonts.googleapis.com/earlyaccess/kopubbatang.css");
@import url("http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic");


.co{

    background: url(/app/dubu_sourcecode/docs/imgs/1485244778_bg333.jpg) no-repeat center;
    background-size: cover;
    padding: 0px 0px;
    /* margin: 40px 0; */
}


.bs{
    position: relative;
    width: 30.3%;
    display: inline-block;
    height: 270px;
    border: 1px solid #727272;
    background:#fff;


    text-align: center;
    margin: 10px 10px;
    vertical-align:top;
}

.bs .tit{
    position: absolute;
    width: 30%;
    max-width: 146px;
    top: -35px;
    left: 78px;
}

.bs h6{
    font-size: 16px;
    font-weight: 600;
    color: #494949;
    margin-top: 10px;
    margin-bottom: 20px;
}

.bs h6 span{
    font-weight: 700;
    font-size: 21px;
}

.bs .pgimg{
    padding-bottom:15px;
    width:100%;
}

.bs b{

    font-size: 14px;
    color:#444444;
    padding: 0px;
    display:inline-block;
    line-height: 21px;
    text-align: center;
}
.bs b span{
  
    font-weight:600;
    font-size: 135x;
    color:red;
    padding: 0px;
    border-bottom:1px solid red;
    line-height: 21px;
    text-align: center;
}

/* pc중간크기 */
@media screen and (min-width:992px) and (max-width:1199px){
    .bs {
        width: 29%;
          height: 270px;
    }
    
    .bs .tit {
        left: 20%;
    }
}

/* tablet */
@media screen and (min-width:769px) and (max-width:991px){    
    .bs{   width:29%;
               height: 270px;
 
    }
    
    .bs {
    
    }
    
    .bs .tit {
  
    }
    
}

/* mobile */
@media screen and (max-width:768px){
.bs{
    position: relative;
    width: 45%;
    display: inline-block;
    height: 220px;
    border: 1px solid #727272;


    text-align: center;
    margin: 10px 5px;
    vertical-align:top;
}

.bs .tit{
    position: absolute;
    width: 30%;
    max-width: 146px;
    top: -35px;
    left: 78px;
}

.bs h6{
    font-size: 16px;
    font-weight: 600;
    color: #494949;
    margin-top: 10px;
    margin-bottom: 20px;
}

.bs h6 span{
    font-weight: 700;
    font-size: 15px;
}
}










.serv {
    background:url(/app/dubu_sourcecode/docs/imgs/1484036348_12345.jpg) no-repeat right 30px ;
    background-size:50% auto;
    padding:30px;
}


.serv .box_wrap {
    width:98%;
    margin:0 auto;
}

.serv .box_wrap p img {
    width:98%;
    margin:0 auto;
    padding-bottom:20px;
}



.serv ul {
    padding:5px;
    margin:20px 0;
    background:rgba(255,255,255,0.8);
}


.serv li > em {
    font-family:'Nanum Gothic';
    font-weight:600;
    color:#73adc8;
    margin-left:5px;
    display:block;
}
.serv h3 {
    font-family:'Noto Sans KR';
    font-weight:400;
    color:#435c04;
    font-size:15px;
    text-align:center;
    border:1px solid #435c04;
    padding:5px;
    letter-spacing:-1px;
    margin:20px 0;
    background:url(/app/dubu_sourcecode/docs/imgs/1452218493_info_img5.png) no-repeat left 2px;
    background-size:17px auto;
    padding-left:20px;
}

.serv h4 {
 font-family:'noto sans kr';
    font-weight:500;
    color:#5f8307;
    font-size:22px;
    letter-spacing:-1px;
    margin-top:5px;
    margin:30px 0 10px;
    padding-bottom:7px;
    background:url(/app/dubu_sourcecode/docs/imgs/1484808356_check11.gif) no-repeat left -1px;
    background-size:22px auto;
    padding-left:25px;
}
.serv h5 {
    font-family:'Noto Sans KR';
    font-weight:500;
    color:#333;
    font-size:17px;
    letter-spacing:-1px;
    padding-bottom:7px;
}

.serv p {
    font-family:'Nanum Gothic';
    
    color:#111;
    font-size:15px;
    letter-spacing:-1px;
    line-height:1.8;
    margin:10px 0;
    margin-left:15px;
}
.serv p em {
    margin-left:-15px;
    margin-right:3px;
}

/* serv_box */ 

.serv_box {

    overflow:hidden;
}
.serv_box p img{width:100%}
.serv_box ul li span{font-weight:600;
    color:#09bf89;

}


/*.info_2 */ 
.info_2 ul:after{content:"";
                 display:block;
                 clear:both;}

.info_2 ul { border: 4px solid #ed1c24; }
.info_2 li { margin-top:50px;}
.info_2 ul li span{font-size:17px;
                   font-weight:600;
                   color:#ed1c24;}
.info_2 img  {
    height:;
    float:left; 
    margin-top:-50px;
    margin-right:20px;  }




/*pre-set*/

.serv .w50 {
    width:50%;
}
.serv a {
    font-family:'Nanum Gothic';
    font-weight:400;
    color:#111;
    font-size:15px;
    letter-spacing:-1px;
    border:1px solid #59748e;
    border-radius:7px;
    position:relative;
    transition:0.4s ease;
    padding:5px 10px;
    margin-left:7px;
    margin-top:-4px;
    display:inline-block;
    vertical-align:middle;
}
.serv a:hover {
    box-shadow:0px 15px rgba(255,255,255,0.1) inset;
    background:#59748e;
    border:1px solid #bbb;
    font-weight:600;
    color:#fff;
    border:1px solid #59748e;
}
.serv .box {	
    position:relative;

}
.serv .close {
    position:absolute;
    right:20px;
    bottom:20px;
}
.serv .prc_img  {
    padding:25px;
    border:1px solid #ddd;
}


/* .st2*/

.serv .st2 ul {
    padding:0 10px;
    margin:0;
    margin-top:-20px;
    border:0px;
}
.serv .st2 li {
    padding:30px 0;
    color:#797979;
    border-bottom:1px solid #ddd;
}
.serv .st2 li:before {
    display:none;
}

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

/* mobile */
@media screen and (max-width:768px){
          .serv p {margin-left:0;}
      .serv li {margin-left:0;}
        .info_2{
     
    }
    .info_2 ul li span{font-size:17px;font-weight:600;color:#a5ce39;text-align:center;display:block;}

 
     .info_2 li {margin-top:0;
    overflow:hidden;
         padding:0;text-align:center;

} 
   
   .info_2 img {
     
  
        display:block;
        margin:0px auto;
        float:none;
    }
    
    
    
    
    
    
    
    
    #sub_title {
        display:block;
    }
    .serv {
        background-position:right top;
        background-size:185px auto;
        padding:20px 2%;
    }
    .serv h2 {
        border-bottom:1px dashed #ddd;    
        margin-bottom:0px;
        padding-bottom:40px;
        font-size:26px;
    }
    .serv h2 em {
        font-size:17px;
        padding-left:7px;
        display:block;
        margin-top:10px;
    }
    .serv h3 {
      

    }
    .serv h4 {
        font-size:17px;
    }
    .serv h5 {
        font-size:15px;
    }
    .serv p, .serv li {
        font-size:13px;
    }
    .serv ul, .serv .list_no ul {
        padding:10px;
    }
    .serv .box_wrap {
        width:92%;
        margin:0 auto;
    }

    .serv .w50 {
        width:100%;
    }


    /* serv_box */ 

    .serv .serv_box_left {
        width:100%;
        float:none;
        padding-right:0px;
        height:auto;
        margin-top:40px;
    }

    .serv .pl20 {
        padding-left:0;
    }

}