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

.gm_tit{
    width: 100%;
    height: 127px;
    display: flex;
    background: url("/pages/basic/img/sub/gmtit_bg.jpg") top center no-repeat;
    font-family: "Gmarket Sans";
    font-size: 32px;
    justify-content: center;
    padding-top: 15px;
    color: #fff;
}
.gm_list{display: flex;justify-content: center;}
.gm ul{ margin-top:40px }
.gm ul li {
    transition: all .3s;
    display: inline-block;
    font-size: 20px;
    float: left;
    text-align: center;
    position: relative;
    box-sizing: border-box;
    width: 245px;
    height: 245px;
    background: #e5d8c8;
    margin: 0px 20px;
    border-radius: 50%;
    color: #121212;
    padding: 0 20px;
    line-height: 28px;
    border: solid 1px #b7afa52b;
    }
.gm ul li:before{content:'';display: inline-block;width: 100%;position: relative;height: 111px;}
.gm ul li:nth-child(1):before{background: url('/pages/basic/img/sub/gm_icon1.png') center 40px no-repeat;}
.gm ul li:nth-child(2):before{background: url('/pages/basic/img/sub/gm_icon2.png') center 40px no-repeat;}
.gm ul li:nth-child(3):before{background: url('/pages/basic/img/sub/gm_icon3.png') center 40px no-repeat;}
.gm ul li:nth-child(4):before{background: url('/pages/basic/img/sub/gm_icon4.png') center 40px no-repeat;}


@media screen and (max-width:1200px){
.gm {width: 100%}
.gm ul li { width: 200px;height: 200px;  margin: 0px 13px;font-size:18px;line-height:22px}
.gm ul li:before{height:95px;}
}

@media screen and (max-width:960px){
.gm ul li { width:180px;height:180px;  margin: 0px 6px;font-size:16px;line-height:20px}
.gm ul li:nth-child(1):before{background: url('/pages/basic/img/sub/gm_icon1.png') center 20px no-repeat;}
.gm ul li:nth-child(2):before{background: url('/pages/basic/img/sub/gm_icon2.png') center 20px no-repeat;}
.gm ul li:nth-child(3):before{background: url('/pages/basic/img/sub/gm_icon3.png') center 20px no-repeat;}
.gm ul li:nth-child(4):before{background: url('/pages/basic/img/sub/gm_icon4.png') center 20px no-repeat;}
.gm ul li:before{height:75px;}
}

@media screen and (max-width:860px){
.gm ul li {border-radius: 15px;width: calc(50% - 27px);margin:15px 10px;height: 150px;padding: 0 25px;}
}
@media screen and (max-width:560px){
.gm_tit { font-size:24px;}

}

@media screen and (max-width:440px){
.gm ul li {height: 180px;}
}