@charset "utf-8";

/* 분류탭 */
.BoardTab {overflow:hidden; margin-bottom:10px;}
.BoardTab li {float:left; margin-right:3px; padding-bottom:5px;}
.BoardTab li a {display:block; padding:10px 35px; background:#efefef; color:#888; font-family:'verdana'; font-size:14px; font-weight:bold;}
.BoardTab li.on a {background:#00449A;color:#fff}

/* 게시판 리스트 */
.boardTable {border-top:1px #000 solid; width:100%; font-family:"Exo 2","pretendard", sans-serif; }
.boardTable thead th {padding:15px 0; color:#222; font-size:14px; font-weight:500; border-bottom:1px #dedede solid; background-color:#fafafa;}
.boardTable tbody td {padding:20px 0; border-bottom:1px #dedede solid; color:#222; font-size:15px; text-align:center;}
.boardTable tbody td.title {padding-left:10px; text-align:left;}
.boardTable tbody td.title a {color:#222;}
.boardTable tbody td.title:hover {text-decoration:underline;}
.boardTable tbody tr.crucial {background:#fbf9f5; color:#222;}
.boardTable tbody tr.crucial .vital, .boardTable tbody tr.crucial .title {font-weight:500;}
.boardTable tbody tr .btn_del {font-size:11px; color:#fff; font-weight:normal; padding:3px 10px 0 10px; line-height:18px;}
.boardTable tbody tr .dateM {display:none;}

@media (max-width: 768px){
	.dateM {display:inline-block; color:#999; margin-top:10px;}
	.boardTable thead th, .boardTable tbody td {padding:10px !important; font-size:14px;}
	.boardTable thead th:nth-child(1), .boardTable tbody td:nth-child(1) {width:10% !important;}
	.boardTable thead th:nth-child(3) {width:20% !important;}
	.boardTable thead th:nth-child(5), .boardTable tbody td:nth-child(5) {display:none;}
}


/* 게시판 검색 */
.srchBox {position:relative; width:100%; padding:20px 30px; margin-top:30px; text-align:center; background:#fafafa;}
.srchBox form {width:100%; max-width:1000px; margin:0 auto;}
.srchBox select.select {display:inline-block; width:29%; height:50px; font-size:14px; border:1px solid #ddd; color:#333; background:#fff url('../images/btn_select_arrow.png') right 20px no-repeat; background-size:32px; -webkit-appearance:none; border-radius:0;padding:0 10px}
.srchBox input.inputTxt {display:inline-block; width:59%; height:50px; font-size:14px; border:1px solid #ddd; vertical-align:middle;padding:0 10px}
.srchBox input.btnSrch {display:inline-block; width:10%; height:50px; line-height:36px; padding:0 !important; font-size:16px; color:#fff; font-weight:400; border:0; background:#00449A;}

@media(max-width:1024px){
	.srchBox {padding:20px 10px; margin-top:0; background:#fff;}
	.srchBox:before {position:absolute; top:0; left:0; width:100%; height:170px; background:#fff; content:''; z-index:-1;}
	.srchBox select.select {display:inline-block; width:40%; height:40px; line-height:40px !important; font-size:14px; background-position:right 16px; margin:0 !important;}
	.srchBox input.inputTxt {display:inline-block; width:calc(60% - 5px); height:40px; line-height:40px !important; margin:5px 0; font-size:14px; -webkit-appearance:none;}
	.srchBox input.btnSrch {display:block; width:100%; height:40px; line-height:30px; font-size:14px;}
	input {-webkit-border-radius:0;}
	select {-webkit-appearance:none; -webkit-border-radius:0;}
}


/* paging */ 
.paging {margin-top:30px; min-height:30px; text-align:center;}
.paging p{display:inline-block; overflow:hidden;}
.paging strong{display:inline-block;  padding:0 10px; vertical-align:top; line-height:30px; background:#f47321; color:#fff; margin-left:8px}
.paging a {display:inline-block; width:45px; height:45px; line-height:44px !important; margin:0 2px; font-size:16px; outline:none; border:1px #ddd solid;}
.paging a.this {color:#000; border:1px #000 solid;}
.paging .first {padding:0 !important;}
.paging .prev {padding:0 !important; margin-left:5px;}
.paging .next {padding:0 !important; margin-right:5px; margin-left:5px;}
.paging .end {padding:0 !important;}
.paging a:hover, .paging a:focus{text-decoration:none; color:#233688;}

@media (max-width: 768px){
	.paging {margin-top:20px;}
	.paging a {width:35px; height:35px; line-height:34px !important; margin:0 2px; font-size:15px;}
}


/* 게시판 상세보기 */
.viewForm {table-layout:fixed; width:100%; border-top:1px solid #000;}
.viewForm thead th {border-bottom:1px solid #dedede; padding:20px; text-align:left; color:#222; background:#f9f9f9;}
.viewForm td {border-bottom:1px solid #dedede; }
.viewForm td.viewDiv{padding:30px 0;}
.viewForm td.viewDiv .txt{width:100%; padding:0 20px; line-height:23px; color:#666;}
.viewForm th .eventTit {overflow:hidden}
.viewForm th .eventTit p {float:left; color:#222; font-size:18px; font-weight:500;}
.viewForm th .eventTit p.date {float:right; margin-top:5px; font-size:16px; font-weight:400; color:#888;}
.viewForm td .fileAdd {padding:15px 20px 16px; font-size:14px; color:#555;}
.viewForm td .fileAdd .txt {font-weight:500;}
.viewForm td .fileAdd .txt:after {display:inline-block; margin:0 5px 0 10px; color:#ddd; vertical-align:1px; content:'|';}
.viewForm td .fileAdd .file {margin-left:6px}
.viewForm td .fileAdd .file a {padding-left:12px; margin-right:20px; background:url('../images/icon_file.gif') no-repeat 0 50%;}
.viewForm td .fileAdd .file a:hover {text-decoration:underline; color:#27a18f;}
.viewForm + .btnSty2 {margin-top:20px;}
@media (max-width: 768px){
	.viewForm thead th {padding:10px 20px;}
	.viewForm th .eventTit p {float:none; font-size:17px;}
	.viewForm th .eventTit p.date {float:none; font-size:14px;}
}

/* 신규 버튼 */
.btn_wrap_right {position:relative; margin-top:30px; text-align:right; font-size:14px;}
.btn_wrap_right .btnType {display:inline-block;padding:12px 20px;}
.btn_wrap_right a:hover {text-decoration:underline;}
.btn_wrap_right .type1 {background:#5d6c8d; color:#fff;}
.btn_wrap_right .type2 {background:#fff; border:1px #bbb solid; color:#666;}
.btn_wrap_right .gray {background:#bbb; color:#fff;}
.editBtnWrap {position:absolute; top:0; left:0;}
.editBtnWrap input, .editBtnWrap a {margin:0 !important;}
.editBtnWrap a {height:38px; vertical-align:middle; cursor:pointer;}
.editBtnWrap a:hover {text-decoration:underline;}

@media (max-width: 768px){
	.btn_wrap_right {overflow:hidden; margin-top:10px;}
	.btn_wrap_right .editBtnWrap .btnType {padding:8px 10px;}
	.editBtnWrap {position:relative; float:left; text-align:left;}
	.btn_wrap_right .editBtnWrap + a {float:right;}
}

/* 게시판 상세보기 - 질문답변 */
.viewForm .answerBox {border:1px solid #c5c5c5; margin-top:15px;}
.viewForm .answerBox .anPerson {background:#f8f9fb url('../images/ans_icon.gif') no-repeat 19px 10px ; border-bottom:1px solid #e4e4e4; padding:9px 20px 11px;}
.viewForm .answerBox .anPerson strong {background:url('../images/icon_bar1x12.gif') no-repeat right 0; color:#666; padding-right:12px; padding-left:77px; margin-right:11px;}
.viewForm .answerBox .anTxt {padding:10px 20px 10px;}

.btnSty2 {text-align:right; margin-bottom:20px;}
.btnSty2 a {display:inline-block; padding:10px 30px; color:#fff; font-weight:400; font-size:16px; vertical-align:middle; background-color: #00b5ec;}
.btnSty2 .list {}
.btnSty2 .write {}
.btnSty2 .write2 {}
.btnSty2 .reply {}
.btnSty2 .edit {}
.btnSty2 .del {}

.btnSty_big {text-align:center; margin-top:20px;}
.btnSty_big a, .btnSty_big input {display:inline-block; padding:15px 30px; margin-left:5px; font-weight:500; font-size:16px;}
.btnSty_big .write_cor {color:#fff; background:#00b5ec; border-color:#00b5ec;}

@media (max-width: 768px){
	.btnSty2 {margin:0 auto 15px;}
	.btnSty2 a {padding:6px 12px; font-size:14px;}
}


/* 이전다음글 */
.listForm {clear:both; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-top:20px; font-size:16px; color:#666; word-wrap:break-word;}
.listForm .prvLine th {border-bottom:1px solid #ddd;}
.listForm .prvLine td {border-bottom:1px solid #ddd;}
.listForm td {text-align:center; line-height:18px; padding:20px 20px;}
.listForm th {text-align:left; padding:20px 20px; line-height:18px; font-weight:400; border-right:1px solid #dedede; background:#f8f9fb;}
.listForm td.txt {text-align:left; padding-left:20px;}
.listForm td.txt a:hover {color:#00a392; text-decoration:underline;}
.listForm td.txt a {color:#666}
.listForm table tr.prvLine th span {background:url('../images/icon_prvLine.gif') no-repeat 50px 5px ; display:block;}
.listForm table tr.nxtLine th span {background:url('../images/icon_nxtLine.gif') no-repeat 50px 5px ; display:block;}

/* 코멘트 쓰기 */
.comments_write {border:1px solid #dcdcdc; padding:15px; background:#f6f6f6; font-size:13px; font-family:"돋움";}
input.InputLine {padding:6px 2px; text-indent:5px; font-size:13px; color:#666; border:1px #c4c4c4 solid; font-family:"돋움";}
select.SelectDef {border:1px solid #abadb3; min-height:24px; color:#707070; font-size:13px; height:26px;/*text-indent:5px;*/ padding-left:5px; line-height:26px;}
textarea {width:90%; margin-top:10px; font-family:"돋움"; vertical-align:top;}
.regist {width:10%; margin-top:10px; height:65px; display:inline-block; color:#fff; font-weight:500; background:#a7a9ac; border:0; cursor:pointer; vertical-align:top;}

.comments {margin-top:30px;}
.comment_List { margin-bottom:30px;}
.comment_List .id {border-top:1px dashed #cdcdcd; padding:15px 10px 5px 10px;}
.comment_List .id strong {background:url('../images/icon_bar1x12.gif') right 45% no-repeat; color:#222; font-weight:400 ;padding-right:10px; margin-right:10px;}
.comment_List .id span {color:#888; font-size:11px;}
.comment_List .btn_mini {float:right;}
.comment_List .btn_mini a {display:inline-block; padding:2px 6px 0 6px; vertical-align:top; font-size:11px; border:1px #c5c5c5 solid; border-radius:3px; background:#fff;}
.comment_List .desc {padding:0 10px 15px 10px; }
.passW {padding:10px 0;text-align:center; border-top:1px #dcdcdc solid; background:#f6f6f6;}
.btn_del {display:inline-block; padding:10px 10px 0 10px; line-height:20px; border:1px #a7a9ac solid; background:#a7a9ac; color:#fff; font-size:13px; font-weight:500; font-family:"돋움"; vertical-align:middle;}
span.tit_coment {vertical-align:0; padding-right:10px; background:url('/skin/board/basic/images/icon_bar1x12.gif') no-repeat right 0;}

@media (max-width: 768px){
	.comments_write {border-left:0; border-right:0;}
	span.tit_coment {display:block; margin-bottom:10px; background:none;}
}


/* 게시판 글쓰기 */
.writeForm {width:100%; border-top:1px solid #666; border-left:1px #ccc solid;}
.writeForm thead th {padding:15px 0; line-height:12px; color:#333; font-weight:normal; border:1px #ccc solid; background:#f8f8f8;}
.writeForm tbody th {min-height:47px; text-align:center; font-size:15px; font-weight:400; color:#333; padding:10px; background:#f8f8f8; border-bottom:1px #dedede solid; border-right:1px #dedede solid;}
.writeForm tbody td {padding:10px; color:#222; border-right:1px #dedede solid; border-bottom:1px #dedede solid;}
.writeForm tbody td textarea {width:99.5% !important; height:250px; background:#f8f8f8;}
.writeForm tbody tr:last-child td, .writeForm tbody tr:last-child th {border-bottom:1px #ccc solid;}
.writeForm tbody td .input_text {width:100%; height:45px; line-height:45px; padding-left:10px; font-size:14px; color:#222; border:1px #ccc solid;}
.writeForm tbody td span {vertical-align:-5px;}
.fixing {margin-top:5px;}
.add_file {margin-bottom:5px;}
.add_file a.btn_gray {display:inline-block; padding:3px 10px 2px 10px; border-radius:3px; background:#aaa; color:#fff; font-size:11px;}
a.btn_add_del {padding:8px 8px 7px; margin-left:4px; font-size:12px; font-weight:300; color:#fff; background-color:#555; vertical-align:middle;}
.fileRoot {width:100%; min-height:20px !important; padding: 5px !important; font-size:inherit; font-family:inherit; border:1px #e0e0e0 solid;}
#obj_file ul {margin-bottom:10px;}
#obj_file ul img {width:10%; min-width:100px;}

@media (max-width: 768px){
	.writeForm tbody th {width:20%; font-size:14px; word-break:break-all;}
	#smart_editor2 {width:100% !important;}
	a.btn_add_del {padding:5px 8px 5px; margin-left:2px; font-size:11px; vertical-align:1px;}
}


/* 게시판 삭제 */
.pwField {width:40%; margin:50px auto; padding:50px 20px; text-align:center; border:1px #ddd solid;}
.pwField h4 {font-size:16px; margin-bottom:10px;}
.pwField p {font-size:13px; margin-bottom:20px;}
.pwField input.fText {padding:10px; color:#222; border:1px #ddd solid; background:#fff;}
.pwField .bgPw {}
.signBtn .btnpw {width:100px; margin-top:20px; padding:10px 0; font-size:14px; color:#fff; font-weight:500; background:#444;}
a.btn_add {display:inline-block; line-height:100%;border-radius:3px; background:#fff url('/skin/board/basic/images/ico_plus.jpg') no-repeat 50% 50% ;width:19px; height:19px;border:1px solid #ddd;text-align:center; vertical-align:middle;}
a.btn_add_del {display:inline-block; line-height:100%;font-size:0.8rem;background:#666;padding:12px 15px;color:#fff;border-radius:2px;}

@media (max-width: 768px){
	.pwField {width:94%;}
}


/* 첨부파일 */
.fileTable {border-top:1px #afafaf solid;}
.fileTable thead th {min-height:20px; padding:3px 0 0 0; color:#666; font-size:11px; background:#f6f6f7; border-bottom:1px #ddd solid; text-align:center;}
.fileTable tbody td {padding:12px 0 12px 0; border-bottom:1px #dedede solid; color:#666; text-align:center;}
.fileTable tbody tr.crucial {background:#fbf9f5; color:#666;}
.fileTable tbody tr.crucial .vital, .fileTable tbody tr.crucial .title {font-weight:bold;}
.fileTable tbody tr .btn_del {font-size:11px; color:#fff; font-weight:normal; padding:2px 8px 0 8px; line-height:17px;}
.fileTable tbody input.fileRoot {height:25px; line-height:130%; padding:5px 0 0 5px; font-size:11px; font-family:"돋움" !important; border:1px #d4d4d4 solid; color:#666; vertical-align:middle; display:inline;}
.fileimg {width:32px; height:32px; vertical-align:middle;}


/* 자동등록방지 */
.captchaImg {float:left; border:1px #dedede solid;}
.captchaArea {float:left; margin-left:20px;}
.captchaArea img {vertical-align:-3px; margin-right:4px; }
.captchaArea input.code {width:145px; margin-top:5px; ime-mode:inactive}

@media (max-width: 768px){
	.captchaArea {margin-left:0; font-size:14px;}
}