@charset "utf-8";

.no_list{ padding:100px 0; font-size:16px; line-height:26px; color:#666; text-align:center; letter-spacing:-0.05em; }

/* 검색 */
#b_sch{ margin-bottom:40px; padding:45px 45px; background:#f5f5f5; }
#b_sch .sch_bx{ margin:0 auto; width:100%; max-width:440px; font-size:0; }
#b_sch .sch_bx input{ display:inline-block; vertical-align:top; padding:9px 20px; width:75%; height:50px; font-size:16px; line-height:30px; color:#333; letter-spacing:-0.05em; background:#fff; border:1px solid #ccc; box-sizing:border-box; outline:none; }
#b_sch .sch_bx input::placeholder{ color:#999; }
#b_sch .sch_bx a{ display:inline-block; vertical-align:top; width:25%; height:50px; font-size:14px; line-height:50px; color:#fff; background:#222; text-align:Center; letter-spacing:-0.05em; }

/* list */
.thumBoardS01{ overflow:hidden; }
.thumBoardS01 ul{ font-size:0; margin-right:-24px; margin-bottom:-35px; }
.thumBoardS01 ul li{ display:inline-block; vertical-align:top; width:calc(25% - 24px); margin-right:24px; margin-bottom:35px; }
.thumBoardS01 ul li a{ display:block; }
.thumBoardS01 ul li a .img_bx{ position:relative; padding-bottom:100%; overflow:hidden; }
.thumBoardS01 ul li a .img_bx img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; transition:all 0.4s; }
.thumBoardS01 ul li a p{ margin-top:15px; font-size:16px; line-height:26px; color:#222; letter-spacing:-0.05em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

/* view */
.board_view .v_tit{ padding:30px 0; border-top:2px solid #222; border-bottom:1px solid #ddd; text-align:center; }
.board_view .v_tit > strong{ display:block; font-size:28px; line-height:38px; color:#222; font-weight:500; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; }
.board_view .v_tit .file_list{ font-size:0; margin-top:20px; }
.board_view .v_tit .file_list div{ display:inline-block; vertical-align:top; font-size:0; position:relative; padding-left:37px; }
.board_view .v_tit .file_list div:before{ content:''; position:absolute; left:0; top:50%; margin-top:-14px; width:28px; height:28px; background:#2fa8e1 url('../images/icon/v_file.png') no-repeat center; border-radius:50%; }
.board_view .v_tit .file_list a{ display:inline-block; vertical-align:top; position:relative; margin-right:14px; font-size:14px; line-height:28px; color:#999; letter-spacing:-0.05em; }
.board_view .v_tit .file_list a:after{ content:','; position:absolute; right:-6px; }
.board_view .v_tit .file_list a:last-child:after{ display:none; }
.board_view .v_tit .file_list a:hover{ text-decoration:underline; }

.board_view .v_con{ padding:60px 30px; font-size:18px; line-height:30px; color:#666; letter-spacing:-0.05em; border-bottom:1px solid #ddd; }
.board_view .v_con .video_bx{ margin:0 auto; width:100%; max-width:1200px; }
.board_view .v_con .video_bx > div{ position:relative; padding-bottom:56.25%; }
.board_view .v_con .video_bx > div iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }
.board_view .v_con img {max-width: 100%;}

.board_view .v_btn{ margin-top:80px; text-align:Center; }
.board_view .v_btn a{ position:relative; overflow:hidden; display:inline-block; vertical-align:Top; width:160px; height:60px; font-size:14px; line-height:60px; color:#fff;  font-family: 'Montserrat', sans-serif; }

.board_view .v_btn a:hover{ border-color:#1e90ff; }
.board_view .v_btn a:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:#222; }
.board_view .v_btn a:after { box-sizing: border-box; transition: 0.4s ease-in-out; z-index: -1; content: ''; position: absolute; top: 0;right: -50px; bottom: 0;left: 0; border-right: 25px solid transparent; border-bottom: 60px solid #1e90ff; transform: translateX(-100%); z-index:1; }
.board_view .v_btn a span{ position:relative; z-index:2; }

/* 페이지 */
.b_page_no{ margin-top:70px; text-align:center; overflow:hidden; }
.b_page_no a{ display:inline-block; vertical-align:middle; padding:0 5px; min-width:40px; font-size:16px; line-height:40px; color:#999; box-sizing:border-box; }
.b_page_no a.on{ color:#fff; background:#222; }
.b_page_no a.pageBtn{ margin:0; width:40px; height:40px; text-indent:-9999px; }
.b_page_no a.first{ background:url('../images/btn/page_ar02.png') no-repeat center; -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg );}
.b_page_no a.prev{ margin-right:10px; background:url('../images/btn/page_ar01.png') no-repeat center; -webkit-transform: rotate( 180deg ); -moz-transform: rotate( 180deg ); transform: rotate( 180deg );}
.b_page_no a.next{ margin-left:10px;  background:url('../images/btn/page_ar01.png') no-repeat center; }
.b_page_no a.last{ background:url('../images/btn/page_ar02.png') no-repeat center; }



/* PC */
@media all and (min-width:1025px){
	
	.thumBoardS01 ul li a:hover .img_bx img{ transform: scale(1.05);  -webkit-transform: scale(1.05);  -moz-transform: scale(1.05); }
	.thumBoardS01 ul li a:hover p{ text-decoration:underline; }
	
	.board_view .v_btn a:hover{ border-color:#1e90ff; }
	.board_view .v_btn a:hover:after { transform: translateX(0); }

}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){

	.no_list{ padding:50px 0; font-size:14px; line-height:20px; }

	/* 검색 */
	#b_sch{ margin-bottom:25px; padding:20px 20px; }
	#b_sch .sch_bx input{ padding:9px 14px; height:40px; font-size:12px; line-height:20px; }
	#b_sch .sch_bx a{ height:40px; font-size:13px; line-height:40px; }

	/* list */
	.thumBoardS01 ul{ margin-right:-10px; margin-bottom:-20px; }
	.thumBoardS01 ul li{ width:calc(25% - 10px); margin-right:10px; margin-bottom:20px; }
	.thumBoardS01 ul li a p{ margin-top:11px; font-size:13px; line-height:18px; }

	/* view */
	.board_view .v_tit{ padding:20px 0; border-top:1px solid #222; }
	.board_view .v_tit > strong{ font-size:18px; line-height:23px; }
	.board_view .v_tit .file_list{ margin-top:7px; }
	.board_view .v_tit .file_list div{ padding-left:26px; }
	.board_view .v_tit .file_list div:before{ margin-top:-10px; width:20px; height:20px; background:#2fa8e1 url('../images/icon/v_file_m.png') no-repeat center; background-size:10px auto; }
	.board_view .v_tit .file_list a{ margin-right:10px; font-size:12px; line-height:20px; }
	.board_view .v_tit .file_list a:after{ right:-4px; }

	.board_view .v_con{ padding:40px 0; font-size:13px; line-height:21px; }

	.board_view .v_btn{ margin-top:50px; }
	.board_view .v_btn a{ width:120px; height:40px; font-size:12px; line-height:40px; }
	
	/* 페이지 */
	.b_page_no{ margin-top:45px; }
	.b_page_no a{ padding:0 2px; min-width:24px; font-size:12px; line-height:24px; }
	.b_page_no a.pageBtn{ width:24px; height:24px; }
	.b_page_no a.first{ background-size:10px auto; }
	.b_page_no a.prev{ margin-right:5px; background-size:6px auto; }
	.b_page_no a.next{ margin-left:5px; background-size:6px auto; }
	.b_page_no a.last{ background-size:10px auto; }

}

/* 모바일 */
@media all and (max-width:768px){
	
	/* 검색 */
	#b_sch .sch_bx input{ width:100%; margin-bottom:10px; }
	#b_sch .sch_bx a{ width:100%;  }

	/* list */
	.thumBoardS01 ul li{ width:calc(50% - 10px); }

}