@charset "UTF-8";
.search-group { border: 1px solid #b8d6f1; padding: 25px 50px; background: #ecf6ff; }

.search-group .search-head { width: 100%; position: relative; }

.search-group .search-head .select-wrap { display: inline-block; border: 1px solid #d8d8d8; vertical-align: middle; padding: 15px; background: #fff; }

.search-group .search-head .select-wrap > select { border: 0; font-size: 17px; padding-right: 34px; background: #fff url(/images/np/eng/select-arrow.png) no-repeat; background-position: right 0 top 8px; }

.search-group .search-head .search-wrap { display: inline-block; width: calc(100% - 290px); }

.search-group .search-head .search-wrap > .search { position: relative; padding-right: 156px; margin: 0; }

.search-group .search-head .search-wrap > .search .input-wrap, .search-group .search-head .search-wrap > .search .btn-wrap { display: inline-block; vertical-align: middle; }

.search-group .search-head .search-wrap > .search .input-wrap { border: 1px solid #d8d8d8; width: 100%; }

.search-group .search-head .search-wrap > .search .btn-wrap { position: absolute; top: 0; right: 0; }

.search-group .search-head .search-wrap > .search .btn-wrap .btn { width: 140px; margin: 0; }

.search-group .search-head .btn-all-list { position: absolute; top: 0; right: 0; margin: 0; }

.search-group .search-head .btn-all-list > i { background: url(/images/np/eng/icon-all-list.png) no-repeat; background-position: 0 0; width: 22px; height: 16px; display: inline-block; }

.search-group .calender-wrap { margin-top: 9px; border: 1px solid #d8d8d8; width: 100%; background: #fff; padding: 15px 27px; text-align: center; }

.search-group .calender-wrap .year-list { display: inline-block; vertical-align: middle; }

.search-group .calender-wrap .year-list > span { font-weight: 700; font-size: 23px; color: #000; width: 120px; display: inline-block; text-align: center; }

.search-group .calender-wrap .year-list > a { font-size: 12px; vertical-align: top; text-indent: -9999em; overflow: hidden; background: url(/images/np/eng/year-arrow.png) no-repeat; width: 20px; height: 20px; display: inline-block; }

.search-group .calender-wrap .year-list > a.prev_year { background-position: 4px 0; }

.search-group .calender-wrap .year-list > a.next_year { background-position: -17px 0; }

.search-group .calender-wrap .month-list { margin: 0; display: inline-block; vertical-align: middle; text-align: center; }

.search-group .calender-wrap .month-list ul { padding: 0; }

.search-group .calender-wrap .month-list ul > li { display: inline; margin: 0 7px; }

.search-group .calender-wrap .month-list ul > li a { display: inline-block; overflow: hidden; position: relative; width: 49px; height: 49px; border: 1px solid #a7b6cf; border-radius: 50%; font-size: 12px; font-weight: 500; line-height: 49px; color: #0058af; text-align: center; }

.search-group .calender-wrap .month-list ul > li.active a { color: #fff; border: none; background: #01317b; }

.table { width: 100%; max-width: 100%; padding: 0; border-collapse: collapse; background-color: transparent; font-size: 1em; border-spacing: 0; }

/* .boardWrap .board-top { margin: 0 0 20px; display: block; width: 100%; position: relative; text-align: right; }

.boardWrap .board-top .total { position: absolute; top: 15px; left: 0; color: #000; }

.boardWrap .board-top .total > strong { font-weight: 500; color: #000; padding: 0 15px 0 5px; } */

.boardWrap .board-top {margin: 30px 0 14px 0;}
.boardWrap .board-top .total {float:left;padding-top:18px;font-size:0;}
.boardWrap .board-top .total p {display: inline-block;vertical-align:top;margin-right: 20px;}
.boardWrap .board-top .total span {display:inline-block;vertical-align:middle;font-weight:400;font-size:15px;line-height:1.4667;letter-spacing:-0.025em;color:#757575;}
.boardWrap .board-top .total b {font-weight: 500;color:#DA0021;}
.boardWrap .board-top .total i {display:inline-block;vertical-align:middle;margin-right:4px;font-size:20px;line-height:1;color:#0051AC;}

/* .boardWrap .board-top .search-wrap { text-align: right; border: 1px solid #d8d8d8; display: inline-block; }

.boardWrap .board-top .search-wrap .select-wrap { border-right: 1px solid #d8d8d8; float: left; position: relative; }

.boardWrap .board-top .search-wrap .select-wrap:before { position: absolute; content: ''; top: 50%; right: 10px; width: 0; height: 0; margin-top: -1px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #313131; }

.boardWrap .board-top .search-wrap .select-wrap .category { border: none; line-height: 40px; padding-right: 27px; padding-left: 15px; height: 40px; -moz-appearance: none; Firefox -webkit-appearance: none; Safari and Chrome background: #fff; }

.boardWrap .board-top .search-wrap .select-wrap .category::-ms-expand { display: none; }

.boardWrap .board-top .search-wrap .input-wrap { float: left; position: relative; line-height: 40px; }

.boardWrap .board-top .search-wrap .input-wrap > input { line-height: 40px; height: 40px; }

.boardWrap .board-top .search-wrap .input-wrap > .btn { position: absolute; top: 0; right: 0; height: auto; line-height: 34px; padding: 0 4px 0 10px; font-size: 20px; border: none; }

.boardWrap .board-top .search-wrap .input-wrap > .btn > i { margin-left: 1px; margin-right: 9px; margin-top: 0; line-height: 40px; font-size: 20px; color: #a4a4a4; } */

.boardWrap .search-box {padding: 29px;border: 1px solid #C8D1DB;border-radius:10px;background-color:#F9F9F9;text-align:center;font-size:0;}
.boardWrap .search-wrap .select-wrap {display:inline-block;vertical-align:middle;width:120px;margin-right:10px;}
.boardWrap .search-wrap .select-wrap select {display:inline-block;vertical-align:middle;width:100%;border:1px solid #BDBDBD; border-radius:4px; height:52px; padding:0 11px; padding-right:34px; background:#fff url(/images/np_new/bg_select_arrow.png)no-repeat right 7px center; font-size:16px;line-height:1.5;}
.boardWrap .search-wrap .input-wrap {display:inline-block;vertical-align:middle;width:calc(100% - 130px);}
.boardWrap .search-wrap .input-wrap input[type=text] {display:inline-block;vertical-align:middle; width:calc(100% - 130px);height:52px; padding:0 11px; margin-right:10px; border:1px solid #BDBDBD; border-radius:4px; background-color:#fff; font-size:16px;line-height:1.5;}
.boardWrap .search-wrap .input-wrap button[type=submit] {display:inline-block;vertical-align:middle;width:120px;background-color:#003A88; padding:14px 20px; border-radius:4px;}
.boardWrap .search-wrap .input-wrap button[type=submit]>span{display:inline-block;vertical-align:middle;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-0.05em;color:#fff;}
.boardWrap .search-wrap .input-wrap button[type=submit]>i{display:inline-block;vertical-align:middle;font-size:24px;line-height:1;color:#fff;}
.boardWrap .search-wrap .input-wrap button[type=submit]>span+i,
.boardWrap .search-wrap .input-wrap button[type=submit]>i+span{margin-left:8px;}

.boardWrap th { text-align: center; }

.boardWrap td { background: #fff; }

.boardWrap td.title { padding-left: 20px; }

.boardWrap .bbsList { /* table-layout: fixed; */ width: 100%; border-top: 2px solid #5368F5; }

.boardWrap .bbsList > thead > tr > th { vertical-align:middle; position:relative; padding: 20px 15px; background:#F3F9FF url(/images/np_new/sub/board-line.png) repeat-x 0 bottom; text-align: center;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-0.025em;color:#212121; }
.boardWrap .bbsList > thead > tr > th+th::before {content:"";position:absolute;top:0;left:0;height:24px;border-left:1px solid #5368F5;}

.boardWrap .bbsList > thead > tr > th.no, .boardWrap .bbsList > thead > tr > th.hit, .boardWrap .bbsList > thead > tr > th.file { width: 100px; }

.boardWrap .bbsList > thead > tr > th.division, .boardWrap .bbsList > thead > tr > th.created { width: 180px; }

.boardWrap .bbsList > tbody > tr > td { vertical-align:middle; position:relative; padding: 20px 15px; border-bottom: 1px solid #C8D1DB; text-align: center;font-weight:400;font-size:16px;line-height:1.5;letter-spacing:-0.025em;color:#212121; }
.boardWrap .bbsList > tbody > tr > td+td::before {content:"";position:absolute;top:0;left:0;height:30px;border-left:1px solid #C8D1DB;}
.boardWrap .bbsList > tbody > tr:hover > td {background-color:#F9FCFF;}

.boardWrap .bbsList > tbody > tr > td.title { overflow: hidden; text-align: left; white-space: nowrap; white-space: normal; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; }

.boardWrap .bbsList > tbody > tr > td a { font-size: 14px; color: #505050; display: inline-block; max-width: 100%; font-weight: 400; line-height: 16px; vertical-align: middle; }

.boardWrap .bbsList > tbody > tr > td a:hover { text-decoration: underline; }

.boardWrap .bbsList > tbody > tr > td.mobile {
	text-align: left;
}

.boardWrap .bbsList > tbody > tr > td.mobile > a {
	display:block;
}

.boardWrap .bbsList > tbody > tr > td.mobile div.subject {
	position: relative;
}

.boardWrap .bbsList > tbody > tr > td.mobile div.subject span {
	width: 35px;
	height: 25px;
	line-height: 23px;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 13px;
	color: #d30009;
	text-align: center;
	border: 1px solid #d73338;
}

.boardWrap .bbsList > tbody > tr > td.mobile div.subject strong {
	display: block;
	line-height: 22px;
	font-size: 16px;
	font-weight: 500;
	color: #505050;
	word-break: keep-all;
}

.boardWrap .bbsList > tbody > tr > td.mobile div.subject.notice strong {
	padding-left: 45px;
}

.boardWrap .bbsList > tbody > tr > td.mobile div.info {
	margin-top: 10px;
}

.boardWrap .bbsList > tbody > tr > td.mobile div.info ul {
	overflow: hidden;
}

.boardWrap .bbsList > tbody > tr > td.mobile div.info ul li {
	width: 60%;
	float: left;
}

.boardWrap .bbsList > tbody > tr > td.mobile div.info ul li:nth-child(even) {
	width: 40%;
	text-align: right;
}

.boardWrap .bbsList > tbody > tr > td.mobile div.info ul li span {
	font-size: 12px;
	color: #505050;
}

.boardWrap .bbsList > tbody > tr > td.mobile div.info ul li span:first-child {
	padding-right: 5px;
}

.boardWrap .bbsView { table-layout: fixed; }

.boardWrap .bbsView > colgroup .width-th { width: 100px; }

.boardWrap .bbsView > colgroup .width-td { width: 200px; }

.boardWrap .bbsView > colgroup .width-td-s { width: 100px; }

.boardWrap .bbsView > tbody > tr > th { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; height: 43px; background: #f8f8f8; font-size: 14px; color: #000; text-align: center; vertical-align: middle; font-weight: 500; }

.boardWrap .bbsView > tbody > tr > td { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; color: #777; vertical-align: middle; padding-left: 20px; font-size: 16px; word-break: break-all; }

.boardWrap .bbsView > tbody > tr > td.title { border-top: 2px solid #005bb4; border-bottom: 1px solid #d8d8d8; padding: 30px; text-align: center; }

.boardWrap .bbsView > tbody > tr > td.title > strong { font-weight: 500; color: #000; font-size: 21px; }

.boardWrap .bbsView > tbody > tr > td.file { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.boardWrap .bbsView > tbody > tr > td.file > a > img { vertical-align: middle; margin-right: 10px; }

.boardWrap .board-style-top .h3-title-board { padding: 21px 23px; border-top: 2px solid #5368F5; border-bottom: 1px solid #CFD8DC; font-size: 20px; line-height:1.45; font-weight: 500; letter-spacing:0; color: #424242; text-align: left; word-break: keep-all; }

.boardWrap .board-style-top .board-style-head { display: table; table-layout: fixed; width: 100%; }

.boardWrap .board-style-top .board-style-head > dl { border-bottom: 1px solid #CFD8DC; display: table; }

.boardWrap .board-style-top .board-style-head > dl > dt { display: table-cell; height: 59px; background: #F3F9FF; font-size: 14px; color: #000; text-align: center; vertical-align: middle; font-weight: 500; }

.boardWrap .board-style-top .board-style-head > dl > dd { display: table-cell; color: #777; vertical-align: middle; padding-left: 20px; font-size: 16px; word-break: break-all; height: 59px; }

.boardWrap .board-style-top .board-style-head > dl.writer { width: 60%; float: left; }

.boardWrap .board-style-top .board-style-head > dl.writer > dt { width: 100px; }

.boardWrap .board-style-top .board-style-head > dl.date { width: 20%; float: left; }

.boardWrap .board-style-top .board-style-head > dl.date > dt { width: 100px; }

.boardWrap .board-style-top .board-style-head > dl.hit { width: 20%; float: left; }

.boardWrap .board-style-top .board-style-head > dl.hit > dt { width: 100px; }

.boardWrap .board-style-top .board-style-head > dl.hit > dd { text-align: left; width: 100px; }

.boardWrap .board-style-top .board-style-head .head-row { width: 100%; }

.boardWrap .board-style-top .board-style-head .head-row > dl { border-bottom: 1px solid #CFD8DC; display: table; table-layout: fixed; float: left; width:100%; }

.boardWrap .board-style-top .board-style-head .head-row > dl > dt { display: table-cell; height: 59px; background: #F3F9FF; font-size: 14px; color: #000; text-align: center; vertical-align: middle; font-weight: 500; width: 100px; }

.boardWrap .board-style-top .board-style-head .head-row > dl > dd { display: table-cell; color: #777; vertical-align: middle; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; font-size: 16px; word-break: break-all; height: 59px; text-align: left; width: auto; overflow: hidden; width: 100%; }

.boardWrap .board-style-top .board-style-head .head-row > dl.division, .boardWrap .board-style-top .board-style-head .head-row > dl.headline { width: 100%;}

.boardWrap .board-style-top .board-style-head .head-row > dl.created, .boardWrap .board-style-top .board-style-head .head-row > dl.file { width: 75%; }

.boardWrap .board-style-top .board-style-head .head-row > dl.created > dd > span > a,
.boardWrap .board-style-top .board-style-head .head-row > dl.file,
dl.file-new > dd > span > a { color: #777; font-size: 16px; /* height: 35px; line-height: 59px; */ }

.boardWrap .board-style-top .board-style-head .head-row > dl.created > dd > span > a > img, .boardWrap .board-style-top .board-style-head .head-row > dl.file, dl.file-new > dd > span > a > img { vertical-align: middle; padding-right: 5px; }

.boardWrap .board-style-top .board-style-head .head-row > dl.writer, .boardWrap .board-style-top .board-style-head .head-row > dl.hit { width: 25%; }

.boardWrap .board-style-top .board-style-head .head-row > dl.file > dd { white-space: nowrap; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; display: inline-block; line-height: 35px; vertical-align: middle; }

.boardWrap .board-style-top .board-style-head .head-row > dl.file-new > dd { white-space: nowrap; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; display: inline-block; line-height: 35px; vertical-align: middle; width: 100%;}
.boardWrap .board-style-top .board-style-head .head-row > dl.file-new > dd span {display:inline-block; vertical-align:middle;}
.boardWrap .board-style-top .board-style-head .head-row > dl.file-new > dd img {vertical-align:middle;}
.boardWrap .board-style-top .board-style-head .head-row > dl.file-new > dd a {display:inline-block; vertical-align:middle;}


.boardWrap .board-style-top .board-style-head .head-row:after { clear: both; display: block; content: ''; }

.boardWrap .press-view-Content .board_content { padding: 30px 20px; font-size:17px; line-height:25px;}

.boardWrap .press-view-Content .board_content > p { line-height: 20px; font-size: 16px; padding: 10px 0; }

.boardWrap .photoView { table-layout: fixed; }

.boardWrap .photoView > colgroup .width-th { width: 100px; }

.boardWrap .photoView > colgroup .width-td { width: 200px; }

.boardWrap .photoView > tbody > tr > th { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; height: 59px; background: #f8f8f8; font-size: 14px; color: #000; text-align: center; vertical-align: middle; font-weight: 500; }

.boardWrap .photoView > tbody > tr > td { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; color: #777; vertical-align: middle; padding-left: 20px; font-size: 16px; word-break: break-all; }

.boardWrap .photoView > tbody > tr > td.title { border-top: 2px solid #005bb4; border-bottom: 1px solid #d8d8d8; padding: 30px 30px 30px 0; text-align: left; }

.boardWrap .photoView > tbody > tr > td.title > strong { font-weight: 500; color: #000; font-size: 21px; }

.boardWrap .photoView > tbody > tr > td.hit { width: 200px; text-align: center; }

.boardWrap .photoView > tbody > tr > td.date { width: 200px; }

.boardWrap .view-Content { border-bottom: 0; }

/* .boardWrap .view-Content .photo-content { padding: 180px 0 0; } */
.boardWrap .view-Content .photo-content { padding: 50px 0 0; }

.boardWrap .view-Content .photo-content .slick-photo-wrap > p {width:80.5%; margin:0 auto; padding: 50px 0 50px; line-height: 25px; word-break: keep-all; text-align: left; color: #000; font-size:18px;}

/* .boardWrap .view-Content .photo-content .slick-photo-wrap img { margin: 0 auto; width: 100%; max-width: 740px; } */
.boardWrap .view-Content .photo-content .slick-photo-wrap img { margin: 0 auto; width: 100%; max-width: 85%; }

.boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo { padding: 0 40px; margin: 0 20px; }

.boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo .btn-l { position: absolute; top: calc(50% - 18px); left: 10px; z-index: 1000; }

.boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo .btn-r { position: absolute; top: calc(50% - 18px); right: 10px; z-index: 1000; }

.boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav { background: #f8f8f8; border: 1px solid #d8d8d8; padding: 40px; overflow: hidden; }

.boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav .slick-arrow.slick-prev { left: 42px; background: url(/images/np/eng/slick-nav-left.png) no-repeat 0 0; }

.boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav .slick-arrow.slick-next { right: 34px; background: url(/images/np/eng/slick-nav-right.png) no-repeat 0 0; }

.boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav .slick-list { padding: 0 !important; margin: 0 27px; }

.boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav .nav-inner { display: inline-block; border: 1px solid #cccccc; font-size: 0; }

.boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav .nav-inner > img { width: 100%; }

.boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav .slick-slide { margin: 0 5px; }

.boardWrap .slider-tit { border-top: 2px solid #5368F5; border-bottom: 1px solid #C8D1DB; height: 80px; background: #fff; text-align: left; vertical-align: middle; padding:24px; display: table; width: 100%; margin-bottom: 107px; font-weight:500;font-size:20px;line-height:1.45;letter-spacing:-0.025em;color:#212121; }

.boardWrap .slider-tit > strong { display: table-cell; font-weight:500;font-size:20px;line-height:1.45;letter-spacing:-0.025em;color:#212121; vertical-align: middle; }

.boardWrap .slick-policies-wrap img {}
.boardWrap .slick-policies-wrap .single-item .slick-slide img {box-sizing:border-box; margin: 0 auto; width: 100%; max-width: 860px; border:1px solid #C8D1DB;}

.boardWrap .slick-policies-wrap .slider-policies .btn-l { position: absolute; top: calc(50% - 23px); /* left: 208px; */ left:50%;margin-left:-512px; z-index: 1000; margin-top:94px; }

.boardWrap .slick-policies-wrap .slider-policies .btn-r { position: absolute; top: calc(50% - 23px); /* right: 208px; */ right:50%;margin-right:-512px; z-index: 1000; margin-top:94px; }

.boardWrap .slick-policies-wrap .slider-policies-nav { max-width:900px;margin:0 auto;margin-top:37px; }

.boardWrap .slick-policies-wrap .slider-policies-nav .slick-arrow.slick-prev { left: 42px; background: url(/images/np/eng/slick-nav-left.png) no-repeat 0 0; }

.boardWrap .slick-policies-wrap .slider-policies-nav .slick-arrow.slick-next { right: 34px; background: url(/images/np/eng/slick-nav-right.png) no-repeat 0 0; }

/* .boardWrap .slick-policies-wrap .slider-policies-nav .slick-list { padding: 0 !important; margin: 0 27px; } */

.boardWrap .slick-policies-wrap .slider-policies-nav .nav-inner { display: block; border: 1px solid #C8D1DB; font-size: 0; }

.boardWrap .slick-policies-wrap .slider-policies-nav .nav-inner > img { width: 100%; }

.boardWrap .slick-policies-wrap .slider-policies-nav .slick-slide { margin: 0 20px; }
/* .boardWrap .slick-policies-wrap .slider-policies-nav .slick-slide:hover .nav-inner {border-color:#003A88;} */

.boardWrap .slick-policies-wrap .slider-policies-nav .slick-current .nav-inner { border-color:#003A88; }

.boardWrap .slick-policies-wrap .slider-policies-nav .slick-track { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }

.boardWrap .slick-policies-wrap .single-item {/* padding-bottom:92px; */margin:0 82px;}

.boardWrap .slick-policies-wrap .slick-dots { position: absolute; bottom: 30px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }

.boardWrap .slick-policies-wrap .slick-dots > li { position: relative; display: inline-block; width: 32px; height: 32px; margin: 0; padding: 0; cursor: pointer; }

.boardWrap .slick-policies-wrap .slick-dots > li > button { display: block; width: 32px; height: 32px; padding: 0; border: 1px solid transparent; background-color: transparent; border-radius: 50%; font-size: 0; line-height: 0; color: transparent; cursor: pointer; }

.boardWrap .slick-policies-wrap .slick-dots > li > button:before { /* background-color: #B7B7B7; */background-color:#fff; opacity: 100; width: 9px; height: 9px; border-radius: 50%; top: 12px; left: 12px; }

.boardWrap .slick-policies-wrap .slick-dots > li.slick-active > button { border: 1px solid transparent; }

.boardWrap .slick-policies-wrap .slick-dots > li.slick-active > button:before { background-color: #003A88; }

.boardWrap .slick-policies-wrap .slick-dots > li .slick_btn_stop { margin-left:8px; background-color: transparent; width: 32px; height: 32px; /* border-color:#B7B7B7; */ border-color:#fff; border-radius: 50%; }

.boardWrap .slick-policies-wrap .slick-dots > li .slick_btn_stop:before { background: url(/images/np_new/sub/slick-stop_white.png) no-repeat; width: 12px; height: 16px; border-radius: 0; top: 8px; left: 18px; }

.boardWrap .slick-policies-wrap .slick-dots > li .slick_btn_play { margin-left:8px; background-color: transparent; width: 32px; height: 32px; border-color:#041A63; border-radius: 50%; }

.boardWrap .slick-policies-wrap .slick-dots > li .slick_btn_play:before { background: url(/images/np_new/sub/slick-play.png) no-repeat; width: 12px; height: 16px; border-radius: 0; top: 8px; left: 20px; }

.boardWrap .photo-wrap { border-top: 2px solid #5368F5; /* border-bottom: 1px solid #C8D1DB; */ padding: 50px 0; }

.boardWrap .photo-wrap .photo-list { position: relative; overflow: hidden; margin: -10px -8px 0; }

.boardWrap .photo-wrap .photo-list > li { float: left; width: 25%; padding: 10px 8px; }

.boardWrap .photo-wrap .photo-list > li .photo-inner { position:relative; border: 1px solid #C8D1DB; border-radius:8px; }
.boardWrap .photo-wrap .photo-list > li:hover .photo-inner {/* border-color:#03A6CF; */ box-shadow:0 0 20px 0 rgba(0,0,0,0.1);}
.boardWrap .photo-wrap .photo-list > li:hover .photo-inner::after {content:""; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; /* width:100%; height:100%; */ border:2px solid #03A6CF; border-radius:10px;}

.boardWrap .photo-wrap .photo-list > li .photo-inner .photo-frame { /* border-bottom: 1px solid #d8d8d8; */ font-size: 0; }

.boardWrap .photo-wrap .photo-list > li .photo-inner .photo-frame > a > img { width: 100%; border-radius:8px 8px 0 0; }

.boardWrap .photo-wrap .photo-list > li .photo-inner .desc-txt { font-weight: 500; padding: 23px 17px; }

.boardWrap .photo-wrap .photo-list > li .photo-inner .desc-txt > a { position:relative; z-index:1; font-size: 15px; color: #222222; line-height: 24px; /* 한 줄 자르기 */ display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* 여러 줄 자르기 추가 스타일 */ white-space: normal; height: 45px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22.5px; max-height: 45px; }
.boardWrap .photo-wrap .photo-list > li:hover .photo-inner .desc-txt > a {text-decoration:underline;}

.boardWrap .photo-wrap .photo-list > li .photo-inner .desc-date { color: #505050; font-size: 16px; text-align: right; padding: 19px 17px 17px; }

.boardWrap .photo-wrap .photo-list:after { content: ''; display: table; clear: both; }

.PNList > ul { border-top: 1px solid #d8d8d8; }

.PNList > ul > li { border-bottom: 1px solid #d8d8d8; font-size: 18px; line-height: 22px; display: table; padding: 25px 0; width: 100%; }

.PNList > ul > li > span { width: 145px; display: table-cell; background: url(/images/np/eng/icon-pnlist.png) no-repeat; text-align: right; padding: 0 30px; font-size: 16px; }

.PNList > ul > li > a { color: #505050; margin-left: 10px; }

.PNList > ul > li.prev > span { background-position: 30px 8px; }

.PNList > ul > li.next > span { background-position: 30px -62px; }

.btn-wrap { margin-top: 30px; text-align: right; }

/* .btn-wrap .btn-list { background: url(/images/np/eng/icon-btn-list.png) 23px 19px no-repeat; padding-left: 55px; } */
.btn-wrap .btn-list{display:inline-block;vertical-align:middle;border:2px solid #E0E0E0;background-color:#fff; padding:12px 18px; border-radius:4px; /* margin-right: 10px; */text-align:center;}
.btn-wrap .btn-list>span{display:inline-block;vertical-align:middle;font-weight:500;font-size:16px;line-height:1.5;letter-spacing:-0.05em;color:#5368F5;}
.btn-wrap .btn-list>i{display:inline-block;vertical-align:middle;font-size:24px;line-height:1;color:#5368F5;}
.btn-wrap .btn-list>i+span,
.btn-wrap .btn-list>span+i{margin-left:8px;}

/* .pagination { margin: 0; margin-top: 80px; text-align: center; }

.pagination ul { padding: 0; }

.pagination ul > li { display: inline; margin: 0 1px; }

.pagination ul > li a { display: inline-block; overflow: hidden; position: relative; width: 44px; height: 44px; border-radius: 50%; font-size: 16px; font-weight: 400; line-height: 44px; color: #757575; text-align: center; }

.pagination ul > li.active a { background-position: 0 0; background: #354f76; border-radius: 50%; color: #fff; font-weight: 500; }

.pagination ul .first_page a, .pagination ul .prev_page a, .pagination ul .next_page a, .pagination ul .last_page a { font-size: 12px; vertical-align: top; text-indent: -9999em; overflow: hidden; background: url(/images/np/eng/ico-page-arrow.png) 0 0 no-repeat; border: 1px solid #b9b9b9; border-radius: 50%; }

.pagination ul .first_page a { background-position: 0 0; }

.pagination ul .prev_page a { background-position: -50px 0; margin-right: 10px; }

.pagination ul .next_page a { background-position: -100px 0; margin-left: 10px; }

.pagination ul .last_page a { background-position: -150px 0; } */

/* Paging */
.pagination {position:relative; margin:58px auto; text-align:center; font-size:0;}
.pagination ul > li {display:inline-block; vertical-align:middle; margin:4px;}
.pagination ul > li > a {display:inline-block; vertical-align:top; position:relative; box-sizing:border-box; width:32px; height:32px; border:1px solid transparent; border-radius:4px; font-weight:400; font-size:1rem; line-height:30px; letter-spacing:0; color:#616161; transition:all 0.3s;}
.pagination ul > li.num > a {background-color:#F4F6F8;}
.pagination ul > li:not(.num) > a {border-color:#E3E5E7; background-color:#fff; font-size:1.25rem; color:#424242;}
.pagination ul > li:not(.num) > a::before,
.pagination ul > li:not(.num) > a > i::before {display:inline-block; width:0.5em; text-indent:-0.25em;}
.pagination ul > li:not(.num) > a > i {margin-left:-0.25em;}

.pagination ul > li.first_page {/* margin:0; */}
.pagination ul > li.prev_page {margin-right:12px;}
.pagination ul > li.next_page {margin-left:12px;}
.pagination ul > li.last_page {/* margin:0; */}
.pagination ul > li.first_page > a::before {}
.pagination ul > li.last_page > a::before {}

.pagination ul > li:not(.active) > a:focus {outline:none;}
.pagination ul > li.num:hover > a,
.pagination ul > li.num > a:focus {border-color:#0051AC;}
.pagination ul > li.num.active > a {background-color:#0051AC; font-weight:500; color:#fff;}
.pagination ul > li:not(.num):hover > a,
.pagination ul > li:not(.num) > a:focus {background-color:#ECEFF1;}

@media all and (max-width: 960px) {
  .boardWrap .photo-wrap { padding: 20px 0; }
  .boardWrap .photo-wrap .photo-list > li { float: left; width: 33.3333%; padding: 10px 8px; }
  .boardWrap .bbsList > thead > tr > th.no, .boardWrap .bbsList > thead > tr > th.division, .boardWrap .bbsList > thead > tr > th.file, .boardWrap .bbsList > thead > tr > th.hit { display: none; }
  .boardWrap .bbsList > thead > tr > th.title { width: 70%; }
  .boardWrap .bbsList > thead > tr > th.created { width: 30%; }
  .boardWrap .bbsList > tbody > tr > td { padding: 10px 15px; }
  .boardWrap .bbsList > tbody > tr > td.no, .boardWrap .bbsList > tbody > tr > td.division, .boardWrap .bbsList > tbody > tr > td.file, .boardWrap .bbsList > tbody > tr > td.hit { display: none; }
  .boardWrap .bbsView > colgroup .width-th { width: 80px; }
  .boardWrap .bbsView > colgroup .width-td { width: 150px; }
  .boardWrap .bbsView > colgroup .width-td-s { width: 70px; }
  .boardWrap .bbsView > colgroup .width-auto { width: 200px; }
  .boardWrap .bbsView > tbody > tr > td { font-size: 14px; }
  .boardWrap .bbsView > tbody > tr > td.view-Content .board_content { padding: 30px 0; }
  .boardWrap .photoView > colgroup .width-th { width: 80px; }
  .boardWrap .photoView > colgroup .width-td { width: 150px; }
  .boardWrap .photoView > colgroup .width-td-s { width: 70px; }
  .boardWrap .photoView > colgroup .width-auto { width: 200px; }
  .boardWrap .view-Content .photo-content { padding: 40px 0px 0; }
  .boardWrap .view-Content .photo-content .slick-photo-wrap > p { padding: 30px 0 40px; }
  .boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav { padding: 20px; }
  .boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav .slick-arrow.slick-prev { left: 20px; }
  .boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav .slick-arrow.slick-next { right: 20px; }
  .boardWrap .board-style-top .h3-title-board { font-size: 16px; padding: 20px 10px; line-height: 21px; }
  .boardWrap .board-style-top .board-style-head > dl { float: none; }
  .boardWrap .board-style-top .board-style-head > dl > dt, .boardWrap .board-style-top .board-style-head > dl dd { height: 45px; font-size: 14px; }
  .boardWrap .board-style-top .board-style-head > dl.date { width: 100%; }
  .boardWrap .board-style-top .board-style-head > dl.hit { width: 100%; }
  .boardWrap .board-style-top .board-style-head > dl.hit > dd { width: 100px; }
  .boardWrap .board-style-top .board-style-head > dl.hit > dd { text-align: left; width: auto; }
  .boardWrap .board-style-top .board-style-head .head-row > dl > dt, .boardWrap .board-style-top .board-style-head .head-row > dl dd { height: 45px; font-size: 14px; }
  .boardWrap .board-style-top .board-style-head .head-row > dl.division, .boardWrap .board-style-top .board-style-head .head-row > dl.created, .boardWrap .board-style-top .board-style-head .head-row > dl.writer, .boardWrap .board-style-top .board-style-head .head-row > dl.headline, .boardWrap .board-style-top .board-style-head .head-row > dl.file, .boardWrap .board-style-top .board-style-head .head-row > dl.hit { float: none; width: 100%; }
  .boardWrap .board-style-top .board-style-head .head-row > dl.file-new > dd {line-height:21px;}
  .boardWrap .board-style-top .board-style-head .head-row > dl.file > dd > span > a { font-size: 14px; /* line-height: 43px; */ }
  .boardWrap .board-style-top .board-style-head .head-row > dl.created > dd > span > a,
  .boardWrap .board-style-top .board-style-head .head-row > dl.file,
  dl.file-new > dd > span > a {font-size:14px;}
  /* .boardWrap .slider-tit { margin-bottom: 40px; }
  .boardWrap .slider-tit > strong { font-size: 16px; line-height: 21px; }
  .boardWrap .slick-policies-wrap .slider-policies-nav { padding: 20px; }
  .boardWrap .slick-policies-wrap .slider-policies-nav .slick-list { margin: 0; } */
  .boardWrap .slider-tit {margin-bottom:78px;}
  .boardWrap .slick-policies-wrap .slider-policies .btn-l {left:0;margin-left:0;}
  .boardWrap .slick-policies-wrap .slider-policies .btn-r {right:0;margin-right:0;}
  .release-view-wrap .table-overflow { max-width: 960px; overflow-x: scroll; }
  .photo-view-wrap .table-overflow { max-width: 960px; overflow-x: scroll; }
  /* .pagination { margin-top: 30px; }
  .pagination ul > li { margin: 0 -1px; }
  .pagination ul > li a { font-size: 14px; width: 28px; height: 28px; line-height: 28px; }
  .pagination ul .first_page a { background-position: -10px -8px; }
  .pagination ul .prev_page a { background-position: -60px -8px; margin-right: 5px; }
  .pagination ul .next_page a { background-position: -110px -8px; margin-left: 5px; }
  .pagination ul .last_page a { background-position: -160px -8px; } */
  .pagination {max-width:200px;}
  .pagination ul > li:not(.num) {position:absolute;top:50%;margin-top:-16px;}
  .pagination ul > li.first_page {left:-84px;}
  .pagination ul > li.prev_page {left:-48px;}
  .pagination ul > li.next_page {right:-48px;}
  .pagination ul > li.last_page {right:-84px;}
  .PNList > ul > li { font-size: 14px; position: relative; padding-left: 100px; display: block; padding: 10px 0; width: 100%; padding-right: 20px; }
  .PNList > ul > li > span { width: 90px; display: inline-block; padding: 0; font-size: 16px; position: absolute; top: 10px; left: 0; }
  .PNList > ul > li > a { font-size: 14px; margin-left: 10px; padding-left: 100px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; width: 100%; overflow: hidden; display: inline-block; }
  .btn-wrap .btn-list { height: 38px; line-height: 36px; background-position: 11px 10px; padding: 0 10px; padding-left: 41px; }
  
	.boardWrap .board-top .total {position:static; float:none;clear:both;width:100%;text-align:center;margin-bottom:20px;padding-top:0;}
	.boardWrap .bbsList {
		display: block;
	}
	.boardWrap .bbsList colgroup, .boardWrap .bbsList thead {
		display: none;
	}
	.boardWrap .bbsList tbody {
		display: block;
	}
	.boardWrap .bbsList tbody > tr {
		display: block;
		border-bottom: 1px solid #C8D1DB;
	}
	.boardWrap .bbsList tbody > tr > td {
		display: none;
		padding: 10px;
		/* font-size: 13px; */
		border: none;
	}
	.boardWrap .bbsList tbody > tr > td + td::before {display:none;}
	.boardWrap .bbsList tbody > tr > td.mobile {
		display: block;
	}
	.boardWrap .bbsList tbody > tr > td.empty {
		font-size: 14px;
		text-align: center;
	}
	div.board_list.more_list {
		margin-top: 30px;
	}
	div.board_list.more_list a.more {
		height: 30px;
		line-height: 28px;
		padding: 0 15px;
		font-size: 13px;
	}
}

@media all and (max-width: 680px) {
  .boardWrap .photo-wrap .photo-list > li .photo-inner .desc-txt { font-weight: 500; padding: 5px 10px; }
  .boardWrap .photo-wrap .photo-list > li .photo-inner .desc-txt > a { font-size: 14px; }
  .boardWrap .photo-wrap .photo-list > li .photo-inner .desc-date { font-size: 14px; padding: 0px 17px 10px; }
  /* .boardWrap .board-top .total { position: absolute; bottom: 0; top: auto; } */
  .boardWrap .board-top .search-wrap { width: 100%; margin-bottom: 30px; padding-left: 100px; }
  .boardWrap .board-top .search-wrap .select-wrap { position: absolute; z-index: 1; left: 1px; }
  .boardWrap .board-top .search-wrap .input-wrap { width: 100%; padding-right: 40px; }
}

@media all and (max-width: 480px) {
  .boardWrap .photo-wrap .photo-list > li { float: left; width: 50%; padding: 10px 8px; }
  .boardWrap .bbsList > head > tr > th.title { width: 70%; }
  .boardWrap .bbsList > head > tr > th.created { width: 30%; }
  .boardWrap .bbsList > tbody > tr td { padding: 10px 5px; }
  .boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav { padding: 5px; }
  .boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav .slick-list { margin: 0 20px; }
  .boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav .slick-arrow.slick-prev { left: 8px; }
  .boardWrap .view-Content .photo-content .slick-photo-wrap .slider-photo-nav .slick-arrow.slick-next { right: 3px; }
  /* .boardWrap .slick-policies-wrap .slider-policies-nav { padding: 10px; } */
  /* .pagination { margin-top: 30px; }
  .pagination ul > li { margin: 0 -1px; }
  .pagination ul > li a { font-size: 14px; width: 19px; height: 19px; line-height: 20px; }
  .pagination ul .first_page a { background-position: -14px -12px; border: none; }
  .pagination ul .prev_page a { background-position: -64px -12px; margin-right: 5px; border: none; }
  .pagination ul .next_page a { background-position: -115px -12px; margin-left: 5px; border: none; }
  .pagination ul .last_page a { background-position: -164px -12px; border: none; } */
  .pagination {max-width:150px;}
  .pagination ul > li {margin:2px;}
  .pagination ul > li:not(.num) {position:absolute;top:50%;margin-top:-16px;}
  .pagination ul > li.first_page {left:-66px;}
  .pagination ul > li.prev_page {left:-36px;margin-right:8px;}
  .pagination ul > li.next_page {right:-36px;margin-left:8px;}
  .pagination ul > li.last_page {right:-66px;}
  .pagination ul > li > a {width:26px;height:26px;font-size:14px;line-height:24px;}
}