@charset "utf-8";


/* ----------------------------------------------------------------- */
/* 갤러리 */
/* ----------------------------------------------------------------- */

/* Board - Gallery */
.data_gallery2 {display:flex; flex-wrap:wrap; gap:40px 30px; margin-top:30px;}
.data_gallery2 li {width:calc((100% - 90px)/4); padding:0 0;} 
.data_gallery2 li .item {overflow:hidden; position:relative; padding:0;}
.data_gallery2 li .item .imgthumb {overflow:hidden; position:relative; width:100%; aspect-ratio:3 / 2; /*  background:#999;  */ border-radius:0px;}
.data_gallery2 li .item .imgthumb img {width:100%; height:auto; position:relative; left:50%; top:50%; transform:translate(-50%, -50%); 
-webkit-transform:translate(-50%, -50%); transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
.data_gallery2 li .item:hover .imgthumb img {transform:translate(-50%, -50%) scale(1.1); 
-moz-transform: translate(-50%, -50%) scale(1.1); -ms-transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1);}
.data_gallery2 li .item:hover .imgthumb img.play {transform:translate(-50%, -50%) scale(1.0); 
-moz-transform: translate(-50%, -50%) scale(1.0); -ms-transform: translate(-50%, -50%) scale(1.0); -webkit-transform: translate(-50%, -50%) scale(1.0);}
.data_gallery2 li .item .imgthumb:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid rgba(0,0,0,0.1); box-sizing:border-box; z-index:1;}

