@charset "utf-8";
/* CSS Document */
body { /*background:url(/images/sps/nrp/page_bg.png) no-repeat center calc(2% - 250px);*/}

nav { position:fixed; right:10px; top:calc(50% - 290px); z-index:100;}
nav a { background:no-repeat left top; display:block; width:58px; height:58px; margin-bottom:11px; text-indent:-1000px; overflow:hidden; opacity:0.6; -webkit-transition-duration:0.3s; transition-duration:0.3s;}
nav a:hover {opacity:1; transform: translateX(-5px);}
nav a.M_on {opacity:1;}
nav a:nth-child(1) { background-image:url(/images/sps/nrp/menu_0_han.png);}
nav a:nth-child(2) { background-image:url(/images/sps/nrp/menu_1_han.png);}
nav a:nth-child(3) { background-image:url(/images/sps/nrp/menu_2_han.png);}
nav a:nth-child(4) { background-image:url(/images/sps/nrp/menu_3.png);}
nav a:nth-child(5) { background-image:url(/images/sps/nrp/menu_4.png);}
nav a:nth-child(6) { background-image:url(/images/sps/nrp/menu_5_han.png);}
nav a:nth-child(7) { background-image:url(/images/sps/nrp/menu_6_han.png);}
nav a:nth-child(8) { background-image:url(/images/sps/nrp/menu_7_han.png); margin-bottom:0;}

section { width:100%; max-width:940px; height:100vh; min-height:800px; display:block; margin:0 auto; text-align:center; position:relative;-webkit-transition-duration:5s; transition-duration:5s;}
/*section:nth-child(2) { background:url(/images/sps/nrp/intro_bg.png) no-repeat center center;}*/
section .section_wrap { width:940px; height:780px; position:absolute; left:calc(50% - 470px); top:calc(50% - 390px); text-align:center; }

