@charset "utf-8";

table { border-collapse: collapse; border-spacing: 0; }
table tr th, table tr td { text-align: center; font-size: 17px; 
	/* white-space: nowrap; */
}

/* 공통 빈칸 */
table tr.blank_space { background-color:#f5f5f5; }
table tr td.blank_space_ch { width: 100%; text-align: center; height: 100px; line-height: 100px; }

.tableStyle_1 { width: 100%; table-layout: fixed; }
.tableStyle_1 tr,.tableStyle_1 tr th,.tableStyle_1 tr td { vertical-align: middle; }
.tableStyle_1 tr { border-bottom: 1px solid #ddd; }
.tableStyle_1 tr.row_group { border-bottom: 0; }
.tableStyle_1 tr td { padding: 20px 0; }
.tableStyle_1 .first_line { height: 45px; line-height: 45px; border-bottom: 1px solid #aaa; font-weight: 500; }

.tableStyle_1 thead .first_line th:nth-child(1) { /*width: 15%;* }
.tableStyle_1 thead .first_line th:nth-child(2) { /*width: 70%;*/ text-align: left; padding-left: 20px; }
.tableStyle_1 thead .first_line th:nth-child(3) { /*width: 15%;*/ }
.tableStyle_1 tr td:nth-child(2) { padding: 20px; text-align: left; }
.detailContents { text-align: left; }

.tableStyle_1 tr td.editWrap { vertical-align: bottom; }

/* 행사목록 */
.tableStyle_1.myevent_view_page .posterImg img { width: 100%; height: 100%; object-fit: contain; }

@media all and (max-width: 768px) {
	.tableStyle_1 .first_line { height: 0; line-height: 0; border-bottom: 0; }
	.tableStyle_1 tr { display: grid; width: 60%; margin: auto; }
	.tableStyle_1 thead th {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	.tableStyle_1 th { display: block; }
	.tableStyle_1 tr td.editWrap { display: flex; flex-direction: column-reverse; }
	.editWrap .edit { margin-top: 10px; }
	.tableStyle_1 tr td { padding: 15px 0; }

	.tableStyle_1 tr td:nth-child(1) { padding: 15px 0; }
	.tableStyle_1 tr td:nth-child(2) { padding: 0px; }
	.tableStyle_1 tr td:nth-child(3) { padding: 15px 0; }
}

@media all and (max-width: 578px) {
	.tableStyle_1 tr { width: 90%; }
}

@media all and (max-width: 420px) { 
	.tableStyle_1 tr { width: 100%; }
}



.tableStyle_2 { width: 1440px; margin: auto; table-layout: fixed; }
.tableStyle_2 tr { border-top: 1px solid #ddd; }
.tableStyle_2 tr th { height: 60px; line-height: 60px; }
.tableStyle_2 tr td { height: 55px; line-height: 35px; }

.highlight_line { font-weight: 600; background: #f5f9ff; }
.highlight_line .point_text { color: #0089ff; }

.tableStyle_2 tr .row_td { text-align: left; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; }
.tableStyle_2 tr .row_td .line-title {
	padding-bottom: 1px;
	background-size: 0 1px;
	transition: background-size 0.5s;
}
.tableStyle_2 tr .row_td .line-title:hover {
	background-size: 100% 1px;
	background-image: linear-gradient(#000, #000);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.attachments .attachment { width: 18px; margin: auto; position: relative; }
.attachments .attachment img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -70%);
}
.tableStyle_2 tbody tr:last-child { border-bottom: 1px solid #ddd; }

/* 공지사항 */
.Page_frame.notice_frame .tableStyle_2 tr:first-child { border-top: 2px solid #ccc; }
.Page_frame.notice_frame .tableStyle_2 tr th:first-child { width: 10%; min-width: 100px; }
.Page_frame.notice_frame .tableStyle_2 tr th:nth-child(2) { width: 60%; }
.Page_frame.notice_frame .tableStyle_2 tr th:nth-child(3) { width: 8%; }
.Page_frame.notice_frame .tableStyle_2 tr th:nth-child(4) { width: 10%; }
.Page_frame.notice_frame .tableStyle_2 tr th:nth-child(5) { width: 8%; } 
.Page_frame.notice_frame .tableStyle_2 tr.first_line th { font-weight: 700; }
.Page_frame.notice_frame .tableStyle_2 tr.first_line .first_th { border-top: 5px solid #0089ff; }

@media all and (max-width: 1500px) {
	.tableStyle_2 { width: 1200px; }
}

@media all and (max-width: 1280px) {
	.tableStyle_2 { width: 100%; }
}

@media all and (max-width: 1080px) {
	.tableStyle_2 tr th:nth-child(4) { width: 15%; }
}

@media all and (max-width: 992px) {
	.Page_frame.notice_frame .tableStyle_2 tr th:first-child {
		width: 7%;
		min-width: 70px;
	}
}
@media all and (max-width: 768px) {
	.Page_frame.notice_frame .tableStyle_2 {
		border: 0;
		border-top: 2px solid #555; }

	.tableStyle_2 thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	.tableStyle_2 th { display: block; }

	.tableStyle_2 tr td {
		border-bottom: 0;
		display: block;
		height: initial;
		line-height: initial;
	}

	.Page_frame.notice_frame .tableStyle_2 tr td::before {
		content: attr(data-label); /*data-label을 가상요소 표출*/
		float: left;
		font-weight: bold;
		text-transform: uppercase;
	}

	.Page_frame.notice_frame .tableStyle_2 tr td:last-child {
		border-bottom: 0;
	}
	.tableStyle_2 tr .notice_count { display: none; }
	.tableStyle_2 tr .attachments { display: none; }
	.tableStyle_2 tr .result_td { display: none; }

	.tableStyle_2 tr { border-bottom: 0; border-top: 0; }
	.Page_frame.notice_frame .tableStyle_2 tr:first-child { border-top: 0; }
	.tableStyle_2 tr .row_td { padding: 0; }
	.tableStyle_2 tr .row_td .line-title {
        font-size: 17px;
    }
	.tableStyle_2 tr .data_td { 
		text-align: left; 
		height: initial; 
		line-height: initial;
		font-size: 14px;
        color: #999;
        letter-spacing: -0.5px;
		padding-top: 3px;
	}
	.tableStyle_2 tr {
		display: block;
		padding: 10px;
		border-bottom: 1px solid #ddd;
	}
}

@media all and (max-width: 578px) {
	.contents_wrap { padding: 0 10px; }
	.tableStyle_2 tr .row_td .line-title { font-size: 16px; }
}

@media all and (max-width: 425px) {
	.tableStyle_2 tr .data_td { padding-top: 6px; font-size: 11px; }
}

/* event_view_page table */
.event_view_page.tableStyle_1 thead .first_line th:nth-child(2) { padding-left: 0; text-align: center; }
.event_view_page.tableStyle_1 tr td:nth-child(2) { padding: 20px 0; text-align: center; }
.event_view_page.tableStyle_1 .qrCode-img { width: 60px; height: 60px; }

.event_view_page.tableStyle_1 tr th { min-width: 80px; }
.event_view_page.tableStyle_1 .th_no { width: 50px; }
.event_view_page.tableStyle_1 tr th, .event_view_page.tableStyle_1 tr td { white-space: normal; }
.event_view_page.tableStyle_1 tr td { padding: 10px 0;}

@media screen and (max-width: 768px) {
	.event_view_page.tableStyle_1 tr { display: inherit; width: 100%; margin: initial; }
	.event_view_page.tableStyle_1 .first_line {border-bottom: 1px solid #aaa; }
	.event_view_page.tableStyle_1 .th_no { min-width: 50px; }
	.event_view_page.tableStyle_1 .first_line { height: 50px; line-height: 50px; }
	.event_view_page.tableStyle_1 tr th, .event_view_page.tableStyle_1 tr td { padding: 0; height: 50px; }
	.event_view_page.tableStyle_1 thead th {
        position: static;
        width: auto;
        height: auto;
        clip: auto;
        overflow: visible;
        margin: 0;
        display: table-cell; 
    }

    .event_view_page.tableStyle_1 tr { display: table-row; }
	.event_view_page.tableStyle_1 tr th { min-width: 50px; }
	.event_view_page.tableStyle_1 tr td:nth-child(2) { padding: 0 }
} 


.myevent_view_page.tableStyle_1 thead .first_line th:nth-child(1) { width: 15%; }
.myevent_view_page.tableStyle_1 thead .first_line th:nth-child(2) { width: 70%; text-align: left; padding-left: 20px; }
.myevent_view_page.tableStyle_1 thead .first_line th:nth-child(3) { width: 15%; }
.myevent_view_page.tableStyle_1 .confirmed_list li { display: flex; gap: 20px; }
.myevent_view_page.tableStyle_1 .tableStyle_1 tr td:nth-child(1) { padding: 0 0 15px; }

@media screen and (max-width: 768px) {
	.myevent_view_page.tableStyle_1 tr { width: 80%; }
}

@media screen and (max-width: 578px) {
	.myevent_view_page.tableStyle_1 tr { width: 100%; }
	.myevent_view_page.tableStyle_1 .confirmed_list li { gap: 10px; }
}
@media screen and (max-width: 375px) { 

}

.lecture_total_count {padding-left:15px;}
.lecture_total_count .point_text {color: #ff6c00;font-weight: 600;font-size: 15px;}