@charset "utf-8";

.no_list{ padding:100px 0; font-size:16px; line-height:26px; color:#333; text-align:Center; }

.btn_area{ margin-top:60px; text-align:Center; }
.btn_area a{ display:inline-block; vertical-align:top; width:280px; height:70px; font-size:18px; line-height:70px; font-weight:700; border-radius:35px; }
.btn_area a.btn01{ background:#111; color:#fff; }

/* 검색 */
#b_sch{ margin-bottom:15px; }
#b_sch .sch_bx{ font-size:0; }
#b_sch .sch_bx:after{ content:''; display:Block; clear:both; }
#b_sch .sch_bx > div{ display:inline-block; vertical-align:top; }
#b_sch .sch_bx > .left{ font-size:16px; line-height:45px; color:#444; letter-spacing:-0.05em; }
#b_sch .sch_bx > .left strong{ font-size:20px; font-weight:700; color:#000; }
#b_sch .sch_bx > .right{ font-size:0; float:right; }
#b_sch .sch_bx > .right input{ display:inline-block; vertical-align:top; padding:10px 0 10px 17px; width:260px; height:45px; font-size:16px; line-height:25px; letter-spacing:-0.05em; color:#333; box-sizing:border-box; border:0; outline:none; }
#b_sch .sch_bx > .right input:placeholder{ color:#aaa; }
#b_sch .sch_bx > .right a{ display:inline-block; vertical-align:top; width:45px; height:45px; text-indent:-9999px; background:url('../images/btn/sch.png') no-repeat center; }

/* 공지사항 */
.list_boardS01{ border-top:2px solid #111; }
.list_boardS01 ul{}
.list_boardS01 ul li{ border-bottom:1px solid #eee; }
.list_boardS01 ul li a{ position:relative; display:block; padding:35px 0; font-size:0; }
.list_boardS01 ul li a:after{ content:''; position:absolute; right:24px; top:50%; margin-top:-7px; width:18px; height:14px; background:url('../images/icon/list_ar.png') no-repeat center; }
.list_boardS01 ul li a > div{ display:inline-block; vertical-align:middle; box-sizing:border-box; }
.list_boardS01 ul li a > .num{ width:80px; font-size:18px; line-height:28px; color:#666; text-align:Center; }
.list_boardS01 ul li a > .num .notice{ display:inline-block; width:40px; height:40px; text-indent:-9999px; background:url('../images/icon/notice.png') no-repeat center; }
.list_boardS01 ul li a > .txt{ width:calc(100% - 80px); padding-right:60px; }
.list_boardS01 ul li a > .txt strong{ display:block; font-size:24px; line-height:34px; color:#222; letter-spacing:-0.05em; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.list_boardS01 ul li a > .txt span{ display:block; margin-top:5px; font-size:16px; line-height:26px; color:#aaa; }

/* 언론자료 */
.thum_boardS01{ padding-top:40px; border-top:2px solid #111; overflow:hidden; }
.thum_boardS01 ul{ font-size:0; margin-right:-45px; margin-bottom:-55px; }
.thum_boardS01 ul li{ display:inline-block; vertical-align:top; width:calc(33.33% - 45px); margin-right:45px; margin-bottom:55px; }
.thum_boardS01 ul li a{ display:block; }
.thum_boardS01 ul li a .img_bx{ position:relative; margin-bottom:25px; padding-bottom:75%; overflow:hidden; }
.thum_boardS01 ul li a .img_bx img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s; }
.thum_boardS01 ul li a .txt_bx .cate{ display:block; margin-bottom:5px; font-size:16px; line-height:26px; color:#ed7a21; font-weight:700; }
.thum_boardS01 ul li a .txt_bx .txt{ display:block; min-height:60px; font-size:20px; line-height:30px; color:#222; font-weight:700; word-break: keep-all; word-wrap: break-word; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; }
.thum_boardS01 ul li a .txt_bx .date{ display:block; margin-top:15px; font-size:14px; line-height:24px; color:#666; }

/* 뷰페이지 */
.board_view{ border-top:2px solid #111; overflow:hidden; }
.board_view .v_tit{ padding:55px 30px; border-bottom:1px solid #eee; text-align:Center;}
.board_view .v_tit span{ display:inline-block; margin-bottom:10px; font-size:20px; line-height:30px; color:#ed7a21; letter-spacing:-0.05em; font-weight:700; }
.board_view .v_tit strong{ display:block; font-size:34px; line-height:44px; color:#222; letter-spacing:-0.05em; font-weight:700; word-break: keep-all; word-wrap: break-word; }
.board_view .v_tit p.date{ margin-top:15px; font-size:16px; line-height:26px; color:#aaa; }

.board_view .v_video{ padding:30px 30px; border-bottom:1px solid #eee; background:#fafafa; }
.board_view .v_video > div{ margin:0 auto; width:100%; max-width:800px; }
.board_view .v_video > div > div{ position:relative; padding-bottom:56.25%; }
.board_view .v_video iframe{ position:absolute; left:0; top:0; width:100%; height:100%; }

.board_view .v_file{ padding:0 0 30px; font-size:0; margin-right:-30px; margin-bottom:-15px; }
.board_view .v_file a{ display:inline-block; vertical-align:top; padding:0 90px 0 30px; width:calc(33.33% - 30px); margin-right:30px; margin-bottom:15px; font-size:16px; line-height:90px; color:#333; background:#fafafa url('../images/btn/v_file.png') no-repeat right 20px center; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.board_view .v_con{ padding:30px 0 20px; font-size:16px; line-height:26px; }
.board_view .v_con img{ max-width:100% !important; }

.board_view .v_page{ border-top:1px solid #111; border-bottom:1px solid #111; }
.board_view .v_page > div{ font-size:0; }
.board_view .v_page > div.page_p{ border-bottom:1px solid #eee;}
.board_view .v_page > div > strong{ display:inline-block; vertical-align:top; width:120px; padding-left:10px; box-sizing:border-box; }
.board_view .v_page > div > strong span{ display:inline-block; padding-right:40px; font-size:16px; line-height:80px; color:#111; font-weight:700; }
.board_view .v_page > div.page_p > strong span{ background:url('../images/btn/v_page_p.png') no-repeat right center; }
.board_view .v_page > div.page_n > strong span{ background:url('../images/btn/v_page_n.png') no-repeat right center; }
.board_view .v_page > div > a{ display:inline-block; vertical-align:top; width:calc(100% - 120px); }
.board_view .v_page > div > a p{ display:block; max-width:90%; font-size:16px; line-height:80px; color:#666;  text-overflow:ellipsis; white-space:nowrap; overflow:hidden; box-sizing:border-box; }

/* 페이지 */
.b_page_no{ position:relative; margin-top:40px; text-align:center; font-size:0;}
.b_page_no > a{ display:inline-block; vertical-align:top; margin:0 1px; padding:0 3px; min-width:40px; height:40px; font-size: 18px; line-height:40px; color:#aaa; text-align:center; box-sizing:border-box; }
.b_page_no > a.on{ color:#fff; background:#222; border-radius:20px; }
.b_page_no .pageBtn{ min-width:26px; text-indent:-9999px; }
.b_page_no .pageBtn_first{ margin-right:10px; background: url('../images/btn/btn_first.png') no-repeat center; }
.b_page_no .pageBtn_prev{ margin-right:10px; background: url('../images/btn/btn_prev.png') no-repeat center; }
.b_page_no .pageBtn_next{ margin-left:10px; background: url('../images/btn/btn_next.png') no-repeat center; }
.b_page_no .pageBtn_last{ margin-left:10px; background: url('../images/btn/btn_last.png') no-repeat center; }


/* PC */
@media all and (min-width:1025px){

.list_boardS01 ul li a:hover:after{ background:url('../images/icon/list_ar_on.png') no-repeat center; }
.list_boardS01 ul li a:hover > .txt strong{ text-decoration:underline; }

.thum_boardS01 ul li a:hover .img_bx img{ transform: scale(1.05);  -webkit-transform: scale(1.05);  -moz-transform: scale(1.05); }
.thum_boardS01 ul li a:hover .txt_bx .txt{ text-decoration:underline; }

}

/* 태블릿&모바일 공통*/
@media all and (max-width:1024px){
	.no_list{ padding:40px 0; font-size:13px; line-height:18px; }
	
	.btn_area{ margin-top:30px; }
	.btn_area a{ width:155px; height:45px; font-size:14px; line-height:45px; border-radius:23px; }

	/* 검색 */
	#b_sch{ margin-bottom:15px; }
	#b_sch .sch_bx > .left{ font-size:14px; line-height:28px; }
	#b_sch .sch_bx > .left strong{ font-size:15px; }
	#b_sch .sch_bx > .right input{ padding:4px 0 4px 10px; width:195px; height:28px; font-size:14px; line-height:20px; }
	#b_sch .sch_bx > .right a{ width:28px; height:28px; background-size:14px auto; }

	/* 공지사항 */
	.list_boardS01{ border-top:1px solid #111; }
	.list_boardS01 ul li a{ padding:15px 0; }
	.list_boardS01 ul li a:after{ right:13px; margin-top:-5px; width:13px; height:10px; background:url('../images/icon/list_ar_m.png') no-repeat center; background-size:13px auto; }
	
	.list_boardS01 ul li a > .num{ width:50px; font-size:14px; line-height:20px; }
	.list_boardS01 ul li a > .num .notice{ width:30px; height:30px; background:url('../images/icon/notice_m.png') no-repeat center; background-size:cover; }
	.list_boardS01 ul li a > .txt{ width:calc(100% - 50px); padding-right:60px; }
	.list_boardS01 ul li a > .txt strong{ font-size:15px; line-height:20px; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow:hidden; }
	.list_boardS01 ul li a > .txt span{ margin-top:2px; font-size:12px; line-height:17px; }

	/* 언론자료 */
	.thum_boardS01{ padding-top:20px; border-top:1px solid #111; }
	.thum_boardS01 ul{ margin-right:-25px; margin-bottom:-25px; }
	.thum_boardS01 ul li{ width:calc(33.33% - 25px); margin-right:25px; margin-bottom:25px; }
	.thum_boardS01 ul li a .img_bx{ margin-bottom:15px; }
	.thum_boardS01 ul li a .txt_bx .cate{ margin-bottom:3px; font-size:12px; line-height:17px; }
	.thum_boardS01 ul li a .txt_bx .txt{ min-height:40px; font-size:15px; line-height:20px; }
	.thum_boardS01 ul li a .txt_bx .date{ margin-top:10px; font-size:10px; line-height:15px; }

	/* 뷰페이지 */
	.board_view{ border-top:1px solid #111; }
	.board_view .v_tit{ padding:25px 10px 15px; }
	.board_view .v_tit span{ margin-bottom:7px; font-size:14px; line-height:20px; }
	.board_view .v_tit strong{ font-size:20px; line-height:25px; }
	.board_view .v_tit p.date{ margin-top:8px; font-size:12px; line-height:17px; }

	.board_view .v_video{ padding:10px 10px; }

	.board_view .v_file{ padding:0 0 15px; margin-right:-15px; margin-bottom:-5px; }
	.board_view .v_file a{ padding:0 55px 0 15px; width:calc(50% - 15px); margin-right:15px; margin-bottom:5px; font-size:14px; line-height:50px; background-position:right 15px center; background-size:25px auto; }

	.board_view .v_con{ padding:15px 0; font-size:14px; line-height:19px; }

	.board_view .v_page > div > strong{ width:70px; padding-left:5px; }
	.board_view .v_page > div > strong span{ padding-right:20px; font-size:14px; line-height:58px; }
	.board_view .v_page > div.page_p > strong span{ background:url('../images/btn/v_page_p_m.png') no-repeat right center; background-size:12px auto; }
	.board_view .v_page > div.page_n > strong span{ background:url('../images/btn/v_page_n_m.png') no-repeat right center; background-size:12px auto; }
	.board_view .v_page > div > a{ width:calc(100% - 70px); }
	.board_view .v_page > div > a p{ font-size:14px; line-height:58px; }

	/* 페이지 */
	.b_page_no{ margin-top:30px; }
	.b_page_no > a{ margin:0 2px; padding:0 2px; min-width:30px; height:30px; font-size:14px; line-height:30px; }
	.b_page_no .pageBtn_first{ margin-right:1px; background-size:13px auto;}
	.b_page_no .pageBtn_prev{ margin-right:5px; background-size:9px auto;}
	.b_page_no .pageBtn_next{ margin-left:5px; background-size:9px auto;}
	.b_page_no .pageBtn_last{ margin-left:1px; background-size:13px auto;}

}

/* 모바일 */
@media all and (max-width:768px){
	
	/* 언론자료 */
	.thum_boardS01 ul{ margin-right:0; }
	.thum_boardS01 ul li{ width:100%; margin-right:0; }

	/* 뷰페이지 */
	.board_view .v_file{ margin-right:0; }
	.board_view .v_file a{width:100%; margin-right:0; }

}