section h2 { font-size:30px; font-family:"나눔고딕B"; display:inline-block; margin:0 auto; border-bottom:#999 solid 1px; padding:0 20px 25px 20px; line-height:1; margin-bottom:25px; }

/* 다운로드 */
section.Down {}
section.Down .section_wrap {}
/*section.Down h1 { background:url(/images/sps/nrp/logo2.png) no-repeat left top; width:240px; height:46px; overflow:hidden; text-indent:-1000px; margin-left:-85px;}*/
section.Down h1 { width:240px; height:46px; overflow:hidden; text-indent:-1000px; margin-left:-85px;}
/*section.Down .nara_ani { background:url(/images/sps/nrp/intro_ani.gif) no-repeat center center; width:730px; height:115px; text-indent:-1000px; overflow:hidden; margin:0 auto; margin-top:20%; margin-bottom:70px; }*/
section.Down .nara_ani { width:730px; height:115px; overflow:hidden; margin-top:20%; margin-left:11%; margin-bottom:70px; color:#fff; font-size:100px; text-align:center; }
section.Down button.allDownload{ background:url(/images/sps/nrp/btn_nara_down.png) no-repeat center center; width:235px; height:45px; margin:0 auto; text-indent:-1000px; overflow:hidden;border-radius:30px; border:0;  }
section.Down button.updateDownload{ background:url(/images/sps/nrp/btn_up_download.png) no-repeat center center; width:215px; height:43px; border:none; margin:0 auto; text-indent:-1000px; overflow:hidden;border-radius:20px; border:#fff solid 1px;  }
section.Down button:hover { background-color:#000; }
section.Down .verChk {color:#ffffff; font-size:16px; font-family:맑은고딕; margin-top:10px;}

/*나라PC 소개*/
section.Inst {margin:0px; max-width:100%;}
section.Inst img{width: inherit; height:inherit;}
section.Inst button.allDownload {background:url(/images/sps/nrp/btn_ic_nara_down.png) no-repeat 20px 8px; width:235px; height:45px; margin:0 auto; border-radius:30px; border:1px solid #fff; color:#fff; font-size:18px; font-family:'나눔고딕B'; padding-left:28px;}
section.Inst button.allDownload:hover {background-color:#000;}
section.Inst div.btn_layout {display:block; position: relative; margin: -35vh auto;}
section.Inst div.btn_layout .verChk {margin-top: 15px; color:#fff; font-size:10pt;}


/* Infomation */
section.Info {}
section.Info .section_wrap {}
section.Info ul.Step { overflow:auto; margin-bottom:90px;}
section.Info ul.Step li { float:left; margin-right:71px; width:131px; text-align:center; padding-top:140px; font-size:12px; color:#666; position:relative;}
section.Info ul.Step li:last-child { margin-right:0;}
section.Info ul.Step li strong { display:block; font-family:"나눔고딕EB"; font-size:17px; color:#333;}
section.Info ul.Step li:before { content:''; display:block; width:131px; height:131px; background: no-repeat center center; position:absolute; left:0; top:0;}
section.Info ul.Step li:nth-child(1):before { background-image:url(/images/sps/nrp/img1_1.png);}
section.Info ul.Step li:nth-child(2):before { background-image:url(/images/sps/nrp/img1_2.png);}
section.Info ul.Step li:nth-child(3):before { background-image:url(/images/sps/nrp/img1_3.png);}
section.Info ul.Step li:nth-child(4):before { background-image:url(/images/sps/nrp/img1_4.png);}
section.Info ul.Step li:nth-child(5):before { background-image:url(/images/sps/nrp/img1_5.png);}

section.Info .special dt { background:url(/images/sps/nrp/title_bg_info.png) no-repeat center center; height:24px; font-family:"나눔고딕EB"; font-size:16px; color:#fff; text-align:center; margin-bottom:40px;}
section.Info .special dd ul { overflow:auto;}
section.Info .special dd li { float:left; width:35%; height:31px; background:url(/images/sps/nrp/bullet_1.png) no-repeat left center; padding-left:40px;font-family:"나눔고딕EB"; font-size:20px; color:#333; margin-bottom:38px;}
section.Info .special dd li:nth-child(3n) { width:30%;}

/* 게시판 */
.BoardList {}
.BoardList li { margin-bottom:40px;}
.BoardList li a { display:inline-block; background:url(/images/sps/nrp/icon_open.png) no-repeat left center; height:40px; line-height:1; padding:11px 0 0 55px;font-family:"나눔고딕B"; font-size:18px; color:#666; margin-right:10px; vertical-align:middle;}
.BoardList li span { color:#888; font-size:12px;font-family:"나눔고딕";padding-left:5px;}
.BoardList li button { vertical-align:middle; width:23px; height:23px; border:none; text-indent:-1000px; overflow:hidden; margin-right:4px; background-color:transparent;background:no-repeat center center; border-radius:12px;}
.BoardList li button:hover {  box-shadow:#666 0px 0px 5px;}
.BoardList li button.modify { background-image:url(/images/sps/nrp/btn_modify.png);}
.BoardList li button.delete { background-image:url(/images/sps/nrp/btn_delete.png);}
.BoardList li button.write_a { background-image:url(/images/sps/nrp/btn_write_a.png);}

.BoardList li div { height:0; overflow:hidden; font-size:14px; }

.BoardList li.M_on a {background-image:url(/images/sps/nrp/icon_close.png); color:#333;}
.BoardList li.M_on div { height:auto;padding:10px 0 0 55px;}
.Qna .BoardList li.M_on div.Qna_q { height:auto;padding:10px 0 0 55px;background:url(/images/sps/nrp/icon_q.png) no-repeat 25px 12px;}
.Qna .BoardList li.M_on div.Qna_a { height:auto;padding:10px 0 0 55px;background:url(/images/sps/nrp/icon_a.png) no-repeat 25px 12px;}
/*.Qna .BoardList .Answer { height:auto;padding:10px 0 0 55px;background:url(/images/sps/nrp/memo.gif) no-repeat left 15px top 13px;}*/

.BoardList li.M_on .File { padding-left:0; }
.BoardList li.M_on .File .FileTitle { background:#999; display:inline-block; padding:4px 6px; color:#fff; font-size:11px; margin-right:5px;vertical-align:middle;}
.BoardList li.M_on .File  a { font-size:12px; margin-right:15px; padding:0; background:none; color:#666; vertical-align:middle; display:inline;}

.paging { font-size:18px;font-family:"나눔고딕"; }
.paging button {font-family:"나눔고딕B";font-size:18px;  background:none; border:none;color:#333; vertical-align:middle; margin:0 10px; line-height:1;}
.paging  a { display:inline-block;vertical-align:middle; height:32px; min-width:32px;color:#333; padding:5px; border-radius:5px; text-align:center; margin:0 3px;}
.paging  a:hover { background:#ccc; }
.paging  a.M_on { background:#333; color:#fff;}
.paging  a.M_on:hover { background:#333; color:#fff;}
.paging_strong {font-weight: bold; color: #cc3333;}

.BoardList .BtnGroup { text-align:right;}
.BoardList .BtnGroup button { width:90px; height:34px; border:none; background:#ccc; font-family:"나눔고딕B"; color:#333; font-size:14px; border-radius:17px; margin-top:-48px;}
 
 
/*팝업*/ 
.Popup { position:fixed; width:100%; height:100vh; z-index:1000; display:none;}
.Popup:after { display:block; content:''; width:100%; height:100%; background:#000; opacity:0.5; position:fixed; left:0; top:0; z-index:1000;}
.Popup .WriteArea { width:500px; height:550px; z-index:1001; position:fixed; left:calc(50% - 250px); top:calc(40% - 200px); background:#fff; background-size-height:39px;}
.Popup h3 { background:#c33; height:39px; text-align:left; margin-bottom:30px;}
.Popup h3 span { display:inline-block; background:#000 url(/images/sps/nrp/layer_top_bg.png) no-repeat right top; padding:7px 180px 0 20px; color:#fff; font-size:16px; height:39px;}

.Popup .Btn_close { display:block; background:url(/images/sps/nrp/layer_close.png) no-repeat left top; width:19px; height:19px; position:absolute; right:13px; top:10px; border:none; text-indent:-1000px; overflow:hidden;}

.Popup dl { text-align:left; padding:0 30px;}
.Popup dl dt { position:relative; margin-bottom:20px; padding-left:100px;}
.Popup dl dt input { height:30px; width:100%; border:#ccc solid 1px; padding:3px 5px; font-size:14px;}
.Popup label { position:absolute; left:5px; top:4px; font-size:14px; display:inline-block;}
.Popup dl dd { position:relative; padding-left:100px;}
.Popup dl dd textarea { height:100px; max-height:120px; width:100%; max-width:100%; border:#ccc solid 1px; font-size:14px; margin-bottom: 5px;}

.Popup .BtnGroup { position:absolute; width:100%; height:35px; bottom:0; left:0; background:#ccc; padding-top:4px;}
.Popup .BtnGroup button { height:26px; width:70px; background:#333; border-radius:13px; color:#fff; border:none;}

.Popup.M_on { display:block;}




/*다운로드 팝업*/
.PopupDown { position:fixed; width:100%; height:100vh; z-index:1000; display:none;}
.PopupDown:after { display:block; content:''; width:100%; height:100%; background:#000; opacity:0.5; position:fixed; left:0; top:0; z-index:1000;}
.PopupDown .WriteArea { width:520px; height:470px; z-index:1001; position:fixed; left:calc(50% - 250px); top:calc(50% - 200px); background:#fff; background-size-height:39px;}
.PopupDown h3 { background:#c33; height:39px; text-align:left; margin-bottom:30px;}
.PopupDown h3 span { display:inline-block; background:#000 url(/images/sps/nrp/layer_top_bg.png) no-repeat right top; padding:7px 180px 0 20px; color:#fff; font-size:16px; height:39px;}

.PopupDown .Btn_close { display:block; background:url(/images/sps/nrp/layer_close.png) no-repeat left top; width:19px; height:19px; position:absolute; right:13px; top:10px; border:none; text-indent:-1000px; overflow:hidden;}

.PopupDown dl { text-align:left; padding:0 30px;}
.PopupDown dl dt { position:relative; margin-bottom:20px; padding-left:70px;}
.PopupDown dl dt input { height:27px; width:90%; border:#ccc solid 1px; padding:3px 5px; font-size:14px; margin-left:25px;}
.PopupDown label { position:absolute; left:0px; top:4px; font-size:14px; display:inline-block;}
.PopupDown dl dd { position:relative; padding-left:70px;}
.PopupDown dl dt textarea { height:100px; max-height:100px; width:90%; max-width:100%; border:#ccc solid 1px; margin-left:25px; font-size:14px; }

.PopupDown .BtnGroup { position:absolute; width:100%; height:35px; bottom:0; left:0; background:#ccc; padding-top:4px;}
.PopupDown .BtnGroup button { height:26px; width:70px; background:#333; border-radius:13px; color:#fff; border:none;}
.PopupDown .BtnGroup a { height:26px; width:70px; background:#333; border-radius:13px; color:#fff; border:none;}

.PopupDown.M_on { display:block;}


/*답변팝업*/ 
.AnsPopup { position:fixed; width:100%; height:100vh; z-index:1000; display:none;}
.AnsPopup:after { display:block; content:''; width:100%; height:100%; background:#000; opacity:0.5; position:fixed; left:0; top:0; z-index:1000;}
.AnsPopup .WriteArea { width:500px; height:350px; z-index:1001; position:fixed; left:calc(50% - 250px); top:calc(40% - 200px); background:#fff; background-size-height:39px;}
.AnsPopup h3 { background:#c33; height:39px; text-align:left; margin-bottom:30px;}
.AnsPopup h3 span { display:inline-block; background:#000 url(/images/sps/nrp/layer_top_bg.png) no-repeat right top; padding:7px 180px 0 20px; color:#fff; font-size:16px; height:39px;}

.AnsPopup .Btn_close { display:block; background:url(/images/sps/nrp/layer_close.png) no-repeat left top; width:19px; height:19px; position:absolute; right:13px; top:10px; border:none; text-indent:-1000px; overflow:hidden;}

.AnsPopup dl { text-align:left; padding:0 30px;}
.AnsPopup dl dt { position:relative; margin-bottom:20px; padding-left:100px;}
.AnsPopup dl dt input { height:27px; width:100%; border:#ccc solid 1px; padding:3px 5px; font-size:14px;}
.AnsPopup label { position:absolute; left:5px; top:4px; font-size:14px; display:inline-block;}
.AnsPopup dl dd { position:relative; padding-left:100px;}
.AnsPopup dl dd textarea { height:120px; max-height:120px; width:100%; max-width:100%; border:#ccc solid 1px; font-size:14px;}

.AnsPopup .BtnGroup { position:absolute; width:100%; height:35px; bottom:0; left:0; background:#ccc; padding-top:4px;}
.AnsPopup .BtnGroup button { height:26px; width:70px; background:#333; border-radius:13px; color:#fff; border:none;}

.AnsPopup.M_on { display:block;}

/****************************************************************************/
/* NRP BBS BoardList Table Contents											*/
/****************************************************************************/
table.boardContents {clear:both;}

table.boardList01 {clear:both; background:url(/images/sps/nrp/table_bg02_red_h60.gif) repeat-x; width:100%; height:31px; white-space:nowrap; border-collapse:collapse;}
	table.boardList01 thead th {height:29px; background:url('/images/gps/board/table_bar_line.gif') no-repeat left 9px; font-weight:bold; font-family:"나눔고딕B"; color:#000000;}
	table.boardList01 thead th.first {background:none;}
	table.boardList01 thead th.end {}

	table.boardList01 tbody td {padding-top:7px; padding-bottom:3px; border-bottom:1px solid #999; color:#000000; font-family:"나눔고딕"; background:none;}
		
	table.boardList01 td a {color:#000000;}
	table.boardList01 td a:hover {color:#2271c1;text-decoration:underline; position:relative;}
	table.boardList01 td.sj {text-align:left;}
	
		table.boardList01 col.rnum {width:30px; text-align:center;}
		table.boardList01 col.sj {width:200px; text-align:center;}
		table.boardList01 col.nmstSe {width:70px; text-align:center;}
		table.boardList01 col.svyTableSe {width:70px; text-align:center;}
		table.boardList01 col.visitRcordAt {width:80px; text-align:center;}
		table.boardList01 col.atchmnflId {width:50px; text-align:center;}
		table.boardList01 col.wrterNm {width:50px; text-align:center;}
		table.boardList01 col.rdCnt {width:50px; text-align:center;}
		table.boardList01 col.dwldCnt {width:80px; text-align:center;}
		table.boardList01 col.recommendCnt {width:50px; text-align:center;}
		table.boardList01 col.registDt {width:70px; text-align:center;}

	table.boardList01 tbody td.blank {height:18px; padding-top:5px; padding-bottom:3px; border-bottom:1px solid #e5e5e5; color:#767676; background:none;}

.board_info_lay {overflow:hidden; display:table; margin-bottom:-20px; padding:3px 0 3px 0; height:25px; font-weight: bold; border-top:#cc3333 solid 2px; border-bottom:#979797 solid 1px;}
.board_info_cnt {margin-bottom: 30px;}
	.board_info_cnt dl.board_cnt {float:right;margin-top:7px;margin-bottom:3px;}
	.board_info_cnt dl.board_cnt dt.total {float:left;margin-right:6px;margin-left:2px;padding:0;}
	.board_info_cnt dl.board_cnt dd.total {float:left; padding-right:7px; padding-left:7px; background:url('/images/common/total_bar.gif') no-repeat left 4px; color:#767676;}
	.board_info_cnt dl.board_cnt dt.page {float:left; padding-right:7px; padding-left:7px; background:url('/images/common/total_bar.gif') no-repeat left 4px; color:#767676;}
	.board_info_cnt dl.board_cnt dd.page {float:left;padding-left:7px;background:url('/images/common/total_bar.gif') no-repeat left 4px;color:#767676;}
.board_tbl_lay {overflow:hidden; width:100%;}
.board_search {float:left;}
.board_search li {float:left; margin-right:3px;}
.board_back {margin-top:3px;}
.board_back li {text-align:center; margin-bottom: 5px; margin-top: 5px;}

/****************************************************************************/
/* NRP BBS Detail Table Contents											*/
/****************************************************************************/
table.boardViewList01 {clear:both; background:url(/images/sps/nrp/table_bg02_red.gif) repeat-x; width:100%; height:31px; white-space:nowrap; border-collapse:collapse;}

	/* 선택글 현황 */
	table.boardViewList01 thead th {height:29px; background:url('/images/gps/board/table_bar_line.gif') no-repeat left 9px; font-weight:bold;}
	table.boardViewList01 thead th.first {background:none;}
	table.boardViewList01 thead th.end {}
	
	table.boardViewList01 tbody td {padding-top:7px; padding-bottom:3px; border-bottom:1px solid #dce0e5; color:#767676; background:none; font-weight:bold;}
		table.boardViewList01 tbody td.rnum {text-align:center}
		table.boardViewList01 tbody td.sj {text-align:left; padding-left:5px;}
		
	table.boardViewList01 td a {color:#555555;}
	table.boardViewList01 td a:hover {color:#2271c1;}

		table.boardList01 col.rnum {width:60px; text-align:center;}
		table.boardList01 col.sj {width:360px; text-align:center;}
		table.boardList01 col.registDt {width:100px; text-align:center;}

table.boardViewList02 {margin-top:5px; border-top:2px solid #cc3333; width:100%; border-collapse:collapse;}
	table.boardViewList02 thead th {text-align:left; color:#365e8a; font-weight:bold; padding:6px 0 6px 8px; border-bottom:1px solid #dce0e5; border-right:1px solid #dce0e5; width:15%;}
	table.boardViewList02 thead td {text-align:left; color:#333; padding:3px 0 3px 8px; }
	table.boardViewList02 thead td.wrterNm {border-bottom:1px solid #dce0e5;}
	table.boardViewList02 thead td.svyTableSe {border-bottom:1px solid #dce0e5; border-right:1px solid #dce0e5;}
	table.boardViewList02 thead td.nmstSe {border-bottom:1px solid #dce0e5; border-right:1px solid #dce0e5;}
	table.boardViewList02 thead td.visitRcordAt {border-bottom:1px solid #dce0e5;}
	table.boardViewList02 thead td.file {border-bottom:1px solid #dce0e5;}
	
	table.boardViewList02 td a {color:#000000;}
	table.boardViewList02 td a:hover {color:#2271c1; text-decoration:underline;}

	table.boardViewList02 tbody td.content {border-bottom:1px solid #dce0e5; padding-top:10px; padding-right:10px; color:#333; padding-bottom:10px; padding-left:10px; background:none; vertical-align:top; text-align:left;}
	table.boardViewList02 tbody td pre {font-family:"나눔고딕";}

	table.boardViewList02 col.tit {width:120px;}
	
table.boardViewList03 {margin-top:5px; clear:both; background:url(/images/sps/nrp/table_bg02_red.gif) repeat-x; width:100%; height:31px; border-collapse:collapse;}

	table.boardViewList03 thead th {height:29px; background:url('/images/gps/board/table_bar_line.gif') no-repeat left 9px; color:#00000; font-weight:bold;}
	table.boardViewList03 thead th.first {background:none; width:5%; text-align:center;}
	table.boardViewList03 thead th.name {background:none; width:10%; text-align:center;}
	table.boardViewList03 thead th.middle {width:70%; text-align:center;}
	table.boardViewList03 thead th.colDt {width:10%; text-align:center;}
	table.boardViewList03 thead th.end {width:5%; text-align:center;}
	
	table.boardViewList03 tbody td {padding-top:7px; padding-bottom:3px; border-bottom:1px solid #dce0e5; color:#767676; background:none;}
	table.boardViewList03 tbody td.cn {text-align:left; padding-left:10px;}
		
	table.boardViewList03 td a {color:#555555;}
	table.boardViewList03 td a:hover {color:#2271c1;}

table.boardViewList04 {margin-top:5px; width:100%; border-collapse:collapse;}
	table.boardViewList04 div.boxWriteInner {width:100%; position:relative; background-color:#ffffff; border:1px solid #b3b3b3;}
	table.boardViewList04 div.boxWriteArea {height:90px; padding-bottom:8px; position:relative;}
	table.boardViewList04 div.boxWriteCnt {height:20px;margin-right:5px;color:#767676;}
	table.boardViewList04 div.boxWriteBtnArea {height:40px; padding-right:68px; border-top:1px solid #ededed;}
	table.boardViewList04 button.boxWriteBtn {float:right; bottom:-1px; right:-1px; position:absolute; background:#cc3333; border-color:#cc3333; color:#ffffff; font-size:13px; font-weight:700; line-height:45px; border:1px solid #cc3333; width:63px; height:40px; z-index: 10;}
	table.boardViewList04 textarea.boxWriteTextArea {width:100%; height:90px; position:relative; float:left; padding:6px; padding-right:16px; background-color: #ffffff; resize:none; border:none;}

div.backBoardList span.nrpRecmdBtn {background: #cc3333; color: white; padding: 3px 5px 4px 5px; font-size: 13px; font-family: initial; font-weight: bold; border-radius: 5px;}
div.backBoardList span.nrpRecmdBtn:hover {border: 1px solid #000000;}
div.commentText {text-align: left; font-family: 나눔고딕B; margin-top: 10px; color: #767676; line-height: 10px;}
div.commentText input{margin-left:5px; width:90px;}

div.dialogWriteInner {width:840px; position:relative; background-color:#ffffff; border:1px solid #b3b3b3; margin-left:5px;}
div.dialogWriteArea {height:90px; padding-bottom:8px; position:relative;}
div.dialogWriteCnt {margin-right:5px;color:#767676;}
div.dialogWriteArea textarea.dialogAnswerCn {width:100%; height:150px; position:relative; float:left; padding:6px 0 0; padding-right:16px; background-color: #ffffff; resize:none; border:none; font-family:none;}

div.datapaging  {width:100%; line-height:30px; height:30px; text-align:center;}

.ui-widget-header {background:#cc3333; color:#ffffff;}
.ui-widget {font-family: 나눔고딕;font-size:12px;}
.ui-widget-header .ui-icon {background-image: url(/images/sps/nrp/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/images/common/jquery/ui-icons_cd0a0a_256x240.png);}