@charset "utf-8";

/* 분류탭 */
.BoardTab {overflow:hidden; margin-bottom:10px;}
.BoardTab li {float:left; margin-right:3px; padding-bottom:5px;}
.BoardTab li.on {background:url(../images/bg_tabon.gif) center bottom no-repeat;}
.BoardTab li a {display:block; padding:6px 20px; background:#b7b7b7; color:#fff; font-family:'verdana'; font-size:12px; font-weight:bold;}
.BoardTab li.on a {background:#3e4146;}

/* 게시판 리스트 */
/*
.gallery_List {overflow:hidden; padding:0; border-top:1px #000 solid; border-bottom:1px #000 solid;}
.gallery_List li {float:left; width:207px; padding-right:22px; margin:20px 0 20px 22px; border-right:1px #e5e5e5 solid;}
.gallery_List li.last-child {border-right:0;}
.gallery_List li .thumb {width:205px; height:136px; margin-bottom:10px; cursor:pointer; border:1px #d7d7d7 solid; background:url(../images/img_none.gif) 0 0 no-repeat;}
.gallery_List li .thumb:hover {background-color:#fff; opacity:0.8;}
.gallery_List li .thumb a {display:block; width:205px; height:136px;}
.gallery_List li .title {font-weight:bold; color:#000; text-align:center;}
.gallery_List li.no_data {border-right:0;width:100%;text-align:center;margin:20px 0px;}
*/

.txt-gray {color:#858585; font-weight:300;}


/* 게시판 리스트 */
.gallery_List {overflow:hidden;}
.gallery_List li {float:left; width:33.33%; padding:0 10px; margin-bottom:40px;}
.gallery_List li a {display:block; position:relative; background: rgba(0, 0, 0, .7); }
.gallery_List li a:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; display:block; }
.gallery_List li a:hover:before {opacity:1;}
.gallery_List li .thumbnail {overflow:hidden;}
.gallery_List li .thumbnail img {width:100%; /*padding:40px 0;*/}
.gallery_List li a .thumbnail img {transition:transform 0.8s ease;}
.gallery_List li a:hover .thumbnail img {transform:scale(1.1);}
.gallery_List li .textBox {height:auto; padding:18px 10px; }
.gallery_List li .textBox strong {font-weight:400 ;font-size:19px; color:#fff; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; word-break:break-all; overflow:hidden; text-align:center; }
.gallery_List li .textBox p {margin:19px 0 15px 0; font-size:15px; line-height:25px; font-weight:400; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; word-break:break-all; overflow:hidden;}
.gallery_List li .textBox .date {font-size:14px;}


/* 게시판 검색 */
.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;}
}

/* paging */ 
.paging {margin-top:30px; text-align:center; color:#666;}
.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; color:#888; padding:0 10px 0 10px; vertical-align:top; line-height:30px !important;}
.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;}

/* 게시판 상세보기 */
.viewForm{border-top:2px solid rgba(255, 255, 255, .48)}
.viewForm {table-layout:fixed; width:100%;}
.viewForm thead th {border-bottom:1px solid rgba(255, 255, 255, .18); padding:2rem 20px; text-align:left;}
.viewForm td {border-bottom:1px solid rgba(255, 255, 255, .1);}
.viewForm td.viewDiv{padding:2rem 20px;}
.viewForm td.viewDiv .txt{width:100%;  }
.viewForm th .eventTit {overflow:hidden}
.viewForm th .eventTit p {float:left; color:#e9e9e9; font-size:1.08rem; font-weight:400; margin-bottom:0;     word-break: break-all;}
.viewForm th .eventTit p.date {float:right; font-size:13px; font-weight:normal; line-height:20px; color:#888; margin-bottom:0;}
.viewForm .fileAdd {font-size: .92rem; font-weight: 400; margin-top: 12px;}
.viewForm .fileAdd .txt {font-weight:500; position:relative; display:inline-block; padding-right: 15px;}
.viewForm .fileAdd .txt:after {display: inline-block;
    color: #ddd;
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    width: 1px;
    height: 13px;
    background: #3d3d3d;
    transform: translate(0, -50%);}
.viewForm .fileAdd .file {margin-left:6px}
.viewForm .fileAdd .file a {padding-left:12px; margin-right:20px; background:url('../images/icon_file.gif') no-repeat 0 50%;}
.viewForm .fileAdd .file a:hover {text-decoration:underline; color:#27a18f;}

@media (max-width: 768px){
	.viewForm td.viewDiv img {width:100%;}
	.viewForm th .eventTit p {float:none;}
	.viewForm th .eventTit p.date {float:none; margin-top:7px;}
}


/* 게시판 상세보기 - 질문답변 */
.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: 12px 2.5rem; color: #e5e5e5; vertical-align: middle; background: #353535;      min-width: 130px;
    text-align: center;   margin: 3px 0px;   font-weight: 500;}
.btnSty2 a:hover {background:#494949;}
.btnSty2 .list {}
.btnSty2 .write {}
.btnSty2 .write2 {}
.btnSty2 .reply {}
.btnSty2 .edit {}
.btnSty2 .del {}

.btnSty3 {text-align:right; margin-top:20px;}
.btnSty3 a {display: inline-block; padding: 12px 2rem; color: #e5e5e5; vertical-align: middle; border: 1px solid rgba(255, 255, 255, .4);     margin: 2px 0;}
.btnSty3 a:hover {}

.btnSty_big {text-align:center; margin-top:20px;}
.btnSty_big a, .btnSty_big input {display:inline-block; padding:12px 3rem; font-weight:500; color: #e5e5e5;     background: #353535;}
.btnSty_big .write_cor {}
.btnSty_big .write_cor:hover {background: #494949;}

@media (max-width: 768px){
	.btnSty2 {width:94%; margin:10px auto 0;}
}

/* 이전다음글 */
.listForm {clear:both; margin-top:20px; word-wrap:break-word;}
.listForm .prvLine th {border-bottom:1px solid rgba(255, 255, 255, .18);}
.listForm .prvLine td {border-bottom:1px solid rgba(255, 255, 255, .18);}
.listForm td {text-align:center; line-height:18px; padding:6px 0;}
.listForm th {text-align:left; padding:14px 20px 18px; line-height:18px; /*border-right:1px solid #dedede;*/ }
.listForm td.txt {text-align:left; padding:14px 20px 18px;}
.listForm td.txt a:hover { text-decoration:underline;}
.listForm td.txt a {}
.listForm table tbody th, .listForm table tbody td {border-bottom:1px solid rgba(255, 255, 255, .18);}
.listForm table tr.prvLine th span {/*background:url('../images/icon_prvLine.gif') no-repeat 56px center;*/ }
.listForm table tr.nxtLine th span {/*background:url('../images/icon_nxtLine.gif') no-repeat 56px center;*/}
.listForm table tr th span {position:relative; display:block; font-weight: 500;}
.listForm table tr th span:after {display: inline-block; content: ''; position: absolute; right: -1rem; top: 50%; width: 1px; height: 13px; background: #3d3d3d; transform: translate(0, -50%);}

/* 코멘트 쓰기 */
.comment_write > .con_inner {margin: 0 2.5rem;}
.con_inner .login_bx {font-size:14px;}
.con_inner textarea {background:#313131; border:none; font-size:14px; color:#9f9f9f;}
input.InputLine {padding:6px 2px; text-indent:5px; font-size:14px; color:#9f9f9f; background:#313131;}
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 {font-family:"돋움"; vertical-align:top;}
.regist {padding:0 1rem; height: 98px; display:inline-block; color:#fff; font-weight:500; background:#000; border:0; cursor:pointer; vertical-align:top;}


.comment_List .con_inner {border-bottom:1px solid #232323;}
.comment_List:last-child .con_inner {border-bottom:none;}
.comment_List .id {/*border-top:1px dashed #cdcdcd;*/  margin-bottom:0; }
.comment_List .id strong {color: #bfbfbf; background:url('../images/icon_bar1x12.gif') right 60% no-repeat;  font-weight:400 ;padding-right:10px; margin-right:10px;     font-size: 15px;}
.comment_List .id span {color:#7b7b7b; font-size:12px;     letter-spacing: 0;}
.comment_List .btn_mini {display: inline-block;}
.comment_List .btn_mini a {display:inline-block; padding:5px 10px; vertical-align:top; font-size:11px; border:1px rgba(255,255,255,.5) solid;  border-radius:3px; color:#fff;letter-spacing: 0.03rem;
    font-weight: 200;}
.comment_List .desc {/*padding:0 10px 15px 10px;*/     margin: 1rem 0;   font-size: .93rem;     word-break: break-all;}
.passW {padding:10px 0;text-align:center;     background: #060606;}
.btn_del {display:inline-block; padding:4px 10px; line-height:20px;     border: 1px #313131 solid; background: #000000; color: #fff; font-size: 12px; font-weight:500;  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;}
	.comment_write > .con_inner {margin: 0 1.5rem;}
	span.tit_coment {display:block; margin-bottom:10px; background:none;}
}


/* 게시판 글쓰기 */
.writeForm_type1 {width:100%; border-top:2px solid rgba(255, 255, 255, .48); }
.writeForm_type1 thead th {padding:15px 0; line-height:12px; color:#333; font-weight:normal; border:1px #ccc solid; background:#f8f8f8;}
.writeForm_type1 tbody th {min-height:47px; text-align:center;  padding:10px; border-bottom:1px solid rgba(255, 255, 255, .18);    font-weight: 500;}
.writeForm_type1 tbody td {padding:17px 10px; border-bottom:1px solid rgba(255, 255, 255, .18)}
.writeForm_type1 tbody td textarea {width:99.5% !important; height:250px; background:#f8f8f8;}
.writeForm_type1 tbody td .input_text {width:100%; padding: 7px 10px; border:1px #474747 solid;      height: 42px;   background: none;}
.writeForm_type1 tbody td span {    
	border: 1px solid #919191;
    font-size: .75rem;
    padding: 3px 1rem;
    border-radius: 3px;}
.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;}

@media (max-width: 768px){
	#smart_editor2 {width:100% !important;}
}

/* 게시판 삭제 */
.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;}

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


/* 첨부파일 */
.fileTable {border-top:1px #afafaf solid;}
.fileTable thead th {min-height:20px; padding:5px 0; color:#666; font-size:11px; background:#f6f6f7; border-bottom:1px #ddd solid; text-align:center;}
.fileTable tbody td {padding:5px; 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:500;}
.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 {line-height:130%; padding:4px 5px; font-size:11px; font-family:"돋움" !important; border:1px #d4d4d4 solid; color:#666; vertical-align:middle; display:inline; background:#f0f0f0;}
.fileimg {width:32px; height:32px; vertical-align:middle;}

/* 자동등록방지 */
.captchaImg {float:left; border:1px #dedede solid;}
.captchaArea {float:left; margin-top:13px; 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:1280px){

	.gallery_List li {float:left; width:30%; max-width:30%; margin:0 1% 30px 2%; padding:0;}
	.gallery_List li:nth-child(3n) {margin-right:0;}
	.gallery_List li .thumbnail img {width:100%; /*padding:20px 0;*/}
	
}

@media(max-width:1024px){
	.gallery_List li .textBox {padding:10px; }
	.gallery_List li .textBox strong {font-size:16px; }
	.gallery_List li .textBox p {margin:10px 0; font-size:14px; line-height:22px;}
	.gallery_List li .textBox .date {font-size:13px; color:#999;}
}


@media(max-width:768px){
	.gallery_List li .textBox strong {font-size:15px; }
	.gallery_List li {float:left; width:47%; max-width:47%; margin:0 1% 20px 2%;}
	.gallery_List li:nth-child(2n) {margin:0 2% 20px 1%;}
	.gallery_List li:nth-child(odd) {margin-right:1%;}
}