@charset "utf-8";
@charset "utf-8";

main .sub_title{background: url(/bigdata/resources/images/gjBoard/visual06.jpg) center no-repeat; background-size: cover;}

main .content{margin: 60px auto; width: 1200px;}
main .content .content_inner{position: relative; width: 100%;}

/* 통계관련사이트 */
.site_ul{position:relative; width:100%; height:auto; margin:0 auto; text-align:left; display: flex; flex-direction: row; flex-wrap: wrap;}
.site_ul li{display:inline-block; width:calc(100%/3 - 35px); margin:15px; border:1px solid #e4e4e4;border-radius:5px;background-color:#fff;}
.site_ul li:hover{border-color:#222;}
.site_ul li .site_logo{display:block;padding:35px 0;text-align:center;}
.site_ul li .site_logo img{width:190px;height:50px;}
.site_ul li .site_name{display:block;padding:15px;border-top:1px solid #e4e4e4;text-align:center;color:#000;}







/* 미디어쿼리 1239 */
@media (max-width: 1239px){

    main .content{width: calc(100% - 40px);}
    .site_ul li {width:calc(100%/3 - 25px); margin: 10px;}

}



/* 미디어쿼리 1023 */
@media (max-width: 1023px){

    .site_ul li {width:calc(100%/2 - 24px);}

}




/* 미디어쿼리 599 */
@media (max-width: 599px){

    main .content{margin: 40px auto;}

    .site_ul li {width:calc(100% - 24px);}

}




/* 미디어쿼리 449 */
@media (max-width: 449px){

    .site_ul li {width:100%; margin: 10px 0;}
}