@charset "utf-8";

.no_list{ padding:100px 0; font-size:18px; line-height:26px; color:#333; letter-spacing:-0.05em; text-align:center; }

/* 버튼 */
.btn_area{ margin-top:50px; text-align:Center; }
.btn_area a{ position:relative; display:inline-block; vertical-align:top; width:160px; height:64px; font-size:22px; line-height:62px; color:#111; font-weight:700; border:1px solid #111; box-sizing:border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.btn_area a span{ position:relative; z-index:1; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;  }
.btn_area a.btn01:before{ content:''; position:absolute; left:0; top:0; width:0; height:100%; background:#111; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.btn_area a.btn01:hover span{ color:#fff; }
.btn_area a.btn01:hover:before{ width:100%; }

/* 검색 */
#b_sch .sch_bx{ font-size:0; margin-bottom:20px; }
#b_sch .sch_bx:after{ content:''; display:block; clear:both; }
#b_sch .sch_bx > div{ display:inline-block; vertical-align:top; box-sizing:border-box; }
#b_sch .sch_bx .left p{ font-size:19px; line-height:58px; color:#333; letter-spacing:-0.025em; }
#b_sch .sch_bx .left p span{ color:#005cab; font-weight:800; }
#b_sch .sch_bx .right{ font-size:0; float:right; }
#b_sch .sch_bx .right select{ display:inline-block; vertical-align:top; margin-right:4px; padding:0 13px; width:140px; height:56px; font-size:17px; color:#111; letter-spacing:-0.025em; border:1px solid #ccc; box-sizing:border-box; outline:none; background:#fff; }
#b_sch .sch_bx .right div{ display:inline-block; vertical-align:top; font-size:0; box-sizing:border-box; }
#b_sch .sch_bx .right div input{ display:inline-block; vertical-align:top; padding:12px 24px; width:320px; height:56px; font-size:17px; line-height:30px; color:#333; letter-spacing:-0.025em; outline:none; border:1px solid #ccc;}
#b_sch .sch_bx .right div input:placeholder{ color:#888; }
#b_sch .sch_bx .right div a{ display:inline-block; vertical-align:top; width:56px; height:56px; text-indent:-9999px; background:#111 url('../images/btn/sch.png') no-repeat center; }

/* 페이지 */
.b_page_no{ margin-top:50px; font-size:0; text-align:Center; }
.b_page_no a{ display:inline-block; vertical-align:top; margin-right:-1px; padding:0 5px; min-width:44px; height:44px; font-size:15px; line-height:42px; color:#666; /* font-family: 'Poppins', sans-serif; */ border:1px solid #cdcdcd; box-sizing:border-box; text-align:center; }
.b_page_no a.on{ background:#005cab; color:#fff; }

.b_page_no div{ display:inline-block; vertical-align:top; margin:0 20px; font-size:0; }
.b_page_no .pageBtn{text-indent:-9999px; }
.b_page_no .pageBtn_first{ background:url('../images/btn/page_first.png') no-repeat center; }
.b_page_no .pageBtn_prev{ background:url('../images/btn/page_prev.png') no-repeat center; }
.b_page_no .pageBtn_next{ background:url('../images/btn/page_next.png') no-repeat center; }
.b_page_no .pageBtn_last{ background:url('../images/btn/page_last.png') no-repeat center; }

/* 리스트 */
.boardS01 table{ width:100%; table-layout:fixed; border-top:3px solid #333; }
.boardS01 table thead tr{ border-bottom:1px solid #666; }
.boardS01 table thead th{ height:70px; font-size:19px; line-height:27px; color:#111; font-weight:700; letter-spacing:-0.025em; box-sizing:border-box; text-align:center; }
.boardS01 table tbody tr{ border-bottom:1px solid #e2e2e2; }
.boardS01 table tbody td{ padding:10px 15px; height:70px; font-size:18px; line-height:26px; color:#777; letter-spacing:-0.025em; text-align:center; box-sizing:border-box; transform: skew(-0.03deg); }
.boardS01 table tbody td .notice{ color:#005cab; font-weight:700; }
.boardS01 table tbody td.link .notice{ display:none; }
.boardS01 table tbody .link{ padding:10px 30px; text-align:left; }
.boardS01 table tbody .link a{ display:inline-block; vertical-align:middle; font-size:19px; max-width:90%; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.boardS01 table tbody .link a:hover{ text-decoration:underline; }
.boardS01 table tbody .link .file{ display:inline-block; vertical-align:middle; margin-left:5px; width:18px; height:16px; text-indent:-9999px; background:url('../images/icon/file.png') no-repeat center; background-size:cover; }
.boardS01 table tbody .m_tit{ display:none; }

/* 뷰 */
.board_view{ border-top:3px solid #333; }
.board_view .v_tit{ padding:35px 30px; font-size:0; text-align:Center; }
.board_view .v_tit strong{ display:Block; margin-bottom:15px; font-size:26px; line-height:38px; color:#111; letter-spacing:-0.025em; font-weight:700; word-break: keep-all; word-wrap: break-word; }
.board_view .v_tit ul{ font-size:0; }
.board_view .v_tit ul li{ display:inline-block; vertical-align:top; position:relative; padding-right:21px; margin-right:18px; font-size:18px; line-height:28px; color:#666; letter-spacing:-0.025em; transform: skew(-0.03deg);}
.board_view .v_tit ul li:after{ content:''; position:absolute; right:0; top:8px; width:1px; height:13px; background:#e2e2e2; }
.board_view .v_tit ul li:last-child{ margin-right:0; padding-right:0; }
.board_view .v_tit ul li:last-child:after{ display:none; }

.board_view .v_file{ padding:20px 30px; background:#fafafa; font-size:0; border-top:1px solid #e2e2e2; text-align:center; }
.board_view .v_file a{ display:inline-block; position:relative; margin-right:8px; font-size:18px; line-height:26px; color:#666; letter-spacing:-0.025em; transform: skew(-0.03deg); }
.board_view .v_file a:after{ content:','; position:absolute; right:-5px; top:0;}
.board_view .v_file a:last-of-type:after{ display:none; }

.board_view .v_con{ padding:40px 20px 80px; border-top:1px solid #666; font-size:17px; line-height:32px; color:#555; letter-spacing:-0.025em; }
.board_view .v_con img{ max-width:100%; }

.board_view .v_page{ border-top:1px solid #e2e2e2; }
.board_view .v_page > div{ border-bottom:1px solid #e2e2e2; font-size:0; }
.board_view .v_page > div > strong{ display:inline-block; vertical-align:top; padding-left:20px; width:145px; box-sizing:border-box; }
.board_view .v_page > div > strong span{ display:inline-block; font-size:19px; line-height:70px; color:#333; letter-spacing:-0.025em; font-weight:700; }
.board_view .v_page > div > a{ display:inline-block; vertical-align:top; width:calc(100% - 145px); padding-right:20px; font-size:0; box-sizing:border-box; }
.board_view .v_page > div > a p{ display:inline-block; vertical-align:Top; width:100%; font-size:19px; line-height:70px; color:#666; letter-spacing:-0.025em; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; }
.board_view .v_page > div > a:hover p{ text-decoration:underline; }


/* PC */
@media all and (min-width:1025px){
	
}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	
	.no_list{ padding:50px 0; font-size:13px; line-height:18px; }
	
	/* 버튼 */
	.btn_area{ margin-top:25px; }
	.btn_area a{ width:90px; height:40px; font-size:15px; line-height:38px; }

	/* 검색 */
	#b_sch .sch_bx{ margin-bottom:15px; }
	#b_sch .sch_bx > div{ display:Block; }
	#b_sch .sch_bx .left{ margin-bottom:15px; text-align:center; }
	#b_sch .sch_bx .left p{ font-size:13px; line-height:18px; }
	#b_sch .sch_bx .right{ float:inherit; }
	#b_sch .sch_bx .right select{ margin-right:4px; padding:0 10px; width:25%; height:35px; font-size:12px; }
	#b_sch .sch_bx .right div{ width:calc(75% - 4px); }
	#b_sch .sch_bx .right div input{ padding:7px 12px; width:calc(100% - 35px); height:35px; font-size:12px; line-height:21px; }
	#b_sch .sch_bx .right div a{ width:35px; height:35px; background:#111 url('../images/btn/sch_m.png') no-repeat center; background-size:18px auto; }

	/* 페이지 */
	.b_page_no{ margin-top:25px; }
	.b_page_no a{ padding:0 5px; min-width:22px; height:22px; font-size:10px; line-height:20px; }

	.b_page_no div{ margin:0 10px; }
	.b_page_no .pageBtn_first{ background-size:6px auto; }
	.b_page_no .pageBtn_prev{ background-size:4px auto; }
	.b_page_no .pageBtn_next{ background-size:4px auto; }
	.b_page_no .pageBtn_last{ background-size:6px auto; }
	
	/* 리스트 */
	.boardS01 table{ display:Block; border-top:1px solid #1f1f1f; }
	.boardS01 table thead{ display:none; }
	.boardS01 table tbody{ display:block; }
	.boardS01 table tbody tr{ padding:14px 5px 11px 5px; display:block; border-bottom:1px solid #dcdcdc; font-size:0 }
	.boardS01 table tbody td{ display:inline-block; position:relative; padding:0; margin-right:8px; padding-right:10px; height:auto; font-size:11px; line-height:16px; text-align:left; }
	.boardS01 table tbody td:after{ content:''; position:absolute; right:0; top:5px; width:1px; height:8px; background:#e4e4e4; }
	.boardS01 table tbody td:last-child{ padding-right:0; margin-right:0; }
	.boardS01 table tbody td:last-child:after{ display:none; }
	.boardS01 table tbody td.link .notice{ display:inline-block; padding-right:4px; }
	.boardS01 table tbody .num{ display:none; }
	.boardS01 table tbody .link{  padding:0; margin-right:0; margin-bottom:8px; display:block; }
	.boardS01 table tbody .link:after{ display:none; }
	.boardS01 table tbody .link a{ font-size:14px; font-weight:700; }
	.boardS01 table tbody .link .file{ margin-left:3px; width:14px; height:13px; background:url('../images/icon/file_m.png') no-repeat center; background-size:cover; }
	.boardS01 table tbody .m_tit{ display:inline-block; }

	/* 뷰 */
	.board_view{ border-top:1px solid #333; }
	.board_view .v_tit{ padding:20px 15px; }
	.board_view .v_tit strong{ margin-bottom:7px; font-size:18px; line-height:23px; }
	
	.board_view .v_tit ul li{ padding-right:14px; margin-right:12px; font-size:12px; line-height:20px; }
	.board_view .v_tit ul li:after{ top:6px; height:8px;  }

	.board_view .v_file{ padding:10px 15px; }
	.board_view .v_file a{ margin-right:6px; font-size:12px; line-height:17px; }
	.board_view .v_file a:after{ right:-3px; }

	.board_view .v_con{ padding:15px 10px 35px; font-size:17px; line-height:32px; }

	.board_view .v_page > div > strong{ padding-left:10px; width:60px; }
	.board_view .v_page > div > strong span{ font-size:12px; line-height:40px; }
	.board_view .v_page > div > a{ width:calc(100% - 60px); padding-right:10px; }
	.board_view .v_page > div > a p{ font-size:12px; line-height:40px; }

}

/* 모바일 */
@media all and (max-width:768px){
	
}