/* CSS Document */

.text_l {text-align:left;}
.text_c {text-align:center;}

caption {display:none;}

table{border-collapse:collapse; border-spacing:0; font-family:'돋움', dotum; font-size:12px;}

table.tb_01 {width:100%; border-left:1px solid #dadada; border-top:1px solid #dadada;}
table.tb_01 th {height:51px; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
table.tb_01 td {height:37px; text-align:center; border-right:1px solid #dadada ;border-bottom:1px solid #dadada;}

table.tb_02 {width:100%; border-top:1px solid #dadada;}
table.tb_02 tr:hover {background:#f9f9f9;}
table.tb_02 th {height:auto; padding:10px 0 8px; background:#f4f4f4; color:#555; font-weight: normal}
table.tb_02 td {padding:9px 0 7px;; text-align:center; color:#777; font-size:11px;}
table.tb_02 td.title_n a {display:block; width:100%; padding-left:20px; text-align:left;}
table.tb_02 th, table.tb_02 td {border-bottom:1px solid #dadada;}

table.tb_03 {width:100%; border-left:1px solid #dadada; border-top:1px solid #dadada;}
table.tb_03 th {height:43px; background:#31af8d; color:#fff;}
table.tb_03 td {height:43px; text-align:left; padding-left:5%;}
table.tb_03 th, table.tb_03 td {border-right:1px solid #dadada; border-bottom:1px solid #dadada;}

table.tb_04 {width:100%; border:1px solid #dadada;}
table.tb_04 td.title {height:45px; text-align:center}
table.tb_04 td.title input {width:100%; border:0; font-size:16px; padding:12px 0; font-weight:600}
table.tb_04 td.title input:hover {background:#f7f7f7;}
table.tb_04 th, table.tb_04 td {height:38px; border-top:1px solid #dadada;}
table.tb_04 th {background:#f7f4e9; color:#555;}
table.tb_04 td {text-align:left; padding:0 15px; color:#999; font-size:11px;}
table.tb_04 td.text_area {min-height:300px; padding:30px 15px; font-size:12px; color:#555;}
.qna_area p {margin-bottom:10px; padding-bottom:20px; font-size:14px;}

td input[type="button"] {border:0; text-indent:-9999px; margin:0 3px; cursor:pointer}
td input[value="수정"] {width:41px; height:21px; background:url('/board/images/table_btn_bg.png') no-repeat 0 0}
td input[value="삭제"] {width:41px; height:21px; background:url('/board/images/table_btn_bg.png') no-repeat -41px 0}
td input[value="답글"] {width:41px; height:21px; background:url('/board/images/table_btn_bg.png') no-repeat -82px 0}
td input[value="미리보기"] {width:12px; height:12px; background:url('/board/images/preview_I.png') no-repeat 0 0}

select {
-webkit-appearance: none;  /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;}
select::-ms-expand {display: none;}

/* user */
div.snb {position:absolute; top:0; left:0; width:200px; height:100%; min-height:1000px; background:#f4f4f4; border-right:1px solid #ddd; z-index:8}
.snb h3 {height:100px; padding:35px 0 ; font-size:24px; font-weight:normal; text-align:center; background:#454545; color:#fff994;letter-spacing:.1em}
.snb ul {width:100%;}
.snb >ul >li {border-bottom:1px solid #ddd;}
.snb >ul >li >a {display:block; width:100%; height:; padding:15px 30px; background:url('/board/images/snb_off.gif') no-repeat 10px center; font-size:14px; color:#777; font-weight:bold}
.snb >ul >li >a:hover, .snb >ul >li >a.on {background:#31af8d url('/board/images/snb_on.gif') no-repeat 10px center; color:#fff;}
.snb ul li ul {padding:5px 0;}
.snb ul li ul li a {display:block; width:100%; height:; padding:5px 0 8px 30px; font-size:12px; color:#999;}
.snb ul li ul li a:hover {color:#007a4a;}

.content h3 >span {padding:0 0 0 15px; color:green;}
.content div.preview {position:relative; width:100%; height:auto; margin:0 0 30px; padding:0;border:1px solid #d4d4d4;}

/*div.preview .search_ob >div {display:block; position:absolute; left:300px;}
div.preview .search_ob >div >strong {color:#31af8d;}
div.preview >p {width:100%; margin-bottom:8px; padding-bottom:10px; border-bottom:1px dashed #d4d4d4; font-size:14px;}
div.preview >p >strong {color:#31af8d;}*/

div.preview .ob {position:relative;}
div.preview .ob ul:after {content:""; display:block; clear:both}
div.preview .ob ul li >p {display:inline-block; margin:10px 5px 0 15px; padding-left:10px; font-size:13px; background:url('/board/images/bble_01.gif') no-repeat left center}
div.preview .ob span.radio_all {margin:0 15px 0 0; padding:0; background:none}

div.preview .ob li.ob1 {position:relative;left:0;top:0;padding:10px 0 10px 11px; border-bottom:1px dashed #ddd;}
div.preview .ob li.ob1 select {position:relative;left:0;top:0; width:130px;}
div.preview .ob li.ob1 >div {display:inline-block; position:absolute; left:340px; height:28px; top:13px;padding:5px 0 0; font-size:13px}
div.preview .ob li.ob1 >div >strong {color:#31af8d;}

div.preview .ob li.ob2 {position:relative; left:0; top:0; width:100%; height:37px; padding-top:2px; padding-left:11px; background:#f7f7f7;}
div.preview .ob li.ob2 label {font-size:12px; margin-right:10px;}
div.preview .ob li.ob2 select {left:110px; width:140px;}
div.preview .ob li.ob2.user label {display:inline-block; position:relative; top:5px; padding-left:10px; background:url('/board/images/bble_01.gif') no-repeat left center}
div.preview .ob li.ob2.user select {top:-8px;}
div.preview .ob li.ob2 input[type="text"] {height:24px;}
div.preview .ob li select {position:absolute; left:5px; top:6px; height:30px; padding:0 30px 0 10px; background:#fff url('/board/images/select-icons.png') right -168px no-repeat; border:1px solid #ddd; font-size:12px;}
div.preview .ob li select option {padding:5px 0;}

div.preview select, div.preview input[type="text"] {height:30px; border:1px solid #d4d4d4; font-size:12px;}
div.preview select {padding-left:8px;}
div.preview input {padding:0 10px;}
div.preview input[type="radio"] {position:relative; top:3px; margin-right:5px;}
div.preview input[type="button"] {position:relative; top:2px; border:0; text-indent:-9999px; cursor:pointer}
div.preview input[value="전체선택"] {position:relative; top:3px; margin-right:5px;}
div.preview input[value="공지설정"] {position:relative; top:3px; margin-right:5px;}
div.preview input[value="비밀글설정"] {position:relative; top:3px; margin-right:5px;}
div.preview input[value="추가"] {width:25px; height:25px; background:url('/board/images/common.png') no-repeat 0 0;}
div.preview input[value="검색"] {width:30px; height:30px; background:url('/board/images/common.png') no-repeat -25px 0;}
div.preview input[value="삭제"] {width:60px; height:30px; background:url('/board/images/common.png') no-repeat 0 -60px;}
div.preview input[value="삭제"]:hover {background:url('/board/images/common.png') no-repeat -60px -60px;}
div.preview input[value="답글"] {width:60px; height:30px; background:url('/board/images/common.png') no-repeat 0 -120px;}
div.preview input[value="답글"]:hover {background:url('/board/images/common.png') no-repeat -60px -120px;}
div.preview input[value="수정"] {width:60px; height:30px; background:url('/board/images/common.png') no-repeat 0 -30px;}
div.preview input[value="수정"]:hover {width:60px; height:30px; background:url('/board/images/common.png') no-repeat -60px -30px;}
div.preview input[value="목록"] {width:60px; height:30px; background:url('/board/images/common.png') no-repeat 0 -90px;}
div.preview input[value="목록"]:hover {width:60px; height:30px; background:url('/board/images/common.png') no-repeat -60px -90px;}
div.preview .send_ob {position:relative; background:#f7f7f7; margin:0; padding:0 20px 8px;}
div.preview .send_ob >span {background:#fff url('/board/images/send_ob_del.gif') no-repeat right center; margin-right:5px; padding:4px 15px 4px 8px; font-size:12px; color:#777;}

div.b_list {position:relative; width:100%; border-top:2px solid #555; -webkit-border-top:2px solid #555; font-family:'돋움', dotum; font-size:11px;}
div.b_list a {outline:none; text-decoration:none; display: inline; color:#333;}
div.b_list >ol >li {position:relative; border-bottom:1px solid #eee; padding:10px 0 8px;}
div.bTitle {position:relative; width:auto; padding-left:190px; font-size:12px; overflow:hidden; cursor:pointer; z-index:30}
div.bTitle a >span {margin-right:15px; padding-right:10px; background:url('/board/images/list_line_bg.gif') no-repeat right top; font-size:12px; color:#555;}
ul.bInfo {position:absolute; left:0; top:0; bottom:0; height:100%; padding:10px 0 8px; z-index:35}
ul.bInfo li {position:relative; float:left; font-size:12px; color:#333; zoom:1}
ul.bInfo li.bCheck {margin-left:20px; width:30px;}
ul.bInfo li.bFile {width:30px; border:1px solid #fff;}
ul.bInfo li.bname {width:100px;}
ul.bInfo.b2_cell {left:auto; right:0; width:auto;}
ul.bInfo.b2_cell li {margin-right:18px; font-size:11px; color:#888; }
/*ul.bInfo li.bDate {right:82px;}
ul.bInfo li.bname {right:50px;}
ul.bInfo li.bView {right:18px;}*/

div.g_list {position:relative; width:100%; font-family:'돋움', dotum; font-size:11px; }
div.g_list ol:after {content:""; display:block; clear:both}
div.g_list ol li {display:inline-block; position:relative; float:left; left:0; top:0; width:170px; height:auto; min-height:160px; margin-right:15px; margin-bottom:15px; text-align:center}
div.g_list ol li >div {position:relative; width:100%; height:110px; background:#333; z-index:7}
div.g_list ol li >div img {width:100%;}
div.g_list ol li p.title {display:block; width:100%; height:30px; padding:10px 0 0; text-align:center;}
div.g_list ol li span.date {display:block; width:100%; height:20px; padding:0; text-align:center; color:#999;}
div.g_list ol li >input {position:absolute; left:8px; top:8px; z-index:9}
div.g_list ol li.add {border:1px dashed #d4d4d4;}
div.g_list ol li.add a {display:block; width:100%; height:auto; min-height:160px; background:url('/board/images/add_B.png') no-repeat center}

div.wv_area {position:relative; width:100%; border-top:2px solid #555; font-family:'돋움', dotum; font-size:12px;}
.wv_area >ul >li {border-bottom:1px solid #ddd;}
li.wvGuest {width:100%; padding:15px 18px; font-size:18px; color:#333;}
li.wvGuest.write {padding:0;}
li.wvGuest >input {width:32.3%; padding:15px 18px; border:0; border-right:1px solid #DDDDDD; background:none; font-size:14px; color:#333;}
li.wvGuest >input:last-child {border:0;}
li.wvGuest >input:focus {outline:2px solid #31af8d;}
li.wvTitle {width:100%; padding:15px 18px; font-size:18px; color:#333;}
li.wvTitle .headWrite { display:inline-block; width:10%; }
li.wvTitle .headWrite select { width:100%;font-size:14px;border:0;padding:0 10%;border-left:1px solid #ddd;border-right:1px solid #ddd; background:url('/board/images/snb_off')no-repeat 90% center;}
li.wvTitle .headWriteRead { text-align:left;font-weight:bold;padding:15px;}
li.wvTitle.write {padding:0;}
li.wvTitle .subject { display:inline-block; width:89%; }
li.wvTitle >input,li.wvTitle .subject >input {width:100%; padding:15px 18px; border:0; background:none; font-size:14px;  color:#333;}
li.wvTitle >input:focus {outline:2px solid #31af8d;}
li.wvCon {width:100%; border-left:1px solid #ddd; border-right:1px solid #ddd}
li.wvCon >div {position:relative; width:100%; height:auto;}
li.wvCon >div .wrSelect {background:#f7f7f7; padding:5px 16px; border:1px solid #ddd; border-top:none;}
li.wvCon .wrIcon {height:34px; background:#f7f7f7 url(/board/images/wrIcon_bg.png) no-repeat left center; padding:5px 16px 16px 6px; border-bottom:1px solid #ddd;}
li.wvCon .wrIcon >button {float:left; width:23px; height:23px; background:none; text-indent:-9999px; cursor:pointer; margin:0; border:0; outline-style:none;}
li.wvCon .wrIcon >button:nth-child(1) { width:52px; }
li.wvCon .wrIcon >button:nth-child(2) { width:50px; }
li.wvCon .wrIcon >button:nth-child(4) {margin-right:3px;}
li.wvCon .wrIcon >button:nth-child(8) {margin-right:5px;}
li.wvCon .wrIcon >button:nth-child(12) {margin-right:5px;}
/*li.wvCon .wrIcon >button:focus {outline:1px solid #31af8d;}*/
li.wvCon >div textarea {width:100%; height:100%; min-height:300px; padding:15px; border:none;}
li.wvCon >div iframe {width:100%; height:100%; min-height:300px; padding:15px; border:none;}
div.wvCon.reply textarea {min-height:80px; color:#999}

div .hiddenSelect { position:absolute;top:30px;font-size:120%;width:0;height:0;z-index:3; }
div .hiddenSelect ul li input[type="button"] { text-align:left;width:120px;min-height:30px;padding:0 10px 0 10px;border:0;cursor:pointer; }
div .hiddenSelect ul li input[type="button"]:hover { background:#666; }
div .hiddenSelect label { display:block;background:url('/board/images/color.jpg');width:129px;height:57px;padding:5px; }
div .hiddenSelect label input[type="button"] { float:left;background:none;width:11px;height:11px;text-indent:-9999px;margin-right:1px;border:0;outline-style:none;cursor:pointer; }
div .hiddenSelect label input:nth-child(n+10) { margin-top:1px; }
div .hiddenSelect label input:nth-child(10n) { margin-right:0; }
div .hiddenSelect:nth-child(2) { left:20px; }
div .hiddenSelect:nth-child(3) { left:40px; }
div .hiddenSelect:nth-child(4) { left:100px;width:140px !important;}
div .hiddenSelect:nth-child(5) { left:130px;width:140px !important}

p.wrSelect select {height:24px;}

li.wvInfo {padding:10px 18px; background:#f9f9f9; border-left:1px solid #ddd; border-right:1px solid #ddd}
li.wvInfo span {margin-right:25px; font-size:11px; color:#777;}
span.wvFile {background:url('/board/images/file.png') no-repeat left center; padding-left:25px; font-weight:600;}
.wvReply {position:relative;background:#eee; padding:10px 16px 8px;width:100%;min-height:160px;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.replyStart {position:relative; width:100%; line-height:35px; background:url('../images/reply_icon.png') no-repeat left center; padding-left:23px; font-weight:600;border-bottom:1px solid #ddd;}
.wvReply .reply >input {margin-bottom:5px; padding:5px; border:0; background:#31af8d; color:#fff; font-size:11px;}
.wvReply input[value="보내기"] {position:absolute;bottom:10px;right:10px;width:60px;height:30px;}
.wvReply textarea { width:100%;border:1px solid #ddd; }

.send_btn {position:relative; top:15px; width:100%; text-align:right;}
.send_btn input {padding:5px; font-size:11px;}

div..board_st{position:relative;width:100%;height:auto;}
.board_st dl {width:100%; border:1px solid #d4d4d4; border-bottom:none;}
.board_st dl dt {display:block; float:left; width:150px; height:46px; padding:16px 0 0 25px; font-size:12px; font-weight:600; color:#555; background:#f7f7f7; border-right:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; content:''; clear:both}
.board_st dl dd {width:auto; height:46px; padding:11px 0 0 170px; font-size:12px; text-align:left; border-bottom:1px solid #d4d4d4;}
.board_st dl dd input, .board_st dl dd select {font-size:12px; padding:4px 8px; border:1px solid #ddd;}
.board_st dl dd label {display:inline-block; width:210px; font-size:12px; color:#555;}
.board_st dl dd label.radio {width:80px; padding:4px 0 0;}
.board_st dl dd label.radio input {position: relative; top:3px; margin-right:5px;}
.board_st h5 {background:url(/board/images/bble_01.gif)no-repeat left center; font-size:14px; font-weight:600; color:#333; margin-bottom:10px; padding-left:10px;}
.board_st hr {height:1px; margin:1px 0; background:#fff; border:0;}

.pageNum {margin:4% auto; text-align:center}
.pageNum a {display:inline-block; width:30px; height:30px; color:#555; border:1px solid #d4d4d4; font-size:80%; text-align:center; padding:4px 0 0; margin:0 2px;}
.pageNum a:hover , .pageNum a.on {background:#333; color:#ffec6a;}
.pageNum a.prev , .pageNum a.next, .pageNum a.list {width:50px;}

.tb_list {display: none;}
@media screen and (max-width: 500px) {
	div.bTitle {padding-left:135px;}
	div.preview .ob li.ob1 >div {display: none;}
	.tb_list {display: block; font-size: 10pt;padding-left: 10px; margin-bottom: 10px;}
	.tb_list strong {color:#31af8d;}
}

.upload{position:relative;width:500px;text-align:left;border-radius:20px;border:1px solid #333;}
.upload .upload_title{position:relative;width:100%;background:#2d2e3b;text-align:center;padding:20px 0 0;height:60px;color:#fff;font-size:1.15em;border-radius:10px 10px 0 0}
.upload .upload_box{position:relative;text-align:center;margin:30px 0;}
.upload_name {position:relative;font-size:0.9em;width:450px;color:#333;text-align:left;margin:0 auto 8px;font-size:.9em}
.upload_input[type="text"]{position:relative;font-size:0.9em;text-align:left;width:450px;margin:0;padding:10px 15px;border:1px solid #ddd;}
.upload_input[type="file"]{position:relative;width:450px;border:1px solid #fff;background: #fff;color:#333;margin:0 0;font-size:.9em;padding:5px;}
.upload_input[type="button"]{position:relative;left:50%;background:#07ae85;text-align:center;color:#fff;width:60px;height:60px;margin-top:-5px;margin-left:-25px;border:0;cursor:pointer;font-size:1.6em;border-radius:50%;}
.leftButton{position:absolute;left:50%;top:40%;width:42px;height:42px;margin-left:-35%;background:url(/board/images/gallery_arrow_btn.png)no-repeat;background-size:cover;z-index:990;}
.leftButton:hover{background:url(/board/images/gallery_arrow_btn_over.png)no-repeat;cursor:pointer}
.rightButton{position:absolute;right:50%;top:40%;width:42px;height:42px;margin-right:-35%;background:url(/board/images/gallery_arrow_btn.png)no-repeat;
	transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg);
	-webkit-transform:rotateZ(180deg);
	-moz-transform:rotateZ(180deg);
	z-index:990;border:0;}
.rightButton:hover{background:url(/board/images/gallery_arrow_btn_over.png)no-repeat;cursor:pointer;
	transform:rotateZ(180deg);
	-ms-transform:rotateZ(180deg);
	-webkit-transform:rotateZ(180deg);
	-moz-transform:rotateZ(180deg);
}

/*파일 업도르 부분 추가 20200724 */
.increase_height{display: block;position:relative;left:0;bottom:0;width:100%;height:25px;background:#e7e7e7;border:0;text-align: center;font-size:11px;color:#aaa;cursor:row-resize}	
.file_box, .thumbnail_box{float:left;position:relative;width:40%;margin-right:2%;min-height:45px;border:1px solid #ddd;border-radius:8px;height:auto;margin-top:25px;padding:15px 25px 15px;}
.file_load p.file{position:absolute;left:20px;top:-17px;width:70px;background: #fff; padding:10px 0 0;text-align:center;color:#333;font-size:13px;}
.file_view{position:relative;margin-top:10px;}
.file_view .btn_upload{display:block;width:80px; height:26px;font-size:11px;padding:3px 0 0;color:#777;background:url(/board/images/file_add.gif)no-repeat top right;}
.file_upload_name{position:relative;}
.file_upload_btn{float:right;text-align: left}
.flie_caution{position:relative;background: #e7e7e7;margin-top:50px;padding:10px;border-radius:8px;}
.send_btnWrite {float:left;position:relative;width:16%;padding:50px 0 0 0;}
.send_btnWrite input[value="저장"]{float:left;min-height:66px;margin-right:3px;border-radius:8px;border:none;padding:0 20px;background:#31af8d;color:#fff;}
.send_btnWrite input[value="취소"]{float:left;min-height:66px;border-radius:8px;border:none;padding:0 20px;background:#eee;color:#777;border:1px solid #ddd}