@charset "utf-8";

/************************************************************************   게  시  판   ******************************************************************************************************/

tr.td_notice td {background:#f9f9f9;}
tr.td_notice td a {font-weight:bold;}

/** paginb_Bx **/
.paginb_Bx {position:relative; text-align: center; height:40px; line-height:40px; margin-top: 40px;}
.paginb_Bx a {display:inline-block; height:35px; line-height:35px; width:30px; color:#1e1e1e; background:#fff; margin:0 2px; font-size: 16px;}
.paginb_Bx a:hover,
.paginb_Bx a.nowpage {background:#fff; color:#000f69; border-bottom:2px solid #000f69;}
.paginb_Bx a.nowpage {cursor:default;}
.paginb_Bx .btn_wrte{position: absolute; display:inline-block; padding:0; border:none; background:none; right:-2px; width:auto; height:23px;}
.paginb_Bx a.btn_wrte:hover {background:none;}
.paginb_Bx a.direction {letter-spacing:-1px; font-weight:bold; color:#bbb;}
.paginb_Bx a.direction:hover {color:#fff;}
.paginb_Bx a.direction.next {text-indent:1px;}
.paginb_Bx a.direction.prev {text-indent:-1px;}
.paginb_Bx .btn01 { float:right; width:auto; vertical-align:top; display:inline-block; padding:0 30px; height:40px; line-height:40px; border:1px solid #475893; background:#475893; text-align:center; font-weight:bold; color:#fff; }
.paginb_Bx .btn01.writeBtn {position: absolute; top: 0; right: 0; margin: 0; background: #000f69;}
.paginb_Bx .btn01.writeBtn:hover {background: #333; color:#fff; border: 1px solid #333;}

@media (max-width: 425px) {
	.paginb_Bx a {width: 25px;}
}

/* 검색박스 */
.searchWrap {margin-bottom: 50px; text-align: center;}
.searchWrap .searchBox {display: inline-block; overflow: hidden; width: 100%; max-width: 550px;}
.searchWrap .searchBox select {float: left; min-width: 100px; height: 70px; line-height: 70px; margin-right: 15px; padding: 0 10px; border: none; border-bottom: 2px solid #000f69; font-size: 18px;}
.searchWrap .searchBox input {float: left; width: calc(100% - 185px); height: 70px; line-height: 70px; margin-right: 15px; padding: 0 10px; border: none; border-bottom: 2px solid #000f69; font-size: 18px; outline:none;}
.searchWrap .searchBox a {float: left; height: 70px; line-height: 70px; border: none; background: none;}
.searchWrap .searchBox a img {}

@media (max-width: 640px) {
	.searchWrap .searchBox select {height: 50px; line-height: 50px; font-size: 16px;}
	.searchWrap .searchBox input {height: 50px; line-height: 50px; font-size: 16px;}
	.searchWrap .searchBox a {height: 50px; line-height: 50px;}
	.searchWrap .searchBox a img {width: 30px;}
}


/** write_guide **/
table.write_guide{
	width:100%;
	box-sizing:border-box;
	margin-bottom: 10px;
	border-top: 1px solid #909090;
}
table.write_guide th{
	background: #f9f9f9;
	font-size:14px; 
	color:#000;
	border-bottom: 1px solid #e4e4e4;
}
table.write_guide td{
	padding:10px; 
	border-bottom: 1px solid #e4e4e4;
}
table.write_guide td input[type=text] {
	width:99%;
	height:30px; 
	padding:10px; 
	background:#fff; 
	border:1px solid #dadada; 
	float:left;
}
table.write_guide td input.small-input {
	width:200px;
	margin-right:10px;
}
table.write_guide td select {
	width:150px;
	height:34px; 
	line-height:34px;
	border:1px solid #e4e4e4;
	float:left;
}
table.write_guide textarea {
	width:99%;
	height:200px;
	line-height:18px;
	border:1px solid #e4e4e4; 
}
table.write_guide .line_txt{
	width:20px;
	line-height:34px;
	font-size:12px;  
	text-align:center;
	display: block; 
	float:left; 
}


.spamBox input { height: 35px; line-height: 35px;}
.spamBox input + img {height: 35px;}
.spamBox div {display: block; width: 100%;}
@media (max-width: 600px) {
	.spamBox input { width: calc(100% - 100px); height: 35px; line-height: 35px;}
	.spamBox input + img {width: 90px; height: auto;}
}
@media (max-width: 450px) {
	.resTable.write input {width: 100%;}
}

/** password_bx **/
.password_bx {width: auto; overflow: hidden; border: 5px solid #ebebeb; text-align: center; padding: 50px 0;}
.password_bx strong{display: inline-block;margin: 0 auto 10px; padding-bottom: 5px; border-bottom: 2px solid #000f69; font-weight: 500;}
.password_bx input{display: inline-block; height: 40px; line-height: 40px; padding:0 10px; border: 1px solid #ccc;}
.password_bx a img {vertical-align:bottom;}

@media (max-width: 620px) {
	.password_bx input {height: 35px; line-height: 35px;}
}
@media (max-width: 380px) {
	.password_bx input {width: 150px;}
}

/** passwd_div **/
.passwd_div {text-align:center;}
.passwd_div ul li {display:inline-block;}
.passwd_div ul li a img {vertical-align:middle; margin-top:-5px;}

/** scroll_bx **/
.scroll_bx{
	width:auto; 
	height:150px;
	padding:30px; 
	margin-top:10px;
	border:1px solid #e4e4e4; 
	overflow-y: auto;
}
.scroll_bx strong{
	font-size:16px; 
	color: #000; 
	display: block;
	padding: 0 0 20px;
}

.scroll_bx .dl_lst dt{
	color:#000; 
	margin-bottom:5px;
}
.scroll_bx .dl_lst dd{
	padding:0 0 10px; 
	line-height:20px;
	color:#7b7b7b;
	font-size:14px; 
}

/*.board_list*/
.board_list {width: 100%; margin-bottom: 20px;}
.board_list ul {border-top: 2px solid #000f69;}
.board_list ul li {width: 100%; border-bottom: 1px solid #ddd; overflow: hidden;}
.board_list ul li a {display: block; width: 100%; height: 100px; line-height: 100px; font-size: 16px;}
.board_list ul li a:hover {background: #f4f6ff;}
.board_list ul li p {float: left;}
.board_list ul li p.num {width: 100px; text-align: center; color:#000;}
.board_list ul li p.title {position: relative; width: calc(100% - 220px); padding-right: 25px; color:#161616; white-space:nowrap; text-overflow: ellipsis; overflow: hidden;}
.board_list ul li p.date {width: 120px; text-align: center; color:#909090; font-family: 'Montserrat', sans-serif; font-weight: normal;}
.board_list ul li p.title .has_file {position: absolute; right: 0; top: 50%; transform:translateY(-50%);}

.board_list ul li a.has_writer p.num {width: 100px;}
.board_list ul li a.has_writer p.title {width: calc(100% - 300px);}
.board_list ul li a.has_writer p.writer {float: right; width: 80px; color:#909090; text-align: center;}
.board_list ul li a.has_writer p.date {float: right; width: 120px;}

.board_list ul li.notice {background: #f9f9f9;}/*공지사항*/
.board_list ul li.notice a {font-weight: 500; color:#000;}
.board_list ul li.notice p.num span {padding: 2px 8px; background: #000f69; color:#fff; font-size: 14px;}

.write_cont {margin-bottom: 10px; }
.write_cont .lst_tab_bx {overflow: hidden;}
.lst_tab_bx .count_bx {float: left;}
.lst_tab_bx .paginb_bx {float: right;}

.no_list {width: 100%; padding: 150px 0; border-top: 2px solid #000f69; border-bottom: 1px solid #000f69; text-align: center; background: #f9f9f9;}

.bbs_write {width: 100%; text-align: right;}


@media (max-width: 640px) {
	.board_list ul li a {height: 80px; line-height: 80px;}
	.board_list ul li p.num {width: 45px;}
	.board_list ul li p.title {width: calc(100% - 135px);}
	.board_list ul li p.date {width: 90px; font-size: 14px;}
	.board_list ul li.notice p.num span {padding: 2px 6px; font-size: 12px;}

	.board_list ul li a.has_writer p.num {width: 40px;}
	.board_list ul li a.has_writer p.title {width: calc(100% - 200px);}
	.board_list ul li a.has_writer p.writer {width: 70px; color:#909090; text-align: right; font-weight: normal; font-size: 13px;}
	.board_list ul li a.has_writer p.date {width: 90px;}
}
@media (max-width: 480px) {
	.board_list ul li p.num span {font-size: 12px;}
	.board_list ul li p.title {width: calc(100% - 45px); height: 50px; line-height: 50px; padding-right: 20px;}
	.board_list ul li p.date {float: right; width: 90px; height: 30px; line-height: 30px;}
	.board_list ul li p.title .has_file {width: auto; height: 20px;}

	.board_list ul li a.has_writer p.title {width: calc(100% - 45px); height: 50px; line-height: 50px; padding-right: 20px;}
	.board_list ul li a.has_writer p.writer { width: 70px; height: 30px; line-height: 30px;}
	.board_list ul li a.has_writer p.date {width: 90px; height: 30px; line-height: 30px;}
}


/*view*/
.view_wrap {}
.view_wrap .viewTitle {display: table; width: 100%; padding-bottom: 20px; overflow: hidden; border-bottom: 1px solid #909090;}
.view_wrap .viewTitle h4 {display: table-cell; width: calc(100% - 150px); font-size: 24px; font-weight: 500; color:#000;}
.view_wrap .viewTitle p.date {display: table-cell; width: 150px; text-align: right; font-size: 16px; color: #909090; vertical-align: bottom; font-weight: normal; font-family: 'Montserrat', sans-serif;}

.view_wrap .viewTitle.has_writer h4 {width: calc(100% - 250px);} 
.view_wrap .viewTitle.has_writer p.writer {display: table-cell; width: 100px; text-align: right; font-size: 16px; color: #909090; vertical-align: bottom;}
.view_wrap .viewTitle.has_writer p.date { width: 150px;}

.viewFile {padding: 20px 0; overflow: hidden;}
.viewFile a {display: inline-block; float: left; margin: 0 5px 5px; padding: 5px 15px; background: #eee; border-radius: 25px;}
.viewFile a:hover {background: #909090;color:#fff;}
.viewTxt {margin-bottom: 30px; padding: 20px 0; border-bottom: 1px solid #ddd;}
.viewTxt p { padding-bottom: 4px; }
.viewTxt img { max-width: 1000px; }

.prev_list {margin-top: 30px; border-top: 1px solid #909090;}
.prev_list li {padding: 20px 15px; border-bottom: 1px solid #ddd; overflow: hidden;}
.prev_list li:last-child {border-bottom: 1px solid #909090;}
.prev_list li span {padding: 0 12px; float: left; margin-right: 15px; border-right: 1px solid #ddd;}
.prev_list li a {width: calc(100% - 115px); float: left; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}

.view_btn_bx {overflow: hidden;}
.view_btn_bx .rgt_bx {float: right;}
@media (max-width: 890px) {
	.view_wrap .viewTitle h4 {display: block; width: 100%; margin-bottom: 10px;}
	.view_wrap .viewTitle p.date {display: block; width: 100%;}

	.view_wrap .viewTitle.has_writer h4 {display: block; width: 100%;}
	.view_wrap .viewTitle.has_writer p.writer {display: block; float: left; width: calc(100% - 120px); height: 25px; line-height: 25px;}
	.view_wrap .viewTitle.has_writer p.date { width: 120px; float: left; height: 25px; line-height: 25px;}
}
@media (max-width: 640px) {
	.view_wrap .viewTitle h4 {font-size: 22px;}
}
@media (max-width: 425px) {
	.view_wrap .viewTitle h4 {font-size: 20px;}
	.view_wrap .viewTitle p.date {font-size: 15px;}
	.view_wrap .viewTitle.has_writer p.writer {font-size: 15px;}
	.viewFile a {font-size: 14px;}
	.prev_list li {padding: 15px 10px;}
	.prev_list li span {padding: 0 10px; margin-right: 10px; font-size: 14px;}
	.prev_list li a {width: calc(100% - 100px);  font-size: 14px;}
	.view_btn_bx .lft_bx {display: block; width: 100%; text-align: center;}
	.view_btn_bx .rgt_bx {display: block; width: 100%; margin-bottom: 20px; text-align: right;}
}

/* FAQ */
.faq {
	width:100%;
	margin:0 auto;
	margin-bottom:50px;
	overflow:hidden;
}
.faq ul {
	margin: 0 5px 15px 0;
	border: 1px solid #eee;
	box-shadow: 5px 5px 5px #eee;

}
.faq li {
	padding:10px 50px 10px 15px ; 
	position:relative;
	cursor:pointer;
	font-size: 18px;
	font-weight: 500;
	
}
.faq li.first {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow: hidden;
}
.faq li.on {
	color:#007ce1;
}
.faq li:last-child {
	line-height:24px;
	background:#f6f6f6;
	padding:20px 40px;
	font-size:14px;
	color:#444;
	font-weight: normal;
}
.faq li:last-child div {
	display:table-cell;
}
.faq li div.faq_minus,
.faq div.faq_plus {
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	color:#000f69;
	font-size: 32px;
}
.faq li span {
	width:40px;
	height: 40px;
	line-height: 42px;
	margin-right: 20px;
	border-radius: 50%;
	font-size:22px;
	color:#fff;
	display:inline-block;
	background: #007ce1;
	text-align: center;
	font-family: 'Nanum Square';
	font-weight: bold;
}
.faq li:last-child span {
	color:#007ce1;
	width:40px;
	height: auto;
	font-size: 20px;
	display:table-cell;
	background: none;
}
.faq li.faq_off {
	display:none;
}

.faq div.faq_minus::after {display: block; content: '\f106'; font-family: 'FontAwesome'; }
.faq div.faq_plus::after {display: block; content: '\f107'; font-family: 'FontAwesome'; }

@media (max-width: 820px) {
	.faq li:last-child {
		padding:15px 20px;
	}
}

@media (max-width: 540px) {
	.faq li {font-size: 17px;}
	.faq li span {
		width:35px;
		height: 35px;
		line-height: 37px;
		margin-right: 10px;
		font-size:20px;
	}
	.faq li:last-child div {
		font-size: 15px;
	}
	.faq li:last-child span {
		width: 35px;
		font-size: 18px;
	}
	.faq li div.faq_minus,
	.faq div.faq_plus {
		font-size: 28px;
	} 
}
@media (max-width: 425px) {
	.faq ul {
		margin: 0 0 20px 0;
		box-shadow: none;

	}
	.faq li {font-size: 16px;}
	.faq li span {
		width:30px;
		height: 30px;
		line-height: 32px;
		font-size: 18px;
		margin-right: 5px;
	}
	.faq li:last-child {
		padding:10px;
	}
	.faq li:last-child span {
		width: 30px;
	}
}