.gm {
    width: 1200px;
    margin: 0 auto
}

.gm_tit{
    width: 100%;
    display: flex;
    font-family: "Gmarket Sans";
    font-size: 32px;
    justify-content: center;
    color: #000;
    border-radius: 20px;
}
.gm_list{display: flex;justify-content: center;}
.gm ul{ margin-top:40px }
.gm ul li {
    transition: all .3s;
    display: inline-block;
    font-size: 18px;
    float: left;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    width: calc(100% / 3 - 20px);
    height: 370px;
    background: #ffffff;
    margin: 0px 10px;
    border-radius: 15px;
    color: #060606;
    padding: 0 0px;
    line-height: 28px;
    border: solid 1px #d3d1d1;
    overflow: hidden;
    }
	.gm ul li span{padding:0 15px;display: block;}
.gm ul li:before{content:'';display: inline-block;width: 100%;position: relative;height:65%; margin-bottom:20px}
.gm ul li:nth-child(1):before{background: url('/pages/basic/img/sub/gm_img1.jpg') center no-repeat;}
.gm ul li:nth-child(2):before{background: url('/pages/basic/img/sub/gm_img2.jpg') center no-repeat;}
.gm ul li:nth-child(3):before{background: url('/pages/basic/img/sub/gm_img3.jpg') center no-repeat;}


@media screen and (max-width:1200px){
.gm {width: 100%}

}

@media screen and (max-width:960px){
.gm ul li span {font-size: 16px;
        line-height: 22px;}
}

@media screen and (max-width:860px){
.gm_tit { font-size:24px; text-align: center;}
}
@media screen and (max-width:690px){
.gm_tit { font-size:18px; text-align: center;}
.gm ul li:before{content:'';display: inline-block;width: 100%;position: relative;height:55%; margin-bottom:10px}
}
@media screen and (max-width:540px){
.gm ul li {height: 200px;width: calc(100% - 7px); margin-bottom:15px}

}

@media screen and (max-width:440px){

}