@charset "utf-8";

/* 게시판 리스트 - 신규 */
.qna-list {width:100%; font-size:16px; font-weight:400; border-top:1px solid #fff;}
.qna-list dt {padding:20px 0; font-size:17px; color:#333; border-bottom: 1px solid rgba(255, 255, 255, .18); cursor:pointer;}
.qna-list dt .dt_wrap  {display:table; width:100%; min-height:60px; table-layout:fixed;}
.qna-list dt .dt_wrap > div {display:table-cell; text-align:center; padding: 10px 0; vertical-align:middle;}
.qna-list dt .dt_wrap .num {width:50px;     color: #c7c7c7;}
.qna-list dt .dt_wrap .subject {text-align:left;}
.qna-list dt .dt_wrap .btnarea {position:relative; width:80px;}
.qna-list dt .dt_wrap .btnarea span {display:none;}
.qna-list dt .dt_wrap .btnarea:after {position:absolute; top:18px; left:40%; font-size:25px; color:#000; font-family:'xeicon'; content:''; transform:rotate(180deg); transition:all .5s ease-out;}
.qna-list dt.on .dt_wrap {font-weight:500;}
.qna-list dt.on .dt_wrap .btnarea:after {content:''; transform:rotate(0deg); transition:all .5s ease-out;}
.qna-list dl dd {padding:40px 50px; line-height:25px; font-weight:300;}
.qna-list dl > div {padding:80px 0; text-align:center;}
@media(max-width:1024px){
	.qna-list {font-size:14px;}
	.qna-list dt {padding:10px 0; font-size:16px;}
	.qna-list dt .dt_wrap .btnarea {width:50px;}
	.qna-list dl dd {padding:20px; line-height:22px;}
}

/* 게시판 리스트 */
.qna-list tbody th {padding:20px 0; color:#333; font-weight:normal; border-bottom:1px #dedede solid;}
.qna-list tbody td {position:relative; padding:20px 0; color:#333; border-bottom:1px #dedede solid; background:url(../images/i_arrow_open.gif) 97% 50% no-repeat; }
.qna-list tbody tr td:after {position:absolute; top:20px; right:0; font-size:20px; color:#000; font-family:'xeicon'; content:'';}
.qna-list tbody tr.on td:after {position:absolute; top:20px; right:0; font-size:20px; color:#f96f12; font-family:'xeicon'; content:'';}
.qna-list tbody td a {color:#333;}
.qna-list tbody td a:hover {text-decoration:underline;}
.qna-list tbody td.answer {background:#f5f5f5; padding:45px 0;line-height:24px;}
.qna-list tbody td.answer span.icon-reply {display:block; margin-bottom:10px; margin-left:-16px; padding-left:45px; color:#f47321; background:url(../images/bg_answer.gif) 30px 35% no-repeat;}
.qna-list tbody td.answer .txt {font-size:16px; width:90%; padding-left:30px; word-break:break-all;}
.qna-list tbody tr.on td {background:url(../images/i_arrow_close.gif) 97% 50% no-repeat;}
.qna-list tbody tr.on td a {color:#ffa800;}


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

@media(max-width:1024px){
	.srchBox {padding:0; margin-top:20px; }
	.srchBox:before {position:absolute; top:0; left:0; width:100%; height:170px; background:#fff; content:''; z-index:-1;}
	.srchBox select.select {display:block; width:100%; height:40px; font-size:14px; text-indent: 0; background-position:right 16px; margin:0 !important;}
	.srchBox input.inputTxt {display:block; width:100%; height:40px; 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;}
}

/* Select Box*/
/*select{padding:0 30px 0 15px;width:100%;height:46px;font-size:16px;color:#1a1a1a;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("../images/ico_select.png") no-repeat 93% 50%;}
select::-ms-expand{display:none}
select:disabled{background-color:#f5f5f5;color:#808080;}
.select {display:inline-block;position:relative;min-width:100px;}
.select select {background:none;}
.select:after{display:inline-block;content:'';position:absolute;top:20px;right:15px;width:12px;height:7px;background:url("../images/ico_select.png") no-repeat 0 0;}
.select.small{min-width:87px;}
.select.small:after{display:inline-block;content:'';position:absolute;top:12px;right:12px;width:11px;height:6px;background:url('../images/ico_select.png') no-repeat 0 0;}
.select.small select{padding:0 24px 0 10px;height:30px;font-size:14px;line-height:30px;}
.select + .select {margin-left:10px;}*/

/* paging */ 
.paging {clear:both; overflow:hidden; margin-top:30px; text-align:center; color:#333;}
.paging a {display:inline-block; padding:0 10px 0 10px; margin:0 2px; line-height:30px !important; font-size:15px; color:#333; font-family:'Roboto', sans-serif; vertical-align:top;}
.paging a:before {display:inline-block; font-family:'xeicon'; font-size:20px; color:#333;}
.paging a.first {padding:0 !important;}
.paging a.first:before {content:'';}
.paging a span {display:none;}
.paging a.prev {padding:0 !important; margin-left:5px;}
.paging a.next {padding:0 !important; margin-right:5px; margin-left:5px;}
.paging a.end {padding:0 !important;}
.paging a.end:before {content:'';}
.paging a:hover, .paging a:focus{text-decoration:none; color:#222;}
.paging a.this {display:inline-block; font-weight:500; color:#ffa800; border-bottom:2px #ffa800 solid;}
@media (max-width: 1024px){
	.paging {margin-bottom:20px;}
}

/* 게시판 상세보기 - 신규 */
.board_view {border-top:1px #333 solid;}
.board_view h4 {padding:23px 20px 20px; font-size:18px; font-weight:400; background:#f9f9f9; border-bottom:1px #ddd solid;}
.view_info {padding:15px 20px; font-size:15px; border-bottom:1px #ddd solid;}
.view_info li {display:inline-block;}
.view_info strong {padding-right:10px; font-weight:normal;}
.view_info strong:after {padding-left:10px; color:#e4e4e4; font-weight:normal; content:'|'}
.view_info span {margin-right:30px;}
.view_content {width:100%; padding:30px 20px;}

/* 게시판 상세보기 - 첨부파일 */
.fileArea {overflow:hidden; padding:15px 20px; border-top:1px #efefef solid; border-bottom:1px #ddd solid;}
.fileArea p {float:left; width:8%; display:block; vertical-align:top;}
.fileArea p:after {padding-left:10px; margin-right:10px; color:#d7d7d7; content:'|';}
.fileArea ul.fileDown {float:left; width:90%; overflow:hidden;}
.fileArea ul.fileDown li {position:relative; display:inline-block; margin-right:20px; padding-left:18px; }
.fileArea ul.fileDown li:last-child {margin-right:0;}
.fileArea ul.fileDown li:before {position:absolute; left:0; top:2px; font-family:'xeicon'; font-size:16px; color:#888; content:'';}
.fileArea ul.fileDown li a:hover {color:#084d98; text-decoration:underline;}
.fileArea ul.fileDown li .nofile {color:#999;}

@media (max-width: 1000px){
	.fileArea p {width:12%; margin-bottom:10px;}
}
@media (max-width: 768px){
	.board_view h4 {padding:18px 15px 16px; font-size:16px;}
	.view_info {padding:10px 15px; font-size:13px;}
	.view_info li {line-height:20px;}
	.view_info strong {padding-right:4px;}
	.view_info strong:after {padding-left:4px;}
	.view_info span {margin-right:10px;}
	.view_content {font-size:14px; padding:30px 15px;}

	.fileArea {padding:15px; font-size:13px;}
	.fileArea p {width:auto;}
	.fileArea ul.fileDown {float:left; width:auto;}
	.fileArea ul.fileDown li {background-position:0 1px;}
}

/* 게시판 상세보기 - 질문답변 */
.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-top:20px; }
.btnSty2 a {display:inline-block; padding:10px 20px 6px 20px; margin-left:5px; font-weight:bold;}
.btnSty2 .list {background:#666; border-radius:5px; color:#fff;}
.btnSty2 .write {background:#b8b8b8; border-radius:5px; color:#fff;}
.btnSty2 .write2 {background:#666; border-radius:5px; color:#fff;}
.btnSty2 .reply {background:#b8b8b8; border-radius:5px; color:#fff;}
.btnSty2 .edit {background:#b8b8b8; border-radius:5px; color:#fff;}
.btnSty2 .del {background:#b8b8b8; border-radius:5px; color:#fff;}

.btnSty_big {text-align:center; margin-top:20px;}
.btnSty_big a {display:inline-block; padding:10px 20px 6px 20px; margin-left:5px; font-weight:bold;font-size:0.8rem}
.btnSty_big .write_cor {background:#fe9b10; border:1px #db9a1d solid; border-radius:5px; color:#fff;}

/* 이전다음글 */
.listForm {clear:both; border-bottom:1px solid #ddd; border-top:1px solid #ddd; margin-top:20px; color:#666; word-wrap:break-word;}
.listForm table{width:100%}
.listForm .prvLine th,
.listForm .prvLine td {border-bottom:1px solid #ddd;}
.listForm td {text-align:center; line-height:18px; padding:6px 0;font-size:0.75rem}
.listForm th {text-align:left; padding:14px 20px 18px; line-height:18px; border-right:1px solid #dedede; background:#f8f9fb;font-size:0.75rem}
.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;}
@media(max-width:768px){
	.listForm th{display:none;}
	.listForm tr:nth-child(1) td:before{content:"이전글";padding-right:15px;border-right:1px solid #ddd;margin-right:15px}
	.listForm tr:nth-child(2) td:before{content:"다음글"; padding-right:15px;border-right:1px solid #ddd;margin-right:15px}
	.listForm td.date{display:none}
	.listForm td{width:100%}
	.listForm td:last-child{display:none}
}

/* 코멘트 쓰기 */
.comments {margin-top:30px;}
.comments_write {margin-top:-1px; border:1px solid #dcdcdc; padding:15px; background:#f7f7f7; font-size:12px;}
input.InputLine {padding:10px 2px; text-indent:5px; font-size:12px; color:#666; border:1px #c4c4c4 solid;}
select.SelectDef {border:1px solid #abadb3; min-height:24px; color:#707070; font-size:12px; height:26px;/*text-indent:5px;*/ padding-left:5px; line-height:26px;}
.reply_write p {display:inline-block;}
.reply_write strong {color:#666; font-weight:400;}
.reply_write input {margin:0 10px 0 5px;}
.writer {display:table; width:100%; table-layout:fixed; margin-top:5px;}
.writer div {display:table-cell; vertical-align:top;}
.writer div textarea { width:100%; padding:10px; line-height:14px; height:60px; color:#666; vertical-align:top; font-family:"Nanum Gothic", sans-serif;}
.writer div:last-child {width:60px;}
.regist {width:100%; height:60px; color:#666; font-weight:600; text-align:center; background:#fff; border:1px #ccc solid; border-left:0; cursor:pointer;}

.comment_List {}
.comment_List .id {border-top:1px dashed #cdcdcd; padding:15px 10px 5px 10px;}
.comment_List li:first-child .id {border-top:1px #cdcdcd solid;}
.comment_List li:last-child {border-bottom:1px #cdcdcd solid;}
.comment_List .id strong {background:url('../images/icon_bar1x12.gif') no-repeat right 2px; color:#666; padding-right:12px; margin-right:11px;}
.comment_List .id strong img {vertical-align:3px;}
.comment_List .id span {color:#888; font-size:12px;}
.comment_List .btn_mini {float:right;}
.comment_List .btn_mini a {display:inline-block; padding:2px 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:#f5f6fa;}
.passW strong {color:#666; margin-right:5px;}
.passW .btn_del {display:inline-block; padding:10px 10px; border:1px #a7a9ac solid; background:#a7a9ac; color:#fff; font-size:12px; font-weight:bold; vertical-align:middle;}
span.tit_coment {vertical-align:middle; padding-right:10px; margin-right:5px; font-size:13px; font-weight:600; color:#5d6c8d; background:url('/skin/board/basic/images/icon_bar1x12.gif') no-repeat right 2px;}
span.tit_coment i {margin-right:5px;}

@media (max-width: 768px){
	.reply_write p {display:block; margin-bottom:5px;}
	span.tit_coment {margin-bottom:5px;}
	
}

/* 게시판 글쓰기 */
.writeForm {width:100%; border-top:1px #333 solid;}
.writeForm thead th {padding:15px 0 15px 20px; line-height:12px; text-align:left; color:#333; font-weight:normal; border:1px #ccc solid; background:#f8f8f8; font-size:0.75rem}
.writeForm tbody th {height:60px; padding:0 20px; text-align:left; color:#222; font-size:14px; font-weight:500; background:#f9fafb; border-bottom:1px #e6e6e6 solid;}
.writeForm tbody td {height:60px; padding:16px 20px; border-bottom:1px #e6e6e6 solid;}
.writeForm tbody td textarea {width:625px; 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[type="text"] {min-height:40px; padding:0 10px; font-size:14px; border:1px solid #ccc; border-radius:0; outline:none;}
.writeForm tbody td > span {vertical-align:-5px;}
.writeForm tbody td select {background-position:98% 50% !important;}
.board_noti {margin-top:5px;}
.board_noti .radioBox {display:inline-block !important;}
.board_noti .radioBox .rdiobox {display:inline-block !important;}
.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;}
.fileRoot {width:100%; min-height:20px !important; padding: 5px !important; font-size:inherit; font-family:inherit; border:1px #e0e0e0 solid;}

@media (max-width: 768px){
	.writeForm tbody th {height:30px; padding:0 10px;}
	.writeForm tbody td {height:30px; padding:10px 10px;}	
}

/* 게시판 삭제 */
.pwField {margin:20px auto; padding:100px; text-align:center; background:#f9f9f9;}
.pwField h4 {font-size:18px; font-weight:600; color:#333; margin-bottom:20px;}
.pwField input.inputText {width:220px; height:38px; line-height:38px; margin-bottom:5px; padding-left:10px; border:1px #bbb solid; text-align:left;}
.pwField .btn-confirm {display:block; width:220px; margin:0 auto; padding:15px 0; font-size:15px; color:#fff; font-weight:600; background:#256ac7;;}
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;}

/* 첨부파일 */
.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:22px; line-height:130%; padding:4px 0 0 5px; font-size:11px; border:1px #d4d4d4 solid; color:#666; vertical-align:middle; display:inline;}