@charset "utf-8";



.board_search {padding:27px; background:#f4f4f5;}
.board_search .fbox {display:flex; gap:10px; max-width:560px; margin:auto;}
.board_search .fbox select {width:130px;}
.board_search .fbox input[type="text"] {flex:1; min-width:0;}
.board_search .fbox button {width:84px; font-size:16px; color:#fff; text-align:center; background:#223055;}

.board_select {display:flex; gap:1rem; max-width:430px; margin:4rem 0 0;}
.board_select select {flex:1; min-width:0; height:42px; border:1px solid #223055;}
.board_select button {width:84px; height:42px; border:1px solid #223055; font-size:16px; color:#000000; line-height:40px; text-align:center;}

.board_count {position:relative; margin-top:30px; font-size:15px; color:#333333;}
.board_count .rtxt {position:absolute; top:0; right:0; color:#61bb45;}

.list_table {width:100%; table-layout:fixed; margin-top:15px; border-top:2px solid #2d2d2d;}
.list_table.type2 {table-layout:auto;}
.list_table.type2 .td_tit {padding-left:15px;}
.list_table th,
.list_table td {height:60px; color:#333333; text-align:center; border-bottom:1px solid #e4e4e4;}
.list_table th {padding:15px; font-size:17px; font-weight:500; background:#f4f4f5;}
.list_table td {padding:15px; font-size:16.5px;}
.list_table .td_num {width:100px;}
.list_table .td_tit {padding-left:70px;}
.list_table .td_file {width:110px;}
.list_table .td_date {width:175px;}
.list_table .td_hit {width:100px;}
.list_table .td_reply {width:100px;}
.list_table td.td_tit {text-align:left;}
.list_table td.td_tit a {display:flex; align-items:center;}
.list_table td.td_tit a .txt {min-width:0; margin-right:2rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.list_table td.td_tit a .icon_new {display:inline-block;flex-shrink: 0; width:23px; height:23px; background:url('../images/common/icon_new.png') no-repeat center/contain;}
.list_table td.td_tit.re a,
.list_table td.td_tit.re_re a,
.list_table td.td_tit.re_re_re a,
.list_table td.td_tit.re_re_re_re a,
.list_table td.td_tit.re_re_re_re_re a,
.list_table td.td_tit.re_re_re_re_re_re a {padding-left:45px; background:url('../images/common/icon_re.png') no-repeat 0 center; background-size:35px auto;}
.list_table td.td_tit.re_re a {margin-left:25px}
.list_table td.td_tit.re_re_re a {margin-left:45px}
.list_table td.td_tit.re_re_re_re a {margin-left:65px}
.list_table td.td_tit.re_re_re_re_re a {margin-left:85px}
.list_table td.td_tit.re_re_re_re_re_re a {margin-left:105px}

.pagination {display:flex; align-items:center; justify-content:center; gap:5px; margin-top:40px;}
.pagination .plist {display:flex; align-items:center; gap:5px; margin:0 10px;}
.pagination a {width:40px; height:40px; border:1px solid #e4e4e4; line-height:38px; font-size:15px; color:#474747; text-align:center;}
.pagination a.on {color:#fff; background:#223055;}
.pagination .btn_page {background:no-repeat center; background-size:auto 9px;}
.pagination .first {background-image:url('../images/common/icon_page_arr1.png');}
.pagination .last {background-image:url('../images/common/icon_page_arr1.png'); transform:rotate(180deg);}
.pagination .prev {background-image:url('../images/common/icon_page_arr2.png');}
.pagination .next {background-image:url('../images/common/icon_page_arr2.png'); transform:rotate(180deg);}

.board_view {border-top:2px solid #2d2d2d;}
.board_view_top {padding:25px 20px; border-bottom:1px solid #e4e4e4; background:#f4f4f5;}
.board_view_top h4 {font-size:22px; color:#222222; font-weight:700;}
.board_view_info {display:flex; margin:15px -10px 0; font-size:15px; color:#888888;}
.board_view_info li {position:relative; padding:0 10px;}
.board_view_info li+li::before {position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-6px; background:#dddddd; content:'';}
.view_table {width:100%; margin-top:20px; border-top:3px solid #2d2d2d; border-bottom:3px solid #2d2d2d;} 
.view_table th,
.view_table td {height:42px; border-bottom:1px solid #e4e4e4; font-size:16.5px}
.view_table th {width:120px; text-align:center;font-weight:400; color:#666666; background:#f4f4f5;}
.view_table td {padding-left:40px;}
.board_contents {padding:45px 20px; font-size:16px; color:#666666; line-height:1.5;}
.file_list {padding:25px 20px; border-top:1px solid #e4e4e4; background:#fbfbfb;}
.file_list li a {display:flex; gap:9px; align-items:center; font-size:15px; color:#666666;}
.file_list li a span {flex:1; min-width:0;}
.file_list li+li {margin-top:10px;}
.file_list .icon_file {width:20px;}
.post_navi {border-top:1px solid #e4e4e4;}
.post_navi li {display:flex; gap:4rem; border-bottom:1px solid #e4e4e4; font-size:16.5px; line-height:60px;}
.post_navi li strong {position:relative; width:100px; padding-left:20px; color:#999999; font-weight:400;}
.post_navi li strong::after {position:absolute; top:0; right:0; width:15px; height:100%; background:url('../images/common/icon_page_arr3.png') no-repeat center; content:'';}
.post_navi li span {display:block; flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.post_navi li.next strong::after {transform:rotate(180deg);}

.re_tit {padding-left:57px; font-size:20px; font-weight:700; line-height:3.5; background:url('../images/common/icon_answer.png') #f4f4f5 no-repeat center; background-position:20px center;}



.btn_area {display:flex; align-items:center; justify-content:center; gap:11px; margin-top:40px;}
.btn_area .a_right {margin-left:auto;}
.ubtn {display:inline-block; width:110px; color:#fff; font-size:16.5px; line-height:45px; text-align:center; background:#0d2d4f;}
.ubtn.border {border:1px solid #d9dcdd; color:#333333; background:#fff;}
.ubtn.round {border-radius:8px;}

.ubtn.small {height:38px; width:80px; line-height:38px;}
.ubtn.big {width:240px; font-size:20px; line-height:60px;}


.gallery_list {display:grid; grid-template-columns: repeat(4, 1fr); gap:37px; margin-top:15px; padding:40px 0; border-top:2px solid #2d2d2d;}
.gallery_list .inbox {border:1px solid #e6e6e6;}
.gallery_list .img {position:relative; padding-bottom:108.71%;}
.gallery_list .img img {position:absolute; top:0; left:0; width:100%; height:100%;}
.gallery_list .cont {padding:15px;}
.gallery_list .tit {display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; word-break: break-all; font-size:18px;}
.gallery_list .binfo {display:flex; gap:24px; margin-top:15px; font-size:16px; color:#696969;}
.gallery_list .binfo span+span {position:relative;}
.gallery_list .binfo span+span::before {position:absolute; left:-24px; width:24px; text-align:center; content:'|';}
.gallery_list .binfo .hit {padding-left:30px; background:url('../images/common/icon_view.jpg') no-repeat 0 center; background-size:24px auto;}


.inp_chk {display:inline-block; position:relative;}
.inp_chk input {position: absolute; top:-1px; left:0; opacity: 0;}
.inp_chk .txt {display:block; position:relative; padding-left:30px; cursor: pointer; font-size:16px; font-weight:400; line-height:20px; color:#666666;}
.inp_chk .txt:before {position:absolute; left:0; top:50%; width:18px; height:18px; margin-top:-8px; border:1px solid #c2c2c2; border-radius:2px; background:#fff; transition:all 0.4s; content:'';}
.inp_chk input:checked + .txt::before {border:0;  background:url('../images/common/icon_chk.png') no-repeat center/contain;}
.inp_chk .txt a {color:#5f72c5;}

.filebox {display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
.filebox+.filebox{margin-top:8px;}
.filebox .top {display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
.filebox input[type="file"] {display:none;}
.filebox .file_path {flex:1; min-width:0;}
.filebox .btn_file {width:84px; margin-right:20px; border:1px solid #333333; font-size:16px; color:#333333; line-height:40px; text-align:center;}
.filebox .bottom {margin-top:8px;}
.filebox .bottom input {width:100%;}



.board_rtxt {margin-bottom:12px; text-align:right; font-size:15.5px; color:#999999;}
.star {color:#ff3333;}
.write_table {width:100%; border-top:2px solid #2d2d2d;}
.write_table td,
.write_table th {height:60px; padding:11px 0; border-bottom:1px solid #e4e4e4; font-size:17px;}
.write_table th {width:270px; padding-left:45px; text-align:left; font-weight:400; background:#f4f4f5;}
.write_table td {padding-left:3rem; padding-right:3rem; font-size:16px;}
.write_table textarea {height:360px;}

.flex_box {display:flex; align-items:center; gap:3px;}
.flex_box select,
.flex_box input {flex:1; min-width:0;}

.full {width:100% !important;}
.fsize1 {width:350px !important;}	



@media (max-width:1300px){
	.list_table .td_hit {display:none;}
	
	.gallery_list {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:1024px){
	.board_search {padding:10px;}
	.board_search .fbox {flex-wrap:wrap; gap:5px;}
	.board_search .fbox select {width:100%;}
	.board_search .fbox button {}
	
	.board_count {margin-top:25px; font-size:13px;}
	.board_count .rtxt {position:relative; right:auto; display:block; margin-top:5px;}
	
	
	
	.xscroll .list_table {margin-top:0;}
	.xscroll .list_table thead {display: table-header-group;}
	.xscroll .list_table th,
	.xscroll .list_table td {padding:20px 15px;}
	.xscroll .scroll_size {min-width:800px;}
	.xscroll .list_table th,
	.list_table.nowrap {white-space:nowrap}
	.list_table colgroup {display:none;}
	.list_table thead {display:none;}
	.list_table .td_num,
	.list_table .td_date {display:none;}
	.list_table .td_tit {padding:17px 10px;}
	.list_table .icon_file {width:20px;}
	.list_table .td_file {width:40px;}
	.list_table .td_reply {width:80px;}
	.list_table th {font-size:15px;}
	.list_table td {min-height:52px; padding:15px 10px; font-size:14.5px; height:auto;}
	.list_table td.td_tit a .txt {margin-right:1rem}
	.list_table td.td_tit.re a,
	.list_table td.td_tit.re_re a,
	.list_table td.td_tit.re_re_re a,
	.list_table td.td_tit.re_re_re_re a,
	.list_table td.td_tit.re_re_re_re_re a,
	.list_table td.td_tit.re_re_re_re_re_re a {padding-left:30px; background:url('../images/common/icon_re.png') no-repeat 0 center; background-size:25px auto;}
	.list_table td.td_tit.re_re a {margin-left:10px}
	.list_table td.td_tit.re_re_re a {margin-left:20px}
	.list_table td.td_tit.re_re_re_re a {margin-left:30px}
	.list_table td.td_tit.re_re_re_re_re a {margin-left:40px}
	.list_table td.td_tit.re_re_re_re_re_re a {margin-left:50px}
	
	.board_view_top {padding:15px 10px;}
	.board_view_top h4 {font-size:18px;}
	.board_view_info {font-size:13px;}
	.view_table {border-top-width:2px; border-bottom-width:2px;}
	.view_table th,
	.view_table td {font-size:15px;}
	.view_table th {width:100px;}
	.view_table td {padding-left:20px;}
	.board_contents {padding:30px 10px; font-size:15px;}
	.file_list {padding:15px 10px;}
	.file_list li a {font-size:14px;}
	.post_navi li {height:50px; font-size:14px; gap:3rem; line-height:50px;}
	.post_navi li strong {width:75px; padding-left:10px;}
	.post_navi li strong::after {width:12px;}
	
	.re_tit {padding-left:43px; font-size:18px; line-height:3; background-position:15px center; background-size:20px auto;}

	
	
	.gallery_list {grid-template-columns: repeat(2, 1fr); gap:20px; padding:20px 0;}
	.gallery_list .tit {font-size:16px;}
	.gallery_list .binfo {font-size:15px;}
	
	.filebox+.filebox{margin-top:25px;}
	.filebox .top .inp_chk {width:100%;}
	.filebox .btn_file {margin-right:0;}
	
	.inp_chk .txt a {display:inline-block;}
	
	.write_table,
	.write_table tbody,
	.write_table tr,
	.write_table td,
	.write_table th {display:block; height:auto;}
	.write_table th {width:100%; padding:15px 20px;}
	.write_table td {padding:11px 0px;}
	.write_table .wtxt {display:block; padding:10px 20px}
	
	.fsize1 {width:100% !important;}
}
@media (max-width:500px){
	.pagination {gap:3px; margin-top:30px;}
	.pagination .plist {gap:3px; margin:0 5px;}
	.pagination a {width:30px; height:30px; line-height:28px; font-size:13px;}
	.pagination .btn_page {background-size:auto 7px;}
	
	.gallery_list {grid-template-columns: repeat(1, 1fr);}
}
@media (max-width:340px){
	.pagination a {width:27px; height:27px; line-height:25px;}
}



.board_c1 {display:flex; align-items:center; gap:6.4rem; padding:2rem 7rem; word-break:keep-all; background:#f6f6f7;}
.board_c1 h4 {font-size:2.8rem; font-family: 'JalnanGothic'; font-weight:normal;}
.board_c1 > div {padding-left:14rem; font-size:1.7rem; color:#666666; line-height:1.47; background:url('../images/sub/board_c1_icon.png') no-repeat 0 center; background-size:8rem auto;}

.board_c2 {display:flex; align-items:center; gap:5rem; padding:4rem 4rem 4rem 6rem; margin-bottom:4rem; margin-top:2rem; border:1px solid #c7c7c7; border-radius:2rem; font-size:1.9rem; color:#666666;}
.board_c2 h4 {font-size:2.8rem; font-family: 'JalnanGothic'; font-weight:normal;}	
.board_c2 > div {flex:1; min-width:0; word-break:keep-all; letter-spacing:-0.06em;}
.board_c2 .clist > li {position:relative; padding-left:1rem; line-height:1.42;}
.board_c2 .clist > li::before {position:absolute; top:0; left:0; content:'-';}
.board_c2 .clist ul li {position:relative; padding-left:2rem;}
.board_c2 .clist ul li::before {position:absolute; top:0; left:0rem; content:'ㆍ';}
@media (max-width:1024px){
	.board_c1 {flex-wrap:wrap; padding:4rem 3rem; gap:1rem;}
	.board_c1 > div {padding-left:10rem;}
	
	.board_c2 {flex-direction:column; padding:4rem 3rem; gap:1rem;}
	.board_c2 h4 {width:100%;}
}