/*main css 시작*/
.dvgroup{
    width:75%;
    float:left;
}
div.dv1{
    width:100%;
    height:650px;
    float:left;
}
div.dv1>.st1{
    height:100%;
    background-image: url(../img/mainBg.png);
    background-position: center;
    background-size: cover;
}

div.dv1>.st1>.textGroup{
    width:540px;
    margin-left:20%;
    padding-top:130px;
}
div.dv1>.st1>.textGroup>em{
    height:60px;
    display: block;
    font-size:1.500em;
    color:#fff;
    text-shadow: 2px 2px #151515;
    font-weight:bold;
    line-height: 40px;
}
div.dv1>.st1>.textGroup>.aline{
    padding-left:200px;
}
div.dv1>.st1>.textGroup>em>span{
    font-size:1.750em;
    text-decoration: underline;
}
div.dv1>.st1>.textGroup>p{
    font-size:3.750em;
    color:#fff;
    text-shadow: 3px 3px #151515;
    font-weight:bold;
    padding:18px 0 0 320px;
}
div.dv2{
    width:100%;
    float:left;
}
div.dv2>.st2{
    width:100%;
    height:310px;
    background-image: url(../img/div2Bg.png);
    background-position: center;
    background-size: cover;
}
div.dv2>.st2>.atGroup{
    width:880px;
    margin:0 0 0 40px;
    padding-top:40px;
}
div.dv2>.st2>.atGroup>.article{
    width:250px;
    height:240px;
    float:left;
    margin-left:20px;
    color: white;
}
div.dv2>.st2>.atGroup>.at1{
    border-bottom:1px solid white;
    }
div.dv2>.st2>.atGroup>.at1>h2{
    font-size:1.500em;
    padding:20px 0 0 20px;
    color:#fff;
}
div.dv2>.st2>.atGroup>.at2{
    background-image: url(../img/img01.png);
    margin-left:60px;
}
div.dv2>.st2>.atGroup>.at3{
    background-image: url(../img/img02.png);
}
div.Mfooter{display: none;}
@media all and (max-width:1200px){
    .dvgroup{
        width:80%;
    }
    div.dv1{
        width:100%;
        height:640px;
        float:left;
    }
    div.dv2{
        width:100%;
    }
}
@media all and (max-width:1100px){
    body{overflow-x: hidden;}
    .dvgroup{
        width:100%;
    }
    div.dv1{
        width:100%;
        position: static;
    }
    div.dv1>.st1{
        width:100%;
        background-image: url(../img/mainBg.png);
        background-position: center;
        background-size: cover;
        float:left;
    }

    div.dv1>.st1>.textGroup{
        width:400px;
        margin:0 auto;
        padding-top:130px;
        text-align: center;
    }
    div.dv1>.st1>.textGroup>em{
        height:60px;
        display: block;
        font-size:1.500em;
        color:#fff;
        text-shadow: 2px 2px #151515;
        font-weight:bold;
        line-height: 40px;
    }
    div.dv1>.st1>.textGroup>.aline{
        padding-left:0;
    }
    div.dv1>.st1>.textGroup>em>span{
        font-size:1.750em;
        text-decoration: underline;
    }
    div.dv1>.st1>.textGroup>p{
        font-size:3.750em;
        color:#fff;
        text-shadow: 3px 3px #151515;
        font-weight:bold;
        padding:18px 0 0 0;
    }
    div.dv2{
        width:100%;
        float:left;
    }
    div.dv2>.st2{
        width:100%;
        height:auto;
        background-image: none;
        float:left;
        background-color: #2c2c2c;
    }
    div.dv2>.st2>.atGroup{
        width:100%;
        height:auto;
    }
    div.dv2>.st2>.atGroup>.article{
        width:250px;
        height:240px;
        float:left;
        margin-left:20px;
    }
    div.dv2>.st2>.atGroup>.at2{
        background-image: url(../img/img01.png);
        margin-left:60px;
    }
    div.dv2>.st2>.atGroup>.at3{
        background-image: url(../img/img02.png);
    }

}

@media all and (max-width:885px){
    div.dv2>.st2>.atGroup>.at3{
        margin-top:40px;
    }
}
@media all and (max-width:612px){
    div.dv2>.st2>.atGroup{
        width:250px;
        margin:0 auto;
    }
    div.dv2>.st2>.atGroup>.article{
        margin:40px auto;
    }
    div.Mfooter{
        width:100%;
        height:40px;
        background-color: #13232c;
        float:left;
        color:#fff;
        line-height:40px;
        text-align: center;
        font-size:0.875em;
        display: block;
    }
}