@charset "UTF-8";

table {}
table tr {}
table tr th {font-size:16px; padding:16px 10px; line-height:24px; font-weight:600; border:1px solid #CDDCE5; background:#eaeff2;}
table tr.th_2line th {padding:8px 10px;}
table tr td {font-size:15px; padding:16px 10px; line-height:24px; border:1px solid #CDDCE5; background: rgba(255,255,255,0.5);}
table tr td.left {text-align:left; padding-left:20px;}
table.leader_table tr th:nth-child(3) {width:30%;}

div.board_search {display:flex; gap:12px; margin-top:30px;}
div.board_search select {max-width:140px;}
div.board_search input {width:300px;}
div.board_search div.search_btn {width:100px;}
div.board_search div.search_btn a {display:inline-block; width:100%; line-height:48px; background:#fff; border:1px solid #ddd;}
div.board_search div.search_btn a:hover {background:#eaeff2;}
div.board_search div.write_btn {}
div.board_page {margin-top:60px; text-align:center; font-size:0; line-height:0; }
div.board_page > a {display: inline-block; width:40px; line-height: 40px;  text-align: center; box-sizing:border-box;}
div.board_page > a.paging_left::before,
div.board_page > a.paging_right::before {content: ''; display: inline-block; width: 7px; height: 7px; border-width: 1px 1px 0 0; border-style: solid; border-color: #000; vertical-align: middle; transform: rotate(45deg); }
div.board_page > a.paging_left::before,
div.board_page > a.paging_right::before {margin: 0 -3px;}
div.board_page > a.paging_left::after,
div.board_page > a.paging_left::before,
div.board_page > a.paging_left + a::after {transform: rotate(-135deg); margin-left:3px;}
div.board_page ol { display:inline-block; font-size:0; line-height:0; vertical-align:middle; }
div.board_page li { display:inline-block; margin:0 0 0 -1px; vertical-align:top; }
div.board_page li.paging_left { margin-left:0; }
div.board_page img { vertical-align:top; }
div.board_page a { display:inline-block; width:40px; padding:12px 0; font-size:12px; color:#6d6d6d; border:1px solid #e5e5e5; margin-left:-1px; line-height:14px; background:#fff; box-sizing:border-box; }
div.board_page a:hover { text-decoration:none; }
div.board_page a.on { position:relative; z-index:1; color:#000; border-color:#000; }
div.board_page a.nolink { cursor:default; }

ul.board_gallery {display:flex; flex-flow:row wrap; gap:2%;}
ul.board_gallery li {width:32%; margin-bottom:2%;}
ul.board_gallery li .gallery_thum {border:1px solid #CDDCE5; width:100%; height:200px; position:relative;}
ul.board_gallery li .gallery_thum img {width:100%; max-width:100% !important;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
ul.board_gallery li .gallery_text {padding:8% 5%; text-align:center; background:#fff; border:1px solid #CDDCE5; border-top:none;}
ul.board_gallery li .gallery_text h4 {font-size:18px; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
ul.board_gallery li .gallery_text p {font-size:16px; font-weight:400; color:#888; padding-top:8px;}
div.btn_center {width:200px; margin:40px auto 0;}
div.btn_center a {display:inline-block; width:100%; height:58px; line-height:58px; text-align:center; background:#666; color:#fff; font-size:18px; font-weight:600;}

div.board_view {border:1px solid #CDDCE5; background:#fff; padding:4%; text-align:left;}
div.board_view .view_tit {font-size:24px; font-weight:600; border-bottom:1px solid #cddce5; padding-bottom:3%;}
div.board_view .view_tit span {display:block; font-size:18px; font-weight:400; color:#888; padding-top:10px;}
div.board_view .view_cont {padding:3% 0; font-size:18px; font-weight:400; line-height:30px;}






/*** 태블릿세로버전 ***/
@media screen and (max-width:1023px) {
	.m_scroll {width:100%; overflow:auto;}
	.m_scroll table {white-space:nowrap; min-width:500px;}
	table {}
	table tr th {font-size:12px; line-height:20px; padding-left:0; padding-right:0;}
	table tr.th_2line th {padding-left:0; padding-right:0;}
	table tr td {font-size:12px; line-height:20px; padding-left:0; padding-right:0;}

	div.board_search {gap:6px; margin-top:20px;}
	div.board_search select {flex:1; max-width:100%; min-width:auto;}
	div.board_search input {flex:2; width:100%;}
	div.board_search div.search_btn {flex:1; width:100%; font-size:13px;}
	div.board_search div.search_btn a {height:42px; line-height:42px;}
	div.board_page {margin-top:30px;}
	ul.board_gallery li .gallery_text {padding:6% 4%}
	ul.board_gallery li .gallery_text h4 {font-size:15px;}
	ul.board_gallery li .gallery_text p {font-size:13px; padding-top:0;}
	
	div.btn_center {width:100%; margin:20px auto 0;}
	div.btn_center a { height:50px; line-height:50px; font-size:16px;}
	
	table.input_table tr td {padding:10px;}
	select {font-size:13px; height:44px; padding:0 4%;}
	input[type="text"], input[type="password"] {font-size:13px; height:44px; padding:0 4%;}
	textarea {font-size:13px; line-height:20px; padding:4%;}

	div.board_view {padding:6%;}
	div.board_view .view_tit {font-size:16px; padding-bottom:6%;}
	div.board_view .view_tit span {font-size:13px; padding-top:6px;}
	div.board_view .view_cont {padding:6% 0; font-size:13px; line-height:20px;}

}



/*** 모바일버전 ***/
@media screen and (max-width:767px) {
	ul.board_gallery {}
	ul.board_gallery li {width:48%;}
	ul.board_gallery li .gallery_thum {height:140px;}
	ul.board_gallery li .gallery_text h4 {font-size:13px;}
	ul.board_gallery li .gallery_text p {font-size:12px;}

}




