@charset "utf-8";

/*--------------------*/
/* 게시판 상단 */
/*--------------------*/

.brd_top {position:relative; float:left; width:100%; height:45px;}
.brd_top .total {float:left; height:35px; margin-right:18px; padding:8px 0 0 37px; box-sizing:border-box; background:url("../img/board/iconTotal.png") 0 50% no-repeat;}
.brd_top .category {float:left; width:130px; height:35px; padding-left:14px; border:1px solid #e1e2e2;}
.brd_top .search {position:absolute; right:0; top:0;}
.brd_top .search div {position:absolute; right:255px; top:0; overflow:hidden; width:120px; height:35px; box-sizing:border-box; background:url("../img/board/selectBg.jpg") 90px 50% no-repeat; border:1px solid #e1e2e2;}
.brd_top .search div select {position:absolute; left:0; top:0; width:140px; height:100%; padding-left:10px;}
.brd_top .search input[type="text"] {position:absolute; right:76px; top:0; width:175px; height:35px; padding:0 5px; box-sizing:border-box; border:1px solid #e1e2e2;}
.brd_top .search input[type="submit"] {position:absolute; right:0; top:0; width:77px; height:35px; background:#eff0f0; border:1px solid #e1e2e2;}

/*--------------------*/
/* 일반 게시판 */
/*--------------------*/

.brd_board {float:left; width:100%; margin-bottom:20px; border-top:1px solid #222222;}
.brd_board th {padding:15px 0; border-bottom:1px solid #aaaaaa;}
.brd_board td {padding:15px 10px; text-align:center; color:#666666; border-bottom:1px solid #dddddd;}
.brd_board td:nth-child(2) {text-align:left !important;}
.brd_board a {color:#666666;}

/* 공지 */
.brd_board em {display:inline-block; width:90%; padding:10px 0; text-align:center; color:white; background:#222222;}

/* 비밀글 */
.brd_board .secret {position:relative; top:-3px; margin-left:10px; vertical-align:top;}

/* 답글 */
.brd_board .answer {margin-right:10px;}

/*--------------------*/
/* 포토 게시판 */
/*--------------------*/

.brd_photo {float:left; width:100%; margin-bottom:20px; padding-top:10px; border-top:1px solid #222222;  border-bottom:1px solid #dddddd}
.brd_photo a {position:relative; display:block; float:left; width:290px; height:390px; margin:0 165px 45px 0; padding:220px 22px 0; box-sizing:border-box; border:1px solid #dddddd;}
.brd_photo a:nth-child(3n) {margin:0 0 45px 0;}
.brd_photo img {position:absolute; left:0; top:0; width:100%; height:194px;}
.brd_photo .title {overflow:hidden; width:100%; font-size:18px; white-space:nowrap; text-overflow:ellipsis;}
.brd_photo .con {overflow:hidden; width:100%; height:65px; margin:15px 0; line-height:22px; color:#888888;}
.brd_photo .date {position:relative; color:#888888;}
.brd_photo .date span {position:absolute; right:0; top:2px;}
.brd_photo a:hover {text-decoration:none;}
.brd_photo a:hover {background:#fcfcfc;}

/*--------------------*/
/* FAQ 게시판 */
/*--------------------*/

.brd_faq {float:left; width:100%; margin-bottom:20px; border-top:1px solid #222222;}
.brd_faq th {padding:15px 0; border-bottom:1px solid #aaaaaa;}
.brd_faq td {color:#666666; border-bottom:1px solid #aaaaaa;}

.brd_faq .question td {position:relative; padding:15px 0;}
.brd_faq .question td:first-child {width:8%; text-align:center;}
.brd_faq .question td:nth-child(2) {position:relative; width:auto; padding-right:100px;}
.brd_faq .question td:nth-child(2) span {position:absolute; right:25px; top:50%; display:block; width:18px; height:9px; margin-top:-4px; background:url("../img/board/faqDown.png") no-repeat;}
.brd_faq .question button {padding-left:30px; text-align:left; background:url("../img/board/faqQ.png") 0 4px no-repeat;}
.brd_faq .question.on {background:#222222;}
.brd_faq .question.on td {color:white;}
.brd_faq .question.on button {color:white; background:url("../img/board/faqQ_on.png") 0 4px no-repeat;}
.brd_faq .question.on td:nth-child(2) span {background:url("../img/board/faqUp.png") no-repeat;}

.brd_faq .answer td {padding:25px 50px 25px 130px; background:#f7f7f7 url("../img/board/faqA.png") 86px 20px no-repeat;}

/*--------------------*/
/* 게시판 상세P */
/*--------------------*/

.brd_view {float:left; width:100%;}
.brd_view table {width:100%;}

.brd_view .title {position:relative; width:100%; padding:15px 100px 15px 0; box-sizing:border-box; border-top:1px solid #222222; border-bottom:1px solid #aaaaaa;}
.brd_view .title em {display:inline-block; min-width:100px; height:34px; margin-right:20px; padding-top:8px; box-sizing:border-box; color:white; text-align:center; background:#222222;}
.brd_view .title span {position:absolute; right:0; top:50%; margin-top:-10px;}
.brd_view .title img {position:relative; top:-3px; margin-left:10px; vertical-align:top;}
.brd_view .title em + strong + img {top:4px;}

.brd_view .info th {position:relative; padding:15px 0; border-bottom:1px solid #dddddd;}
.brd_view .info span {position:absolute; right:0; top:50%; display:block; width:1px; height:16px; margin-top:-8px; background:#dddddd;}
.brd_view .info td {padding:15px 20px; border-bottom:1px solid #dddddd;}
.brd_view .info td, .brd_view .info a {color:#666666;}
.brd_view .info div {margin-top:5px;}
.brd_view .info div:first-child {margin-top:0;}
.brd_view .info .file {vertical-align:top;}
.brd_view .info .file span {top:16px !important; margin-top:0 !important;}

.brd_view .contents {width:100%; min-height:300px; padding:20px; box-sizing:border-box;}

.brd_view .register {border-top:1px solid #dddddd; border-bottom:1px solid #dddddd;}
.brd_view .register th {background:#eff0f0;}
.brd_view .register td {height:49px;}
.brd_view .register input {width:100%; height:100%; padding:0 10px; box-sizing:border-box;}
.brd_view .register .auto {padding-left:15px;}
.brd_view .register .auto img {width:120px; height:30px; vertical-align:top;}
.brd_view .register .auto input {width:280px; height:30px; margin-left:5px; padding:0 15px; box-sizing:border-box; vertical-align:top; border:1px solid #eff0f0;}

.brd_view .write {position:relative; width:100%; height:90px; margin:4px 0; padding-right:93px; box-sizing:border-box;}
.brd_view .write textarea {width:100%; height:100%; padding:10px; box-sizing:border-box; border:1px solid #eff0f0;}
.brd_view .write input[type="submit"] {position:absolute; right:0; top:0; width:90px; height:100%; color:white; background:#222222;}

.brd_view .button {position:relative; width:100%; padding:20px 0 40px; border-top:1px solid #222222;}
.brd_view .button div {position:absolute; right:0; top:20px;}
.brd_view .button a {display:inline-block; min-width:120px; padding:13px 0; text-align:center; border:1px solid #dddddd;}
.brd_view .button .on {background:#eff0f0;}
.brd_view .button a:hover {color:white; text-decoration:none; background:#222222; border:1px solid #222222;}

.brd_view .move {border-top:1px solid #222222; border-bottom:1px solid #222222;}
.brd_view .move th {width:15%; padding:15px 0; background:#eff0f0; border-top:1px solid #dddddd;}
.brd_view .move .prev {display:inline-block; padding-right:25px; background:url("../img/board/movePrev.png") 100% 50% no-repeat;}
.brd_view .move .next {display:inline-block; padding-right:25px; background:url("../img/board/moveNext.png") 100% 50% no-repeat;}
.brd_view .move td {width:auto; padding:15px 20px; border-top:1px solid #dddddd;}
.brd_view .move tr:first-child th, .brd_view .move tr:first-child td {border-top:none;}
.brd_view .move a {color:#666666;}

/*--------------------*/
/* 게시판 글쓰기P */
/*--------------------*/

.brd_write {float:left; width:100%;}
.brd_write table {width:100%;}
.brd_write th {background:#eff0f0; border-bottom:1px solid #dddddd;}
.brd_write td {border-bottom:1px solid #dddddd;}

.brd_write .info {border-top:1px solid #222222;}
.brd_write .info tr:first-child th, .brd_write .info tr:first-child td {border-bottom:1px solid #aaaaaa;}
.brd_write .info input {width:100%; height:50px; padding:0 10px; box-sizing:border-box; }
.brd_write .info .title {position:relative; padding-left:130px;}
.brd_write .info .title div {position:absolute; left:0; top:0; overflow:hidden; width:130px; height:50px; background:url("../img/board/selectBg01.png") 100% 50% no-repeat;}
.brd_write .info .title div select {width:150px; height:100%; padding-left:10px;}

.brd_write .guideText {position:relative; width:100%;}
.brd_write .guideText span {position:absolute; right:0; top:19px; color:#999999;}

.brd_write .check {width:100%; margin:15px 0;}
.brd_write .check input {display:none;}
.brd_write .check label {display:inline-block; height:25px; margin-right:20px; padding:3px 0 0 35px; box-sizing:border-box; background:url("../img/board/checkOff.jpg") no-repeat;}
.brd_write .check input:checked + label {background:url("../img/board/checkOn.jpg") no-repeat;}

.brd_write .contents {width:100%; height:500px; padding:20px 0; box-sizing:border-box; border-top:1px solid #222222;}
.brd_write .contents textarea {width:100%; height:100%;}

.brd_write .file {border-top:1px solid #dddddd;}
.brd_write .file th {padding:15px 0;}
.brd_write .file input[type="file"] {width:100%; height:50px; padding:12px 0 0 10px; box-sizing:border-box;}
.brd_write .file input[type="checkbox"] {display:none;}
.brd_write .file label {display:inline-block; height:25px; margin-right:20px; padding:3px 0 0 35px; box-sizing:border-box; background:url("../img/board/checkOff.jpg") no-repeat;}
.brd_write .file input:checked + label {background:url("../img/board/checkOn.jpg") no-repeat;}
.brd_write .file .auto {padding:15px;}
.brd_write .file .auto img {width:120px; height:30px; vertical-align:top;}
.brd_write .file .auto input {width:280px; height:30px; margin-left:5px; padding:0 15px; box-sizing:border-box; vertical-align:top; border:1px solid #eff0f0;}

.brd_write .button {position:relative; width:100%; padding-top:20px; border-top:1px solid #222222;}
.brd_write .button div {position:absolute; right:0; top:20px;}
.brd_write .button a, .brd_write .button input {display:inline-block; min-width:120px; padding:13px 0; text-align:center; border:1px solid #dddddd;}
.brd_write .button .on {background:#eff0f0;}
.brd_write .button a:hover, .brd_write .button input:hover {color:white; text-decoration:none; background:#222222; border:1px solid #222222;}

/*--------------------*/
/* 페이징 */
/*--------------------*/

.brd_paging {float:left; width:100%; text-align:center;}
.brd_paging a {display:inline-block; height:15px; margin:0 10px; color:#a7a7a7;}
.brd_paging a:hover {color:#222222;}
.brd_paging strong {display:inline-block; height:25px; min-width:25px; margin:0 10px; padding:2px 8px; box-sizing:border-box; color:#222222; background:#eeeeee; border:1px solid #e1e2e2;}

.brd_paging .first {width:15px; height:15px; background:url("../img/board/first.png") no-repeat;}
.brd_paging .first:hover {background:url("../img/board/firstOn.png") no-repeat;}
.brd_paging .prev {width:8px; height:15px; margin:0 30px 0 10px !important; background:url("../img/board/prev.png") no-repeat;}
.brd_paging .prev:hover {background:url("../img/board/prevOn.png") no-repeat;}
.brd_paging .next {width:8px; height:15px; margin:0 10px 0 30px !important; background:url("../img/board/next.png") no-repeat;}
.brd_paging .next:hover {background:url("../img/board/nextOn.png") no-repeat;}
.brd_paging .last {width:15px; height:15px; background:url("../img/board/last.png") no-repeat;}
.brd_paging .last:hover {background:url("../img/board/lastOn.png") no-repeat;}

/*--------------------*/
/* 게시판 리스트 하단 버튼 */
/*--------------------*/

.brd_btn {position:relative; float:left; width:100%;}
.brd_btn a {position:absolute; right:0; top:-30px; width:120px; height:42px; padding-top:10px; box-sizing:border-box; font-family:notoRegular; text-align:center; background:#eff0f0; border:1px solid #dddddd;}
.brd_btn a:hover {color:white; text-decoration:none; background:#f36910; border:1px solid #f36910;}

/*--------------------*/
/* 회원관련 CSS */
/*--------------------*/

.brd_member {float:left; width:100%;}