@charset "utf-8";


/* ----------------------------- 게시판 list page ----------------------------- */

/* 게시판 상단 카테고리 tab */
.board_tab {margin:0 0 50px 0;}
.board_tab ul {text-align:center;}
.board_tab ul li {display:inline-block; margin:0 10px 20px;}
.board_tab ul li a {display:block; width:180px; height:35px; border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px; background:#f1f1f1; line-height:35px; font-size:15px; font-weight:600; color:929292; text-align:center; box-sizing:border-box; letter-spacing:-0.05em;}
.board_tab ul li.on a {background:#fff; border:1px solid #06224a; color:#333;}
.mypage_tab {display:none;}
/* 게시판 리스트 페이지 view */
.newboard_list table {border-top:2px solid #163665;}
.newboard_list table thead th {padding:15px 10px; font-size:15px; border-bottom:1px solid #ddd; background:#f5f5f5; font-family:"noto";}
.newboard_list table tbody td {padding:15px 20px; font-size:15px; border-bottom:1px solid #ddd;}
.newboard_list table tbody td.t_input {text-align:Center;}
.newboard_list table tbody td.t_icon img {width:20px;}
.newboard_list table tbody td.t_category {text-align:center; font-size:14px; font-weight:600; word-break:keep-all;}
.newboard_list table tbody td.t_cate1 {color:#093573;}
.newboard_list table tbody td.t_cate2 {color:#6a3153;}
.newboard_list table tbody td.t_cate3 {color:#99460f;}
.newboard_list table tbody td.t_cate4 {color:#747474;}
.newboard_list table tbody td.t_cate5 {color:#006b38;}
.newboard_list table tbody td.t_cate6 {color:#790c05;}
.newboard_list table tbody td.t_cate7 {color:#1a6881;}
.newboard_list table tbody td.t_title {color:#333; font-size:15px; font-weight:600;}
.newboard_list table tbody td.t_title a {display:block; width:750px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; font-family:"noto";}
.newboard_list table tbody td.t_date {color:#888; font-size:14px; font-weight:500;}
.newboard_list table tbody td.t_view_count {color:#888; font-size:14px; font-weight:500; background-image:url('../images/sub/bg_bar.jpg'); background-position:0 center; background-repeat:no-repeat;}
.newboard_list table tbody td.t_view_count span {vertical-align:middle;}
.newboard_list table tbody tr.t_important {background-color:#f8f8f8;}
.newboard_list table tbody td.t_title a:hover {text-decoration:underline;}
.newboard_list select  {margin:0 0 15px 0; padding:0 10px;}
.newboard_list button {border:1px solid #06224a; color:#06224a; font-size:16px; width:200px; height:35px; line-height:35px; border-radius:35px; margin:35px 0; box-sizing:border-box; background:#fff; cursor:pointer; display:block; font-weight:600;}
.newboard_list button:hover {background:#06224a; color:#fff;}

/* 자료실 리스트 페이지 view */
.newcloud_list {border-top:2px solid #163665; padding:20px 0 0; border-bottom:1px solid #ddd;}
.newcloud_list div.cloud {width:49.5%; height:125px; display:inline-block; box-sizing:border-box;}
.newcloud_list div.cloud a {display:block; width:100%; height:100%; padding:10px 20px 10px 45px; box-sizing:border-box;}
.newcloud_list div.cloud a:after {content:""; display:block; clear:both;}
.newcloud_list div.cloud a > div {float:left; display:inline-block;}
.newcloud_list div.cloud a div:last-child {width:395px; margin:0 0 0 15px;}
.newcloud_list div.cloud a h6 {font-size:16px; font-weight:800; color:#333; line-height:48px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newcloud_list div.cloud a p {font-size:14px; font-weight:500; color:#666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.newcloud_list div.cloud a:hover h6 {color:#163665; text-decoration:underline;}
.newcloud_list div.cloud a:hover p {color:#163665;}

/* 페이지 표시 */
.pagi {margin:45px auto 0; text-align:center;}
.pagi span {display:inline-block; width:34px; height:34px;}
.pagi a, .pagi strong {
	display: inline-block;
	position: relative;
	margin: 0 -2px;
	width: 34px;
	height: 34px;
	font-weight: bold;
	font-size: 14px;
	font-family: Tahoma, Sans-serif;
	color: #333;
	line-height: 34px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}
.pagi strong {
	color: #f5830f;
	background: #f5f5f5;
}

/* ----------------------------- 게시판 list page ----------------------------- */




/* -------------------------------------------------------------------  MOBILE 반응형 CSS  ------------------------------------------------------------------- */
@media screen and (max-width:640px) {

/* ----------------------------- 게시판 list page ----------------------------- */

	/* 게시판 상단 카테고리 tab */
	.board_tab ul li {display:inline-block; width:48%; margin:0 2% 15px 0;}
	.board_tab ul li:nth-child(2n), .board_tab ul li:last-child {margin:0 0 15px 0;}
	.board_tab ul li a {width:100%; height:35px; border-radius:35px; -webkit-border-radius:35px; -moz-border-radius:35px; line-height:35px; font-size:15px; letter-spacing:-0.05em;}
	.mypage_tab {display:block;}

	/* 게시판 리스트 페이지 view */
	.newboard_list table tr {display:-webkit-box; display:flex; display:-ms-flexbox; -ms-flex-wrap:wrap; flex-wrap:wrap; border-bottom:1px solid #ddd;}
	.newboard_list table thead th {display:none;}
	.newboard_list table tbody td {padding:15px 10px; font-size:15px;}
	.newboard_list table tbody td.t_category {order:3; font-size:13px;}
	.newboard_list table tbody td.t_title {order:1; width:100%; font-size:15px;}
	.newboard_list table tbody td.t_title a {white-space:normal; width:100%;}
	.newboard_list table tbody td.t_date {order:4; font-size:14px;}
	.newboard_list table tbody td.t_view_count {display:none;}
	.newboard_list table tbody td.t_input {order:2;}
	.newboard_list table tbody td.t_icon {order:5;}
	.newboard_list table tbody td.t_icon img {width:15px;}
	.newboard_list button {margin:35px auto;}

	/* 자료실 리스트 페이지 view */
	.newcloud_list {padding:30px 0 0 0;}
	.newcloud_list div.cloud {width:49%; height:auto;}
	.newcloud_list div.cloud a {padding:0 5px; box-sizing:border-box; text-align:center; margin:0 0 30px 0;}
	.newcloud_list div.cloud a div {float:none;}
	.newcloud_list div.cloud a div:last-child {width:100%; margin:5px 0 0 0;}
	.newcloud_list div.cloud a h6 {font-size:1.2em; letter-spacing:-0.05em; width:100%; line-height:22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.newcloud_list div.cloud a p {font-size:1em; letter-spacing:-0.05em; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/* ----------------------------- 게시판 list page ----------------------------- */

}
@media screen and (max-width:320px) {
		


}