@charset "utf-8";
/* 통계관련사이트 */
ul.site_ul.cboth {position:relative; width:1400px; height:auto; margin:0 auto; text-align:left;}
.site_ul li{display:inline-block; width:calc(100%/4 - 24px); margin:0px 10px 17px 10px; 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;}

/***************************** 미디어 쿼리 *****************************/
@media screen and (max-width:1445px) {
	ul.site_ul.cboth,
	.notice_list_wrap,
	.list_detail_wrap {width:calc(100% - 36px); margin:0px 18px;}
	ul.site_ul.cboth {text-align:left;}
	.site_ul li {width:calc(100%/3 - 24px);}

	.list_detail_wrap .detail_btn {margin-top:30px;}
}

@media screen and (max-width:1080px) {
	.site_ul li {width:calc(100%/2 - 24px);}
}

@media screen and (max-width:600px) {
	.site_ul li {width:calc(100% - 24px);}

	/* 검색창 */
	.list_search {width:100%; padding:0; background:none; border:0;}
	.list_search select {margin-right:0px; font-size:16px; width:80px;}
	.list_search .search_input_wrap {width:calc(100% - 109px); padding:14px; margin-left:-1px; margin-bottom:12px;}
	.list_search .search_input_wrap img {margin-right:10px;}
	.list_search .search_input_wrap input {width:calc(100% - 34px); font-size:16px;}
	.list_search button.search_btn {margin-left:0px; width:100%;}

	/* 목록 */
	.list_wrap .list ul.list_header {display:none;}
	.list_wrap .list ul.list_body li {border:1px solid #e4e7f1; margin-bottom:12px;}
	.list_wrap .list ul.list_body li:last-child {margin-bottom:0px;}
	.list_wrap .list ul.list_body li a {height:auto; display:inline-block; margin-bottom:-3px;}
	.list_wrap .list ul.list_body li.main_notice a .number {display:block; width:23px; height:21px; padding:0px; margin-left:15px;}
	.list_wrap .list ul.list_body li.main_notice a .title {width:calc(100% - 61px); padding:0 15px 0px 8px;}
	.list_wrap .list ul.list_body li.main_notice a .title p {line-height:1.4em;}
	.list_wrap .list ul.list_body li a .number {display:none;}
	.list_wrap .list ul.list_body li a .title {width:calc(100% - 68px); height:21px;}
	.list_wrap .list ul.list_body li a .date {width:calc(100% - 30px); text-align:right; margin-top:13px; font-weight:400;}
	#paging {margin:30px 0px 0px 0px;}
}

@media screen and (max-width:375px) {
	/* 상세 */
	.list_detail_wrap .detail_btn .detail_list {width:120px; margin:0px 12px;}
}