@charset "utf-8";

/* 사이드 메뉴 */
.main_mmatch { margin-top: 15px; background: #fafafa; }
.row_mmatch { display: flex; justify-content: flex-start; background: #fff; }
.mmatch { width: 200px; }

/* 협회대회 리스트 */
.match { width: calc(100% - 200px); }
.match h2 { width: 100%; }

.match_infor { width: 100%; padding-top: 0px; padding-bottom: 0; }
.match_infor .div_search { display: flex; justify-content: flex-start; width: 60%; height: 40px; line-height: 40px; margin: 10px 0 0 20px; }
.match_infor .div_search select { height: 37px; line-height: 29px; margin-right: 2px; }
.match_infor .div_search button { width: 100px; line-height: 38px; margin-left: 3px; }
.div_list_title { margin: 10px 5px 0 5px; }
.div_list_title ul { display: flex; border-top: 1px solid #777; border-bottom: 1px solid #777; background: #f8f8f8; height: 40px; line-height: 40px; }
.div_list_title li.content_gname { text-align: center; }
.div_list_contents { margin: 0 5px 10px 5px; }
.div_list_contents ul { display: flex; border-bottom: 1px solid #ddd; height: 50px; line-height: 40px; }
.div_list_contents a:last-child ul { border-bottom: 1px solid #777; }
.div_list_contents .nodata { text-align: center; margin: 15px 0; color: red; font-weight: bold; }
.div_list_wrap li.content_no { text-align: center; width: 70px; }
.div_list_wrap li.content_gterm { width: 145px; }
.div_list_wrap li.content_clsdt { width: 120px; }
.div_list_wrap li.content_clsdt em { color: #fd4871; margin-left: 3px; padding: 0px 4px 3px; border: 1px solid #fd4871; border-radius: 3px; }
.div_list_wrap li.content_atnum { text-align: center; width: 143px; }
.div_list_wrap li.content_no.content_no_gong span { background: steelblue; color: #fff; padding: 0 3px 3px; border-radius: 3px; }
/*.div_list_wrap li.content_gname { width: calc(100% - 70px - 70px - 70px - 90px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/
.div_list_wrap li.content_gname { display: flex; width: calc(100% - 70px - 145px - 120px - 143px); }
.div_list_wrap li.content_gname > em { display: inline-block; color: #fff; min-width: 62px; height: 27px; line-height: 25px; margin: 8px 3px 0 0; padding: 0px 3px; border-radius: 3px; text-align: center; }
.div_list_wrap li.content_gname > em.finish { background: #555; }
.div_list_wrap li.content_gname > em.expected { background: #7ac943; }
.div_list_wrap li.content_gname > em.accept { background: #3fa9f5; }
.div_list_wrap li.content_gname > em.complete { background: #ff931e; }
.div_list_wrap li.content_gname > em.draw { background: #ff7bac; }
.div_list_wrap li.content_gname > em.going { background: #ff1d25; }
.div_list_wrap li.content_gname > em.holding { background: #bf8330; }
.div_list_wrap li.content_gname > strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.div_list_wrap li.content_gname > i { font-size: 20px; height: 20px; line-height: inherit; padding: 1px 0 0; color: #065fd4; }
.div_list_wrap li.content_gname > span { color: #ef4120; }
.div_list_wrap li.content_gname > span.gname_new { height: 18px; line-height: 18px; background: #ed1c20; color: #fff; padding: 0 3px; border-radius: 5px; font-weight: normal; font-size: 12px; margin: 12px 0 0 3px; }
.div_list_title li.content_gname strong { padding-left: 71px; }
.div_list_contents li.content_gterm .gterm_pc { display: block; }
.div_list_contents li.content_gterm .gterm_mobile { display: none; }
.div_list_contents li.content_gterm.terms { text-align: left; padding-top: 4px; width: 145px; line-height: 20px; }

.pager_wrap { text-align: center; }
.pager_wrap a { text-align: center; }
.pager_wrap .pager_a { display: inline-block; min-width: 30px; height: 30px; font-size: 17px; box-sizing: border-box; border: 1px solid #ebebeb; border-radius: 4px; margin: 0 2px;}
.pager_wrap .pager_num_a.on { color: #fff; background: #065fd4; border: 1px solid #065fd4; }
.pager_wrap .pager_first_a { position: relative; }
.pager_wrap .pager_first_a:before { content: ''; position: absolute; top: 6px; display: inline-block; width: 2px; height: 17px; background: #000; }
.pager_wrap .pager_first_a:hover:before { background: #2698cb; }
.pager_wrap .pager_last_a { position: relative; }
.pager_wrap .pager_last_a:after { content: ''; position: absolute; top: 6px; right: 5px; display: inline-block; width: 2px; height: 17px; background: #000; }
.pager_wrap .pager_last_a:hover:after { background: #2698cb; }

/*.div_bottom_btn { margin-top: 10px; }*/
.div_bottom_btn { margin: 10px 5px 0 5px; }

/* 미디어쿼리 */
@media (max-width: 1180px) {
	.div_list_wrap ul { position: relative; line-height: 27px; }
	.div_list_wrap li.content_gterm { position: absolute; top: 20px; left: 141px; min-width: 260px; margin-right: 5px; }
	.div_list_wrap li.content_gname { display: flex; width: calc(100% - 70px - 90px - 90px); }
	.div_list_wrap li.content_gname > em { margin-top: 4px; }
	.div_list_wrap li.content_gname > span.gname_new { margin-top: 5px; }
	.div_list_wrap li.content_clsdt { position: relative; width: 90px; text-align: center; }
	.div_list_wrap li.content_clsdt > em { position: absolute; right: 20px; bottom: 4px; width: 40px; line-height: 18px; }
	.div_list_wrap li.content_atnum { position: relative; width: 80px; text-align: right; }
	.div_list_wrap li.content_atnum > span { position: absolute; right: 0px; bottom: 4px; }
	.div_list_wrap li.content_atnum > span.nolimit { right: 0px; }

	.div_list_title ul { line-height: 20px; }
	.div_list_title li.content_gterm { top: 20px; }
	.div_list_contents li.content_no.content_no_gong { line-height: 32px; }
}