.data_gallery2 li .item .imgthumb .play {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:61px; height:61px; z-index:1;}
.data_gallery2 li .item .cont {position:relative; padding:15px 0 0;}
.data_gallery2 li .item .cont .subject {color:#444; font-family:'S-CoreDream-4Regular'; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center;}
.data_gallery2 li .item .cont .userinfo {margin-top:5px; font-size:1.3rem; color:#999;}
.data_gallery2 li .item .cont .userinfo .hit {position:relative; padding-left:15px;}
.data_gallery2 li .item .cont .userinfo .hit:after {content:""; display:block; position:absolute; top:4px; left:7px; width:1px; height:12px; background:#ddd;}
.data_gallery2 li .item > a {position:absolute; top:0; left:0; width:100%; height:100%; z-index:10;}


/* 포스터 이미지 높이 변경 */
.data_gallery2.poster li .item .imgthumb {aspect-ratio:2 / 3;}

/* 보도자료 제목 2줄 */
.data_gallery2.press li .item .cont .subject {height:48px; line-height:1.5; text-align:left; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}


/* option - 좋아요 */
.data_gallery2 li .item .cont .heart {position:absolute; right:15px; bottom:5px; z-index:10}
.data_gallery2 li .item .cont .heart a span {display:inline-block; font-family:'Roboto'; font-size:1.3rem; color:#6c6d70; line-height:16px; padding:0 0 0 26px; background:url('../images/bbs/bg_heart.png') left 50% no-repeat;}
.data_gallery2 li .item .cont .heart a.on span {background:url('../images/bbs/bg_heart_on.png') left 50% no-repeat;}


@media (max-width:1200px){ /* 1152px 96%*/

	/* Board - Gallery */
	.data_gallery2 {gap:30px 20px;}
	.data_gallery2 li {width:calc((100% - 60px)/4); } 


	
}

@media (max-width:1024px){ /* tablet 980 */

	/* ----------------------------------------------------------------- */
	/* 갤러리 */
	/* ----------------------------------------------------------------- */


	/* Board - Gallery */
	.data_gallery2 {gap:30px 20px;}
	.data_gallery2 li {width:calc((100% - 40px)/3);} 
	/* .data_gallery2 li .item .imgthumb {height:180px;} */
	.data_gallery2 li .item .cont {padding:13px 0 0;}

	
	/* ----------------------------------------------------------------- */
	/* 게시판 리스트 */
	/* ----------------------------------------------------------------- */
	

	/* table */
	table.table_board > thead > tr > th {padding:13px 15px;}
	table.table_board > tbody > tr > td {padding:16px 15px;}

	table.table_board > tfoot > tr > td {padding:16px 15px;}


	/* ----------------------------------------------------------------- */
	/* 게시판 작성폼 */
	/* ----------------------------------------------------------------- */

	.board_write col.i_t_01 {width:20%;}

	.board_write input.type_02 {width:480px;}



	/* ----------------------------------------------------------------- */
	/* 게시판 view */
	/* ----------------------------------------------------------------- */
	
	/* list view */	
	.board_view .view_top h4 {font-size:2.2rem;}


	/* ----------------------------------------------------------------- */
	/* 게시판 btns */
	/* ----------------------------------------------------------------- */

	/* 게시판 외 */
	.btn_list.big a,
	.btn_list.big button, 
	.btn_list.big input {padding:0 45px;}
}


@media (max-width:830px){ /* tablet ~ 768 */

	/* ----------------------------------------------------------------- */
	/* 갤러리 */
	/* ----------------------------------------------------------------- */
	
	/* Board - Gallery */
	.data_gallery2 {gap:30px 20px;}
	.data_gallery2 li {width:calc((100% - 40px)/3);} 
	/* .data_gallery2 li .item .imgthumb {height:150px;} */
	.data_gallery2 li .item .imgthumb .play {width:51px; height:51px;}
	.data_gallery2 li .item .cont {padding:12px 0 0;}





	/* ----------------------------------------------------------------- */
	/* 게시판 리스트 */
	/* ----------------------------------------------------------------- */
	
	/* 가로폭 */
	.table_board col.number {width:65px}

	/* 반응형 */
	.b_layout_tc {display:none;}/*조회수*/
	.b_layout_tl {display:none}/*조회수*/

	.table_board col.checkbox {width:40px;}
	.table_board col.other {width:90px} /* 나머지 */	
	.table_board col.state {width:100px} /* 상태 */
	.table_board col.date {width:120px;}
	.table_board col.name {width:110px}
	.table_board col.time {width:170px;}

	/* file 첨부 */
	.btn_file {width:90px;}

	

	/* ----------------------------------------------------------------- */
	/* 게시판 작성폼 */
	/* ----------------------------------------------------------------- */
	
	.board_write col.i_t_01 {width:22%;}
	.board_write th {padding:9px 5px 9px 15px;}
	.board_write td {padding:9px 5px 9px 15px;}

	.board_write input.type_02 {width:350px;}
	.board_write input.type_03 {width:300px;}

	
	

	/* ----------------------------------------------------------------- */
	/* 게시판 view */
	/* ----------------------------------------------------------------- */
	
	/* list view */	
	.board_view .view_top {padding:15px 5px;}
/* 	.board_view .view_top h4 {font-size:1.8rem;} */
	.board_view .view_con {padding:15px 5px;}


	/* ----------------------------------------------------------------- */
	/* 게시판 btns */
	/* ----------------------------------------------------------------- */

	/* 게시판 외 */
	.btn_list.big a,
	.btn_list.big button, 
	.btn_list.big input {padding:0 40px;}


}



@media (max-width:768px){ /* mobile 가로 */


	/* ----------------------------------------------------------------- */
	/* 갤러리 */
	/* ----------------------------------------------------------------- */
	


	/* .data_gallery2 li .item .imgthumb {height:140px;} */
	.data_gallery2 li .item .imgthumb .play {width:43px; height:43px;}
	.data_gallery2 li .item .cont {padding:10px 0 0;}
	.data_gallery2 li .item .cont .subject {font-size:1.4rem;}
	.data_gallery2 li .item .cont .userinfo {margin-top:3px;}


	/* 보도자료 제목 2줄 */
	.data_gallery2.press li .item .cont .subject {height:44px;}


	/* ----------------------------------------------------------------- */
	/* 게시판 리스트 */
	/* ----------------------------------------------------------------- */

	table.table_board > thead > tr > th {padding:12px 10px;}
	table.table_board > tbody > tr > td {padding:12px 10px;}
	table.table_board > tfoot > tr > td {padding:12px 10px;}

	/* 반응형 */
	.t_layout_tc {display:none}/*순번*/
	.t_layout_tl {display:none}/* c 순번 */



	/* ----------------------------------------------------------------- */
	/* 게시판 작성폼 */
	/* ----------------------------------------------------------------- */
	

	/* 예문 */
	.board_write .table_info {display:block; margin-top:5px; margin-left:0px;}
	



	/* ----------------------------------------------------------------- */
	/* 게시판 view */
	/* ----------------------------------------------------------------- */
	
	/* list view */
	.board_view {}	
	.board_view .view_top ul li {font-size:1.3rem;}


	


}


@media (max-width:680px){ /* mobile 세로 */


	/* ----------------------------------------------------------------- */
	/* 갤러리 */
	/* ----------------------------------------------------------------- */

	/* Board - Gallery */
	/* .data_gallery2 li .item .imgthumb {height:130px;} */



	/* ----------------------------------------------------------------- */
	/* 게시판 리스트 */
	/* ----------------------------------------------------------------- */

	/* 게시판 리스트 */
	
	table.table_board > thead {position:absolute; left:-9999px; z-index:-1;} /*숨김*/
	/* table.table_board > thead {display:none;} */	
	.limitArea table.table_board > thead {position:relative; left:0; z-index:0;} 
	
	table.table_board > tbody > tr > td {padding:12px 5px 12px; height:auto; border-top:none; border-right:none;}
	table.table_board > tbody > tr > td a {padding:0 0 2px;}
	table.table_board > tbody > tr > td a .subject {font-size:110%;}
	table.table_board > tbody > tr > td a .ico_sp {}
	table.table_board > tbody > tr > td .m_con_b {padding:2px 0 0; font-size:1.4rem; color:#999;}
	table.table_board input.num {width:32px;}


	/* 반응형 */
	.m_layout_tc {display:none;}/* 날짜*/
	.m_layout_tl {display:none;}/* c 날짜 */
	.m_con_b {display:block;}/*날짜*/


	

	/* ----------------------------------------------------------------- */
	/* 게시판 작성폼 */
	/* ----------------------------------------------------------------- */

	/* 세로 */
	.board_write > tbody > tr {display:block; width:100%;}
	.board_write > tbody > tr > th, .board_write > tbody > tr > td {display:block; width: 100% !important;}
	.board_write > tbody > tr > th {padding:9px 10px 10px; border:0; font-size:110%;}
	.board_write > tbody > tr > td {padding:14px 10px; border:0; font-size:120%;}  

	.board_write input[type="date"],
	.board_write input[type="text"],
	.board_write input[type="password"],
	.board_write input[type="file"],
	.board_write input[type="month"],
	.board_write select {height:40px; line-height:38px;}


	.board_write col.i_t_01, 
	.board_write col.i_t_02, 
	.board_write input.type_01,
	.board_write input.type_02, 
	.board_write input.type_03,
	.board_write input.type_04,
	.board_write input.type_05 {width:100%;}
	.board_write input.type_01 + a {margin-top:5px;}


	/* 기타 */
	.board_write td .btn_spot {line-height:40px;}
	.board_write .btn_file {line-height:40px;}	
	.board_write .fileBox input.type_02 {width:75%;}
	.board_write .fileBox input:nth-of-type(2) {margin-top:5px;} /* 이미지 설명글 */
	.btn_file {margin-top:5px;}


	.board_write .email select,
	.board_write .email input {width:120px;}
	.board_write .email select {margin-left:7px;}	
	.board_write .period input {width:160px;} /* 기간 */
	.board_write .figure input {width:100px;} /* 산차, 중량 */

	.board_write .sort select {width:49%;} /* 분류 */
	/* .board_write .sort select + select {margin-top:5px;} */


	input[type="radio"] {width:22px; height:22px;}



	/* ----------------------------------------------------------------- */
	/* 게시판 btns */
	/* ----------------------------------------------------------------- */

	/* 게시판 외 */
	.btn_list.big a,
	.btn_list.big button, 
	.btn_list.big input {padding:0 35px; height:40px; font-size:1.4rem; }

}




@media (max-width:610px){ /* mobile 세로 */


	/* ----------------------------------------------------------------- */
	/* 갤러리 */
	/* ----------------------------------------------------------------- */

	/* Board - Gallery */
	.data_gallery2 {gap:30px 20px; margin-top:25px;}
	.data_gallery2 li {width:calc((100% - 20px)/2);} 
/* 	.data_gallery2 li .item {border-radius:0px;}
	.data_gallery2 li .item .imgthumb {height:180px;} */



	/* ----------------------------------------------------------------- */
	/* 게시판 리스트 */
	/* ----------------------------------------------------------------- */
	.table_board col.checkbox {width:30px;}
	.table_board col.state {width:90px} /* 상태 */


	/* ----------------------------------------------------------------- */
	/* 게시판 작성폼 */
	/* ----------------------------------------------------------------- */
	
	.board_write .pNum select,
	.board_write .pNum input {width:80px;} /* 인원 */

	.board_write .period .btn input {padding:0 30px;}

	

}

@media (max-width:430px){ /* mobile 세로 */


	/* ----------------------------------------------------------------- */
	/* 갤러리 */
	/* ----------------------------------------------------------------- */
	
	/* Board - Gallery */
	.data_gallery2 {gap:30px 12px;}
	.data_gallery2 li {width:calc((100% - 12px)/2);}
	/* .data_gallery2 li .item .imgthumb {height:120px;} */




	/* ----------------------------------------------------------------- */
	/* 게시판 리스트 */
	/* ----------------------------------------------------------------- */

	.table_board col.checkbox {width:30px;}

	.table_board col.state {width:90px} /* 상태 */


	
	/* ----------------------------------------------------------------- */
	/* 게시판 view */
	/* ----------------------------------------------------------------- */

	/* list view */
	/* .board_view .view_top h4 {font-size:1.6rem;} */

	


	/* ----------------------------------------------------------------- */
	/* 게시판 작성폼 */
	/* ----------------------------------------------------------------- */

	.board_write .email select {display:block; margin-left:0; margin-top:5px;}
	.board_write .tel select,
	.board_write .tel input {width:70px;}	
	.board_write .period input {width:150px;}
	.board_write .period .btn input {display:block; margin:10px 0; width:320px; padding:0 40px;}
	.board_write .pNum select,
	.board_write .pNum input {width:60px;}
	.board_write .sort .cal {width:120px;}
	
	.board_write td .blankTxt {width:11px;} /* - 사용 */
	.ess:after {margin-right:1px;} /* 필수 */
	
	.board_write .fileBox input.type_02 {width:72%;}
	.board_write .btn_file {width:80px;}

	.board_write .checkbox label,
	.board_write .radio label {margin-right:23px;}

	


	


	/* ----------------------------------------------------------------- */
	/* 게시판 btns */
	/* ----------------------------------------------------------------- */

	/* btns */
	.btn_list {padding:20px 0 5px !important;}
	.btn_list a,
	.btn_list button, 
	.btn_list input {min-width:80px; height:32px; line-height:30px; font-size:1.3rem;}
	
	/* 방어 */
	.btn_bo_adm input {height:32px; line-height:30px;}


	/* 게시판 외 */
	.btn_list.big a,
	.btn_list.big button, 
	.btn_list.big input {padding:0 30px; font-size:1.36rem;}



}


@media (max-width:380px){ /* mobile 세로 */


	/* ----------------------------------------------------------------- */
	/* 게시판 작성폼 */
	/* ----------------------------------------------------------------- */
	
	.board_write .fileBox input.type_02 {width:70%;}



}




.bo_fx {}
.bo_fx:after {content:""; display: block; clear: both; }
.btn_bo_adm {float:left; display:flex; flex-wrap:wrap;}
.btn_bo_adm.btn_list input {min-width:auto; padding:0 15px;}
.btn_bo_user {float:right;}