@charset "UTF-8";

html, body {width:100%; height:100%;}
body {margin:0; padding:0; -webkit-text-size-adjust:100%;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea {color:#333; margin:0;padding:0;}
a:link, a:visited {color:#333; text-decoration:none;}
a:active, a:hover{color:#333; text-decoration:none;}
dd, li{list-style:none;}
img{vertical-align:top; max-width:100%;}
input, select, label, select, textarea {padding:0 0; box-sizing:border-box;}
table{border-collapse: collapse; border-spacing: 0;}
caption{font-size:0; line-height:0; position:absolute;}
em {font-style:normal;}

.boardArea {position:relative;}
.boardArea .al {text-align:left;}
.boardArea .vm {vertical-align:middle;}

.boardArea .pwPop {display:none; position:absolute; top:50%; left:50%; width:300px; height:150px; margin:-75px 0 0 -150px; background:#fff; border:1px solid #505050; border-radius:5px;}
.boardArea .pwPop p {padding:30px 20px 0;}

.boardArea select {width:100%; height:38px; line-height:38px; padding:0 25px 0 5px; border:1px solid #d9d9d9; background:#fff url(/bbsbb/img/bullet_sele.png) no-repeat 92% 50%; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.boardArea select::-ms-expand {display:none;}
.boardArea input[type=text], .boardArea input[type=tel], .boardArea input[type=password] {height:38px; line-height:38px; padding:5px; border:1px solid #d9d9d9; vertical-align:middle; background:#fff;}
.boardArea textarea {border:1px solid #d9d9d9; padding:5px;}
.boardArea .w50 {width:50%;}
.boardArea .w90 {width:95%;}

.boardArea .bdfile input[type=text] {width:85%; height:42px; background:#eee;}
.boardArea .bdfile .bdBtnC {margin:0;}
.boardArea p.bdfile  {padding-bottom: 4px;}

.boardArea .bdTop {margin:10px 0; text-align:right;}
.boardArea .bdTop span {display:inline-block; width:30%;}
.boardArea .bdTop select {width:48%;}

.boardArea .bdTop .bdSearch input[type=text] {/* width:75%; */width:73%;}
.boardArea .bdTop .bdSearch .btn {display:inline-block; width:70px; height:38px; line-height:38px; color:#fff; vertical-align:middle; text-align:center; background:#333;}

/* list */
.boardArea .bd_List {table-layout:fixed; width:100%; border-top:1px solid #505050; text-align:center;}
.boardArea .bd_List th {border-bottom:1px solid #d9d9d9; padding:15px 10px; background:#f9f9f9; word-break:break-all;}
.boardArea .bd_List td {border-bottom:1px solid #d9d9d9; padding:12px 10px; word-break:break-all;}
.boardArea .bd_List th:last-child, .boardArea .list td:last-child {border-right:0;}
.boardArea .bd_List .re {color:#cc0000;}

/* write */
.boardArea .bd_Write {table-layout:fixed; width:100%; border-top:1px solid #505050;}
.boardArea .bd_Write td {border-bottom:1px solid #d9d9d9; padding:15px 10px; word-break:break-all;}


/* view */
.boardArea .bdView h6 {font-size:20px; font-weight:bold; padding:30px 20px 0; border-top:1px solid #505050; background:#ffffff;}
.boardArea .bdView .dbInfo {padding:20px 20px 30px; border-bottom:1px solid #d9d9d9; background:#ffffff;}
.boardArea .bdView .dbInfo span {display:inline-block; margin:0 13px 3px 0;}
.boardArea .bdView .dbInfo a.attach {display:inline-block; padding-left:15px; background:url(/bbsbb/img/attach.png) 0 center no-repeat;}
.boardArea .bdView .bdCont {padding:20px; border-bottom:1px solid #d9d9d9;text-align: center;}
.boardArea .dbState {margin-top:30px; border-top:1px solid #505050;}
.boardArea .dbState p {border-bottom:1px solid #d9d9d9;}
.boardArea .dbState p:after {content:''; clear:both; display:block;}
.boardArea .dbState p b {display:block; float:left; width:22%; background:#f9f9f9; padding:15px; box-sizing:border-box; border-right:1px solid #d9d9d9;}
.boardArea .dbState p span {display:block; float:left; width:78%; padding:15px; box-sizing:border-box; color:#999;}
.boardArea .dbState p a {display:block; float:left; width:78%; padding:15px; box-sizing:border-box; overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.boardArea .dbState .last {border-bottom-color:#505050;}

.boardArea .bdRecont {border-bottom:1px solid #505050;}
.boardArea .bdRecont .reTit {font-weight:bold; padding:20px 20px 0; margin-bottom:10px;}
.boardArea .bdRecont ul {border-top:1px solid #d9d9d9; background:#f9f9f9;}
.boardArea .bdRecont ul li {padding:10px; border-bottom:1px solid #d9d9d9; font-size:13px;}
.boardArea .bdRecont ul li:after {content:''; clear:both; display:block;}
.boardArea .bdRecont ul li .bdN {display:block; float:left; width:15%; text-align:center; font-weight:bold; color:#2dbbec;}
.boardArea .bdRecont ul li .bdC {display:block; float:left; width:75%;}
.boardArea .bdRecont ul li .bdD {display:block; float:right; width:10%; text-align:center; font-size:11px; color:#999;}
.boardArea .bdRecont ul li .del {display:inline-block; width:13px; vertical-align:middle;}
.boardArea .bdRecont .dbRewrite {padding:20px; background:#ffffff;}
.boardArea .bdRecont .dbRewrite p {margin-bottom:5px;}
.boardArea .bdRecont .dbRewrite textarea {width:85.3%; height:76px; vertical-align:middle;}
.boardArea .bdRecont .dbRewrite input[type=text], .boardArea .bdRecont .dbRewrite input[type=password] {width:35%;}
.boardArea .bdRecont .dbRewrite .btnRe {height:76px; line-height:50px; margin:0;}

/* button */
.boardArea .btnAc {margin:20px 0 10px; padding:0; text-align:center;}
.boardArea .btnAr {margin:20px 0 0; padding:0; text-align:right;}
.boardArea .btnAl {margin:20px 0 10px; padding:0; text-align:left;}

.boardArea .bdBtnA {display:inline-block; padding:10px 25px; margin:0 2px 5px 0; text-align:center; color:#333 !important; font-size:15px; border:1px solid #ccc; background:#fff; box-sizing:border-box; vertical-align:middle; border-radius:2px;}
.boardArea .bdBtnB {display:inline-block; padding:10px 25px; margin:0 2px 5px 0; text-align:center; color:#fff !important; font-size:15px; /* border:1px solid #707070; */ background:#004282; box-sizing:border-box; vertical-align:middle; border-radius:2px;}
.boardArea .bdBtnC {display:inline-block; padding:10px 25px; margin:0 2px 5px 0; text-align:center; color:#fff !important; font-size:15px; /* border:1px solid #2dbbec; */ background:#004282; box-sizing:border-box; vertical-align:middle; border-radius:2px;}

/* page */
.boardArea .paging {position:relative; margin:20px auto 10px;}
.boardArea .paging p {margin:0 auto; padding:0; text-align:center; zoom:1;}
.boardArea .paging p a {display:inline-block; margin:0 0; padding:0 5px; width:32px; height:32px; line-height:30px; color:#333; vertical-align:middle; border:1px solid #d5d5d5;}
.boardArea .paging p a:hover, .boardArea .paging p a:focus, .boardArea .paging p a:active {color:#000; border:1px solid #333;}
.boardArea .paging p a.checkOn {font-family:'Noto Sans M'; color:#fff; background:#2dbbec; border:1px solid #2dbbec;}
.boardArea .paging p a.pre {width:32px; margin:0px 0 0; padding:0; background:url(/bbsbb/img/pagingIcon.png) 0 0 no-repeat;}
.boardArea .paging p a.pre:hover, .boardArea .paging p a.pre:focus, .boardArea .paging p a.pre:active {background-position:-38px 0;}
.boardArea .paging p a.first {width:32px; margin:0px 0 0; padding:0; line-height:32px; background:url(/bbsbb/img/pagingIcon.png) -76px 0 no-repeat;}
.boardArea .paging p a.first:hover, .boardArea .paging p a.first:focus, .boardArea .paging p a.first:active {background-position:-114px 0;}
.boardArea .paging p a.next {width:32px; margin:0px 0 0; padding:0; background:url(/bbsbb/img/pagingIcon.png) 0 -38px no-repeat;}
.boardArea .paging p a.next:hover, .boardArea .paging p a.next:focus, .boardArea .paging p a.next:active {background-position:-38px -38px;}
.boardArea .paging p a.last {width:32px; margin:0px 0 0; padding:0; background:url(/bbsbb/img/pagingIcon.png) -76px -38px no-repeat;}
.boardArea .paging p a i {line-height:32px;}
.boardArea .paging p a.last:hover, .boardArea .paging p a.last:focus, .boardArea .paging p a.last:active {background-position:-114px -38px;}
.boardArea .paging p a.pre span, .boardArea .paging p a.first span, .boardArea .paging p a.next span, div.paging p a.last span {display:none;}


@media (max-width: 1300px) {
.boardArea .bdRecont .dbRewrite textarea {width:82%;}
.boardArea .bdfile input[type=text] {width:80%;}
}
@media (max-width: 1000px) {
.boardArea .bdTop {text-align:left;}
.boardArea .bdTop span {width:48%;text-align:right;}
.boardArea .bdTop select {width:100%;}
.boardArea .bdTop .bdSearch {width:51%;}
}


@media (max-width: 900px) {
}

@media (max-width: 700px) {
.hidden-xs {display:none;}
.mobile-w-80 {width:80% !important;}
.mobile-w-20 {width:20% !important;}
.boardArea .bd_List th {width:100%;}
.boardArea .bdTop span {width:32%;}
.boardArea .bdTop .bdSearch {width:65%;}
.boardArea .bdTop .bdSearch input[type=text] {width:68%;}
.boardArea .bdRecont .dbRewrite p {font-size:12px;}
.boardArea .bdRecont .dbRewrite textarea {width:69%;}
.boardArea .bdRecont .dbRewrite .btnRe {width:30%; float:right;}
.boardArea .bdRecont .dbRewrite input[type=text], .boardArea .bdRecont .dbRewrite input[type=password] {width:48%;}
.boardArea .bdfile input[type=text] {width:70%;}
}

@media (max-width: 414px) {
.boardArea .w50, .boardArea .w90 {width:97%;}
.boardArea .bdfile input[type=text] {width:60%;}
.boardArea .bdRecont .dbRewrite textarea {width:60%;}

.boardArea .bdTop select {width:100%; margin-bottom:5px;}
.boardArea .bdTop span {width:100%; display:block;}
.boardArea .bdTop .bdSearch {width:100%;}
.boardArea .bdTop .bdSearch:after {content:''; clear:both; display:block;}
.boardArea .bdTop .bdSearch input[type=text] {width:80%; float:left;}
.boardArea .bdTop .bdSearch .btn {float:left; width:20%;}

.boardArea .btnAr:after {content:''; clear:both; display:block;}
.boardArea .btnAr > .bdBtnA,
.boardArea .btnAr > .bdBtnB,
.boardArea .btnAr > .bdBtnC {width:19%; box-sizing:border-box; margin:0; padding:8px; display:block; float:left; margin-right:1.25%;}
.boardArea .btnAr > a:last-child {margin-right:0;}
}

@media (max-width: 320px) {
.boardArea .bdRecont .dbRewrite textarea {width:54%;}
.boardArea .btnAr > .bdBtnA,
.boardArea .btnAr > .bdBtnB,
.boardArea .btnAr > .bdBtnC {font-size:14px;}
}