/* board reset */
.boardListWrap, .boardWriteWrap, .boardviewWrap, .boardGalleryWrap, .boardGalleryListWrap{position:relative; width: 100%;  max-width: 1300px; margin: 0 auto;}



/* editor table line */
table.table.table-bordered {border-collapse: collapse;}
.table-bordered td, .table-bordered th {border: 1px solid #a9a9a9;}
.viewCon table {border-collapse: collapse;}
.viewCon td, .viewCon th {border: 1px solid #a9a9a9 !important;}



/* button */
.boardBtn{position:relative}
.boardBtn:after{content:"";display:block;clear:both}
.btn_left{    position: absolute;    left: 50%;    transform: translateX(-50%);}
.btn_right{float:right;top:-59px;right:0}
.boardBtn a{  font-size: 13px; padding: 10px 30px; background:#0c3472; color:#fff; text-decoration:none;  /* font-size:12px; */ display:inline-block; /* padding:0 12px; */}
.board_list_btn , .boardBtn a:nth-child(2n){border: 1px solid #2e3140; color: #0c3472 !important; background: #fff !important;font-weight: 500;} 

/*mini tablet and duo*/
@media(max-width:768px){
	.btn_left{    position: absolute;    left: 0%;    transform: translateX(0%);}
}
@media(min-width:481px) and (max-width:768px){
	.boardBtn a {font-size: 12px;}
}
/* samsung note and iphone max*/
@media(min-width:371px) and (max-width:480px){
	.boardBtn a {font-size: 3.5vw; padding: 1.5vw 3vw;}
}
/* samsung and iphone*/
@media (min-width:321px) and (max-width:370px){
	.boardBtn a {font-size: 3.8vw; padding: 1.5vw 3vw;}
}   
/* fold*/
@media(max-width:320px){
	.boardBtn a {font-size: 3.8vw; padding: 1.5vw 3vw;}
}

/* paging */
.pageBtn{margin:30px 0 20px 0;text-align:center}
.pageBtn span {display: inline-block; vertical-align: middle;}
.pageBtn span a {display: inline-block;}
.pageBtn .page_prev{margin:0 15px 0 0}
.pageBtn .page_next{margin:0 0 0 15px}
.pageBtn .page_select a {/* border: 1px solid #e0e0e0; */ display: inline-block; color: #555; border-radius: 100%; font-family: 'Lato', sans-serif !important; font-size: 15px;width: 32px;    height: 32px;    text-align: center;    line-height: 32px;    margin-right: 3px;}
.pageBtn .page_select a:hover{background-color: #f0f0f0;color: #555;}
.pageBtn .page_select a.on {background: #0c3472; color: #fff;}

.page_img_prev , .page_img_next{width: 7px !important;margin: 0 7px;}
.page_img_first , .page_img_last{width: 15px !important;margin: 0 7px;}
/* .pageBtn .page_select a {width: 28px; height: 28px; padding: 6px 0; text-align: center; border: 1px solid #e0e0e0; display: inline-block; font-family: dotum; font-size: 15px; text-decoration: none; color: #555;}
.pageBtn .page_select a.on {background: #a4a5a6; color: #fff; border: 0; font-weight: bold; padding: 7px 0;} */
.totalPage {font-size: 15px; position: absolute; bottom: 0; font-weight: 300;}
.totalPage b, .totalPage span {font-weight:bold;}

/* samsung note and iphone max*/
@media(max-width:480px){
	.page_img_first, .page_img_last{margin: 0;}
	.pageBtn .page_prev , .pageBtn .page_next{margin: 0;}
	.page_img_prev, .page_img_next {
		width: 1.8vw !important;margin: 0 4vw;}
	.page_img_first, .page_img_last {
		width: 4vw !important;}
	.pageBtn .page_select a {    width: 8vw;height: 8vw;font-size: 3.5vw; line-height: 8.2vw;margin: 0 1vw 0 0;}
	.pageBtn .page_select a:last-child{margin: 0;}
	
}



/* Write */
.boardWriteWrap .writeTable{/* border-top:2px solid #777;  */padding:0 0 30px 0; border-bottom: 2px solid #c0c0c0; margin-bottom: 30px;}
.boardWriteWrap .writeTable .write_table {width:100%;}
.boardWriteWrap select {/* width: 150px; */width:85%; height: 30px; background: transparent url(/common/images/arrow-select.png) no-repeat 98% 50%; border: 1px solid #c0c0c0; padding-left: 1rem; line-height: 22px;color: #7f7f7f;}
.boardWriteWrap .writeTable th {width:15%; height: 3rem; text-align: left; color: #101010; /*border-bottom: 1px solid #bebebe;  background: #e9edf1; */ vertical-align: middle;padding:0 10px 0 20px}
.boardWriteWrap .writeTable td {width:82%;/*  border-bottom: 1px solid #bebebe; */ height: 3rem; font-size: 13px; vertical-align: middle; padding: 20px 10px;;}
.boardWriteWrap .writeTable tr td.secNum {padding:1rem;}
.boardWriteWrap .writeTable tr td.secNum span{/* color:#043081; */font-size:12px;/* padding:0.5rem 0 0 0; */display:inline-block; line-height: 1rem;}

.boardWriteWrap .writeTable tr td input{width:85%;color:#7f7f7f;margin-right:5%;border:1px solid #c0c0c0;height: 2rem; padding: 5px 8px 5px 15px ; -webkit-appearance: none; -webkit-border-radius: 0;}
.boardWriteWrap .writeTable tr.addfile input {height: auto; border:none; padding: 0; margin: 0.4rem 0; font-size: 0.9rem;}
.boardWriteWrap .writeTable tr.addfile input#file-upload-button{border:0}
/* .boardWriteWrap .writeTable td input[name="o_name"], .boardWriteWrap .writeTable td input[name="o_password"] {    width: 85%; margin-right: 0.8rem; vertical-align: middle;} */
.boardWriteWrap .writeTable td input[type="checkbox"] {display:none;}
.boardWriteWrap .writeTable td input[type="checkbox"] + label {line-height: 0 !important; display: inline-block;}
.boardWriteWrap .writeTable td input[type="checkbox"] + label span {display:inline-block; width:14px; height:14px; border:1px solid #c0c0c0; background: #fff; vertical-align: middle; cursor:pointer; border-radius: 2px; margin-left: 0.2rem;}
.o_notice_text,.o_secret_text{color:#505050;font-size: 14px;}
.boardWriteWrap .writeTable td input[type="checkbox"]:checked + label span:before {display: block; width: 11px; height: 11px; content: "\2714"; font-size: 0.5rem; color: #000; text-align: center; position: relative; top: 6px;}
.boardWriteWrap .writeTable td input[name="o_secNum"] {width: 143px; margin-left: 0.3rem;    display: inline-block;vertical-align: middle;}
.customer_box input::placeholder{color: #7f7f7f;font-size: 14px; line-height: normal;}
.secNum_text , .secNum_img{display: inline-block;vertical-align: middle;}
.secNum_img{width: 30%;}
.file_text_wrap{display: block;}
.file_text{color: #101010;font-size: 15px;font-weight: 300;margin-top: 20px;}
.file_icon{width: 15px;}

/* .boardWriteWrap .writeTable td input[name="o_title"] {width: 60%;} */
label[class*="file_label"]{display: block;background-color:#f5f5f5 ;width: 100%;margin-bottom: 10px ;padding: 0 0 10px 15px;position: relative;cursor: pointer;}
label[class*="file_label"]:last-child{margin-bottom: 0;}
input[id*="i_file"]{overflow: hidden; width: 0 !important;    height: 0 !important;}
span[id*='i_file_name'] , .i_file_tit{font-size: 14px;color: #101010;font-weight: 300;      display: inline-block;    width: 90%;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; }
.file_label_text{    position: absolute;    color: #101010;    font-weight: 200;    right: 15px;    top: 50%;    transform: translateY(-50%);}

/*PC*/
@media (max-width:1300px){
	.boardWriteWrap .writeTable td input[name="o_title"] {width: 100%;}
}
/*tablet*/
@media(min-width:769px) and (max-width:1024px){
	.boardWriteWrap .writeTable tr td input{width: 80%;margin-right: 5%;}
	.boardWriteWrap select{width: 80%;}
	/* .secNum_img {		width: 37%;	} */
	.secNum_img {		width: 45%;	}
	.boardWriteWrap .writeTable td input[name="o_secNum"] {		width: 65%;}
	.secNum_text{width: 55%;}
}
/*mini tablet and duo*/
@media (max-width:768px){
	.boardWriteWrap .writeTable {padding:0 2% 1rem 2%;}
	.boardWriteWrap .writeTable th, .boardWriteWrap .writeTable td {display: block; width: 100%; height:auto; padding:0;}
	.boardWriteWrap .writeTable th {background:c unset; border: 0; text-align: left; font-size: 1rem; font-weight: 500; margin-top: 1rem;}
	.boardWriteWrap .writeTable td {padding: 0; padding-bottom: 1rem; margin-top: 0.8rem;}
	.boardWriteWrap .writeTable tr:nth-child(4) td, .boardWriteWrap .writeTable tr:nth-child(5) td {padding-left: 0 !important; padding-top: 0 !important;}
	.boardWriteWrap .writeTable tr:last-child td {border-bottom:0;}
	.boardWriteWrap .writeTable td input[name="o_password"] {display: block; margin-bottom: 0.4rem;}
	.boardWriteWrap .writeTable tr td.secNum {padding:0;padding-bottom:1rem;}
	.boardWriteWrap select , .boardWriteWrap .writeTable tr td input{width: 100%;display: block;margin: 0;}
	.o_notice_text , .o_secret_text{display: block;margin: 3vw 0 0 2vw;}
	.secNum_text{margin-top: 2vw;}
	.secNum_img{width: 100%;}
    span[id*='i_file_name'] , .i_file_tit{position: relative;    top: 11px;}
}  
/* fold*/
@media(max-width:320px){
	.boardWriteWrap .writeTable tr.addfile input {width: 100%;}
}


/* Tail */
.replyWrite .info_submit input[type="button"] {border:0;font-size: 13px; padding: 10px 30px; background: #0c3472;}