@charset "utf-8";

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

/* 협회대회 리스트 */
.match { position: relative; width: calc(100% - 200px); }
.match h2 { width: 100%; }
.match_apply .match_apply_btn { display: block; position: absolute; top: 300px; right: 3%; z-index: 99; width: 40px; height: 40px; line-height: 18px; color: #fff; background: #3fa9f5; border-radius: 100%; border: 1px solid #3fa9f5; padding: 5px; text-align: center; }
.match_apply .match_apply_btn.match_list_btn { background: orange; border: 1px solid orange;}
.select_club .select_club_btn { display: block; position: absolute; top: 243px; right: 3%; z-index: 99; width: 40px; height: 40px; line-height: 18px; color: #fff; background: orange; border-radius: 100%; border: 1px solid orange; padding: 5px; text-align: center; }
.select_club .select_club_btn.select_blue_btn { background: #3fa9f5; border: 1px solid #3fa9f5; }

textarea { resize: none; }
.nodata { text-align: center; margin: 15px 0; color: red; font-weight: bold; font-size: 18px; }
.game500 { text-align: center; margin: 15px 0; color: blue; font-weight: bold; font-size: 18px; }
.game600 { text-align: center; margin: 15px 0; color: #bf8330; font-weight: bold; font-size: 18px; }
.game900 { text-align: center; margin: 15px 0; color: black; font-weight: bold; font-size: 18px; }
.match_infor { width: 99%; padding: 0 15px; }
.match_infor strong { font-weight: 500; }
.match_infor form > div { margin: 10px 0; }
.match_infor form h3 { font-size: 18px; font-weight: bold; padding: 0 0px 10px 10px; }
.div_gname { border-bottom: 1px solid #ddd; }
.div_gname em { display: inline-block; color: #fff; min-width: 62px; height: 27px; line-height: 25px; font-weight: 600; padding: 0px 3px 1px; border-radius: 3px; text-align: center; }
.div_gname em.finish { background: #555; }
.div_gname em.expected { background: #7ac943; }
.div_gname em.accept { background: #3fa9f5; }
.div_gname em.complete { background: #ff931e; }
.div_gname em.draw { background: #ff7bac; }
.div_gname em.going { background: #ff1d25; }
.div_gname em.holding { background: #bf8330; }

.div_names, .div_files, .div_gline { display: flex; flex-wrap: wrap; padding-left: 10px; padding-right: 10px; }
.div_names > div { padding-right: 15px; }
.div_names ul { flex: none; margin-left: auto; }
.div_names ul a { width: 70px; line-height: inherit; border: 1px solid green; color: green; }
.div_files ul { display: flex; flex-wrap: wrap; }
.div_files li { padding-left: 10px; padding-right: 10px; }
.div_files li i { font-size: 20px; color: #065fd4; vertical-align: middle; }
.div_files li span { margin-left: -5px; }

/*.div_minfo dl, .div_minfo dt, .div_minfo dd { display: inline-block; }*/
.div_minfo { border: 1px solid #000; border-bottom: none; }
.div_minfo dl { display: flex; min-height: 36px; line-height: 20px; border-bottom: 1px solid #000; }
.div_minfo dt, .div_minfo dd { padding-top: 7px; padding-bottom: 9px; }
.div_minfo dt { width: 17%; text-align: center; background: #f2f2f2; font-weight: 600; }
.div_minfo dd { width: 83%; padding-left: 5px; border-left: 1px solid #000; }
.div_minfo .div_mdate, .div_minfo .div_attea { display: flex; }
.div_minfo .div_mdate dl, .div_minfo .div_attea dl { width: 50%; }
.div_minfo .div_mdate dt, .div_minfo .div_attea dt { width: 34%; margin-right: 2px; }
.div_minfo .div_mdate dd, .div_minfo .div_attea dd { width: 66%; }
.div_minfo .div_mdate dl:first-child dd, .div_minfo .div_attea dl:first-child dd { border-right: 1px solid #000; }
.div_minfo .div_mdate em { color: #fd4871; margin-left: 3px; padding: 0px 4px 3px; border: 1px solid #fd4871; border-radius: 5px; }
/*.div_minfo .div_mgloc div { display: inline-block; }*/
.div_minfo .div_mgloc div ~ div { margin-top: 3px; }
/*.div_minfo .div_mgloc p { display: none; }*/
.div_minfo .div_mgloc a { display: inline-block; position: relative; width: 43px; border: 1px solid #065fd4; border-radius: 5px; padding: 0 2px 2px; }
.div_minfo .div_mgloc i { position: absolute; top: 3px; left: -1px; color: #065fd4; font-size: 18px; font-weight: 500; vertical-align: bottom; }
.div_minfo .div_mgloc span { color: #065fd4; font-weight: 600; margin-left: 12px; }

.div_mcbar ul { display: flex; justify-content: center; flex-wrap: wrap; }
.div_mcbar li { width: calc(100% / 7); text-align: center; }
.div_mcbar li a { display: block; color: #222; background: #f2f2f2; padding: 5px 0 8px 0; }
.div_mcbar li a.on, .div_mcbar li a:hover { color: #fff; background: #0066ff; }

.div_gline { display: block; border-top: 1px solid #ddd; padding-top: 10px; }
.div_gline iframe { max-width: 100%; }
.div_gline img { max-width: 100%; height: auto; }
.div_gline .table-bordered { border-collapse: collapse; border-spacing: 0; width: 100%; }
.div_gline .table-bordered,
.div_gline .table-bordered th,
.div_gline .table-bordered td { border: 1px solid #222; }

/*
.div_event table, .div_gtime table { border-collapse:collapse; border-spacing:0; width:100%; }
.div_event tr, .div_gtime tr { height: 36px; }
.div_event thead tr, .div_gtime thead tr,
.div_event tr:nth-child(even), .div_gtime tr:nth-child(even) { background-color: #f2f2f2; }
.div_event th, .div_event td, .div_gtime th, .div_gtime td { text-align: center; border: 1px solid #000; }
.div_gtime td p { font-size: 18px; }
*/
.div_event .event_evtnm_pc { display: block; }
.div_event .event_evtnm_mobile { display: none; }

.div_mctxt table { border-collapse:collapse; border-spacing:0; width:100%; }
.div_mctxt tr { height: 36px; }
.div_mctxt thead tr,
.div_mctxt tr:nth-child(even) { background-color: #f2f2f2; }
.div_mctxt th, .div_mctxt td { text-align: center; border: 1px solid #000; }
.div_gtime th { background: bisque; }
.div_gtime td p { font-size: 18px; }
.pdraw_list tr.vert_col_jo th { background: honeydew; border: 1px solid #000; }
.pdraw_list tr.vert_col_plnam td { border: none; border-left: 1px solid #000; border-right: 1px solid #000; }
.pdraw_list tr:last-child.vert_col_plnam td { border-bottom: 1px solid #000; }

/*.div_mebar { margin-bottom: 10px; }*/
.div_mebar ul { display: flex; justify-content: center; flex-wrap: wrap; }
.div_mebar li { min-width: 100px; text-align: center; }
.div_mebar li a { display: block; color: #222; background: #f2f2f2; padding: 5px 0 8px 0; border-radius: 10px; }
.div_mebar li a.on, .div_mebar li a:hover { color: #fff; background: #0066ff; }

.entry_list > p { color: #0066ff; }
.tr_sub_entry thead tr { background: honeydew; }
.tr_sub_entry tbody tr { background: blanchedalmond; }

.div_pdbar { margin-bottom: 10px; }
.div_pdbar ul { display: flex; justify-content: center; flex-wrap: wrap; }
.div_pdbar li { min-width: 100px; text-align: center; }
.div_pdbar li a { display: block; color: #222; background: #f2f2f2; padding: 5px 0 8px 0; border-radius: 10px; }
.div_pdbar li a.on, .div_pdbar li a:hover { color: #fff; background: #0066ff; }

.div_pdbtn { margin-bottom: 10px; }
.div_pdbtn ul { display: flex; justify-content: center; flex-wrap: wrap; }
.div_pdbtn li { min-width: 75px; text-align: center; }
.div_pdbtn li a { display: block; color: #222; background: #f2f2f2; padding: 5px 0 8px 0; border-radius: 10px; }
.div_pdbtn li a.on, .div_pdbtn li a:hover { color: #fff; background: #4caf50; }

.div_gpbar { margin-bottom: 10px; }
.div_gpbar ul { display: flex; justify-content: center; flex-wrap: wrap; }
.div_gpbar li { min-width: 100px; text-align: center; }
.div_gpbar li a { display: block; color: #222; background: #f2f2f2; padding: 5px 0 8px 0; border-radius: 10px; }
.div_gpbar li a.on, .div_gpbar li a:hover { color: #fff; background: #0066ff; }

.gproc_list .prbtn, .gproc_list .mabtn { min-width: 60px; text-align: center; }
.gproc_list a { display: block; color: #fff; background: #4caf50; padding: 5px 0 8px 0; }
.gproc_list .mabtn a { background: #ff931e; }
.gproc_list .gpsts.sts3 { color: blue; font-weight: 600; }
.gproc_list .gpsts.sts5 { color: red; font-weight: 600; }
.gproc_list .td_prerk p { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 5px; }
.gproc_list .td_prerk p em { flex-basis: 100%; }
.gproc_list .td_prerk .prerk { color: #fff; background: #4830bf; min-width: 40px; height: 26px; border-radius: 5px; }
.gproc_list .td_prerk .prerk.prrk0 { display: none; }
.gproc_list .td_prerk .prerk.prrk1 { background: #ff1d25; }
.gproc_list .td_prerk .prerk.prrk2 { background: #3fa9f5; }
.gproc_list .td_prerk .prerk.prrk3 { background: #7ac943; }
.gproc_list .td_prerk .prerk.prrk4 { background: #ff931e; }
.gproc_list .td_prerk .prerk.prrk5 { background: #ff7bac; }
.gproc_list .td_prerk .prerk.prrk999 { background: #bf8330; }
.gproc_list .sub_gproc_infor p { color: #0066ff; margin-top: -2px; padding-left: 5px; border-left: 1px solid #000; border-right: 1px solid #000; }
.gproc_list tr.vert_col_jo th { background: honeydew; border: 1px solid #000; }
.gproc_list tr.vert_col_plnam td { border: none; border-left: 1px solid #000; border-right: 1px solid #000; }
.gproc_list tr:last-child.vert_col_plnam td { border-bottom: 1px solid #000; }
.gproc_list tr.vert_col_plnam td p { justify-content: space-around; }
.tr_sub_gproc th { border: none; }
.sub_gproc_chart { border: 1px solid #000; }

.div_rsbar { margin-bottom: 10px; }
.div_rsbar ul { display: flex; justify-content: center; flex-wrap: wrap; }
.div_rsbar li { min-width: 100px; text-align: center; }
.div_rsbar li a { display: block; color: #222; background: #f2f2f2; padding: 5px 0 8px 0; border-radius: 10px; }
.div_rsbar li a.on, .div_rsbar li a:hover { color: #fff; background: #0066ff; }

.spprt_list { margin-top: 10px; }

.posbase .pname div { min-width: 100px; line-height: 105%; padding: 5px 0; text-align: center; background: #D8E5F8; border: 1px solid #000; }

.sub_gproc_close_bt { text-align: center; border: 1px solid #000; }

/* 첨부파일 이미지로 표시 */
.attach_files_img { padding-left: 10px; padding-right: 10px; }
.attach_files_img .attach_img_file img { max-width: 100%; height: auto; }

.div_bottom_btn { margin-bottom: 20px; }
.div_bottom_btn ul { display: flex; justify-content: center; }
.div_bottom_btn li { width: 40%; margin-left: 3px; }
.div_bottom_btn li:last-child a { border: 1px solid green; color: green; text-decoration-line: none; }
.div_bottom_btn .form_btn_blue { width: 100%; }

.div_cmwrt { padding-left: 10px; padding-right: 10px; }
.div_cmcctbtn { display: flex; justify-content: right; position: relative; }
.div_cmcct { flex: 3; }
.div_cmcct textarea { height: 100px; text-indent: 0; padding: 0 10px; }
.div_cmbtn { margin-left: 26px; }
.div_cmbtn .form_btn_blue { height: 100%; padding: 0 10px; }
.div_cmbtn .comment_write_login { line-height: 97px; }

.div_comm_lists { margin-top: 10px; }
.div_comm_item { border-bottom: 1px solid #ddd; padding-bottom: 5px; padding-left: 15px; }
.div_comm_child { margin-top: 5px; padding-left: 15px; border-top: 1px solid #ddd; }
.div_comm_wrtdt { display: flex; }
.div_comm_wrt { width: 100px; }
.div_comm_wrtdt { color: #888; }
.div_comm_contt { display: flex; flex-wrap: wrap; align-items: flex-end; }
.div_comm_contt strong { font-weight: 400; }
.div_comm_item_btn { display: inline; }
.div_comm_item_btn a { color: #065fd4; border: 1px solid #065fd4; border-radius: 5px; margin-right: -2px; padding: 0 5px; }
.div_comm_item_btn a:first-child { margin-left: 10px;  }
.div_comm_contt_modify,
.div_comm_contt_write { display: flex; justify-content: right; position: relative; margin-top: 5px; }

.div_prev_next { margin: 15px 0; }
.div_prev_next i { font-size: 22px; color: #065fd4; }
.div_prev_next span { color: #065fd4; }
.div_prev_next span, .div_prev_next strong { vertical-align: 3px; }
.div_prev_next a { display: inline-block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.div_prev_next a:hover.no_prev_next { color: #222; }
.div_prev_next strong.notfound { font-style: italic; font-weight: normal; color: #777; }

/* 미디어쿼리 */
@media (max-width: 1180px) {
	/*
	.div_minfo .div_mdate, .div_minfo .div_attea { display: block; }
	.div_minfo .div_mdate dl, .div_minfo .div_attea dl { width: 100%; }
	.div_minfo .div_mdate dt, .div_minfo .div_attea dt { width: 17%; }
	.div_minfo .div_mdate dd, .div_minfo .div_attea dd { width: 83%; margin-left: -2px; }
	.div_minfo .div_mdate dl:first-child dd, .div_minfo .div_attea dl:first-child dd { border-right: none; }
	*/
	.div_minfo .div_mdate { display: block; }
	.div_minfo .div_mdate dl { width: 100%; }
	.div_minfo .div_mdate dt { width: 17%; }
	.div_minfo .div_mdate dd { width: 83%; margin-left: -2px; }
	.div_minfo .div_mdate dl:first-child dd { border-right: none; }
}