@charset "utf-8";
/* CSS Document */

/* 电脑板 */
@media screen and (min-width: 1025px) {


    /* content */
    .head {position: relative; top: 0; left: 50%; margin-left: -50%; width: 100%;}
    .head img{width: 100%;}
    .cont {width: 1100px; margin: 0 auto;}
    .tab {margin: 50px 0; height: 70px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; text-align: center;}
    .tab a{display: inline-block; height: 70px; font: 16px/68px 'MS Serif'; color: #8c8c8c; margin: 0 26px;}
    .tab a.v{color: #333; border-top: 1px solid #333; border-bottom: 1px solid #333; margin-top: -1px;}
    .tab a:hover{color: #333; border-top: 1px solid #333; border-bottom: 1px solid #333; margin-top: -1px;}
    .s03_list {width: 100%; overflow: hidden;}
    .s03_list ul{width: 120%; margin-bottom: 140px;}
    .s03_list ul li{float: left; width: 351px; margin: 0 23px 25px 0;}
    .s03_list ul li a{display: block; height: 485px; background: #fff; padding: 7px;}
    .s03_list ul li a img{width: 100%; height: 355px;}
    .s03_list ul li a .name{font: bold 23px/26px 'NanumGothic'; color: #000; padding: 20px 0 0 18px;}
    .s03_list ul li a .post{font: bold 16px/26px 'NanumGothic'; color: #333; padding: 10px 0 0 18px;}
    .s03_list ul li a .join{font: bold 16px/26px 'NanumGothic'; color: #333; padding: 0 0 0 18px;}
    .s03_list ul li a .info{position: absolute; width: 1100px; padding: 0 40px; font: bold 16px/24px 'NanumGothic'; color: #7f7f7f; visibility: hidden;}

    .s03_list ul .view{position: relative; width: 1100px; height: 0; background: #fff; padding: 0 40px; margin: 0; overflow: hidden; transition: .5s;}
    .s03_list ul .view .close{position: absolute; top: 40px; right: 40px; cursor: pointer;}
    .s03_list ul .view .pop_name{font: bold 35px/40px 'NanumGothic'; color: #000;}
    .s03_list ul .view .pop_post{font: bold 16px/26px 'NanumGothic'; color: #7f7f7f; padding-top: 10px;}
    .s03_list ul .view .pop_join{font: bold 16px/24px 'NanumGothic'; color: #7f7f7f;}
    .s03_list ul .view .pop_info{font: bold 16px/24px 'NanumGothic'; color: #7f7f7f; padding-top: 30px;}

}

/* 小电脑 */
@media screen and (max-width: 1600px) {
}

/* 手机版 */
@media screen and (max-width: 1024px) {

    /* content */
    .head {position: relative; top: 0; left: 50%; margin-left: -960px; width: 1920px;}
    .cont {width: 100%; padding: 0 1rem;}
    .tab {margin: 2rem 0; text-align: center;}
    .tab a{display: inline-block; height: 4rem; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font: 1rem/4rem 'MS Serif'; color: #8c8c8c; margin: .5rem 1rem;}
    .tab a.v{color: #333; border-top: 1px solid #333; border-bottom: 1px solid #333; margin-top: -1px;}
    .tab a:hover{color: #333; border-top: 1px solid #333; border-bottom: 1px solid #333; margin-top: -1px;}
    .s03_list {width: 100%; overflow: hidden;}
    .s03_list ul{width: 100%; margin-bottom: 6rem;}
    .s03_list ul li{width: 100%; margin: 0 0 1rem 0;}
    .s03_list ul li a{position: relative; display: block; background: #fff; padding: .35rem;}
    .s03_list ul li a img{width: 100%;}
    .s03_list ul li a .name{font: bold 1.6rem/2.2rem 'NanumGothic'; color: #000; padding: 1.2rem 0 0 1.1rem;}
    .s03_list ul li a .post{font: bold 1rem/1.4rem 'NanumGothic'; color: #333; padding: .5rem 0 0 1.1rem;}
    .s03_list ul li a .join{font: bold 1rem/1.4rem 'NanumGothic'; color: #333; padding: 0 0 1rem 1.1rem;}
    .s03_list ul li a .info{position: absolute; width: 100%; padding: 0 2rem; font: bold 1rem/1.4rem 'NanumGothic'; color: #7f7f7f; visibility: hidden;}

    .s03_list ul .view{position: relative; width: 100%; height: 0; background: #fff; padding: 0 2rem; margin: 0; overflow: hidden; transition: .5s;}
    .s03_list ul .view .close{position: absolute; top: 2rem; right: 2rem; cursor: pointer;}
    .s03_list ul .view .pop_name{font: bold 1.6rem/2.2rem 'NanumGothic'; color: #000;}
    .s03_list ul .view .pop_post{font: bold 1rem/1.4rem 'NanumGothic'; color: #7f7f7f; padding-top: .5rem;}
    .s03_list ul .view .pop_join{font: bold 1rem/1.4rem 'NanumGothic'; color: #7f7f7f;}
    .s03_list ul .view .pop_info{font: bold 1rem/1.4rem 'NanumGothic'; color: #7f7f7f; padding-top: 1.5rem;}

}