@charset ('UTF-8');

/* BBS */
.bbsWrap {position:relative;}
.bbsWrap caption {visibility:hidden;overflow:hidden;text-indent:-10000px;width:.1%;height:.1%;line-height:.1%;font-size:.1%}
.bbsWrap label {margin:0; font-size:0.928571em; font-weight:normal; vertical-align:middle;}

.bbsWrap input, 
.bbsWrap label, 
.bbsWrap select, 
.bbsWrap textarea, 
.bbsWrap img { vertical-align:middle;}

.bbsWrap .chkBox {width:15px; height:15px; margin:0;}
.bbsWrap .txtInput {min-width:150px; height:23px; line-height:23px; padding:0 5px; border:1px solid #ccc; background:#fff;}
.bbsWrap .w100p {width:100%;}

/* List */
.bbsList {width:100%; border-top:2px solid #999; color:#777; line-height:140%;table-layout:fixed;}
.bbsList thead th,
.bbsList tbody td {border-bottom:1px solid #888; text-align:center; padding:8px 0;word-wrap:break-word;word-break:keep-all;}
.bbsList tbody td a {text-decoration:none;}
.bbsList tbody td a:hover {color:#dd8797}
.bbsList tbody tr:nth-child(odd) {background:#fff;}

.bbsList thead th.num {width:8%;}
.bbsList thead th.writer {width:10%;}
.bbsList thead th.date {width:15%;}
.bbsList thead th.category {width:15%;}
.bbsList thead th.state {width:10%;}
.bbsList tbody td.subject {width:; text-align:left; padding-left:15px; word-break:break-all}
.bbsList tbody td.subject a {}
.bbsList tbody td.state span {display:inline-block;padding:0 5px;color:#fff;} 
.bbsList tbody td.state span.wait {background-color:#888;} 
.bbsList tbody td.state span.finish {background-color:#dd8797;} 
.agree-well .contents-title {font-weight:700;}
.agree-well .panel {height:300px;margin-bottom:0;padding:15px;overflow:auto;}
.agree-well .footer {margin:10px 0;}
.agree-well .footer label {margin-right:10px;font-size:16px;line-height:24px;}
.agree-well .footer label input {margin-top:-3px;margin-right:5px;}



/* Write */
.bbsWrite {width:100%; border-top:2px solid #999; color:#777; line-height:140%;}
.bbsWrite tbody th,
.bbsWrite tbody td {border-bottom:1px solid #888; text-align:left; padding:8px 0 8px 15px;}
.bbsWrite tbody th {width:20%; background:#fff}
.bbsWrite tbody td {width:80%; padding-right:10px;}

/* View */
.bbsView {width:100%; border-top:2px solid #999; color:#777; line-height:140%;}
.bbsView thead tr > th {border-bottom:1px solid #888; padding:8px 0 8px 15px; background:#fff;}
.bbsView tbody tr > td {border-bottom:1px solid #888; padding:8px 0 8px 15px; text-align:left}
.bbsView .viewCont {min-height:100px;}
.bbsView iframe {max-width: 100%;}
/* Comment */
.commentsWrap {margin-bottom:20px;}
.commentsWrap .commList {padding:5px 8px; border:1px solid #888; border-width:1px 0;}
.commentsWrap .commList .txtCont {color:#777;}
.commentsWrap .commList .footCont {padding:15px 0 10px; color:#777; font-size:0.857em;}
.commentsWrap .commList .footCont strong {margin-right:10px;}
.commentsWrap .commList .footCont span {line-height:12px; display:inline-block; padding:0 10px; border-left:1px solid #999;}
.commentsWrap .commList .footCont a {color:#dd8797;}
.commentsWrap .replyCont {padding:10px 0;}
.commentsWrap .replyCont textarea {width:85%; height:50px; padding:10px; border:1px solid #888; background:#fff; vertical-align:middle; }
.commentsWrap .replyCont .btnReply {width:13%; text-align:right; display:inline-block;}
.commentsWrap .replyCont .btnReply button {width:95%; height:40px; text-align:center; padding:0; border:0; font-size:0.928571em; border-radius:3px; color:#fff; text-decoration:none; background:#dd8797;}
.commentsWrap .replyCont .btnReply button.btn {width:45%;}
.commentsWrap .replyCont .btnReply button.cancel {background:#525252;}

/* Photo */
.photoList {overflow:hidden;  border-bottom:1px solid #e2e2e2;}
.photoList ul {width:740px; overflow:hidden;}
.photoList ul li {width:170px; margin:0 15px 30px 0; float:left;}
.photoList ul li a {display:block; line-height:1;}
.photoList ul li a .thum img {width:170px;}
.photoList ul li a .txt {text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin:10px 0 5px 5px;}
.photoList ul li a .date {font-size:0.786em; display:block; margin-left:5px;}

/* 비밀번호 입력 */
.bbsPw {width:70%; margin:0 auto; border-top:2px solid #999; border-bottom:1px solid #888; padding-bottom:10px; text-align:center; }
.bbsPw p {line-height:40px; background:#f0f0f0;}

/* Common */
.icon {display:inline-block; color:#fff; vertical-align:middle; font-size:0.714em; line-height:14px; padding:0 3px 0 2px; border-radius:2px; font-family:sans-serif;}
.icon.new {background:#fc4c1d;}

.bbsBtm {padding:20px 0; overflow:hidden; position:relative;}
.bbsBtm a {display:inline-block; position:relative; z-index:2; }
.bbsBtm .btnL {float:left;}
.bbsBtm .btnR {float:right;}
.bbsBtm .btnC {text-align:center;}
.bbsBtm .btnL a, 
.bbsBtm .btnR a,
.bbsBtm .btnC a {font-size:0.928571em; border-radius:3px; color:#fff; padding:8px 15px; text-decoration:none; background:#dd8797;}
.bbsBtm .btnG {background:#525252 !important;}

.bbsBtm .paging {position:absolute; top:25px; margin:0;}
.paging {width:100%; text-align:center; margin:10px 0 20px; z-index:1;}
.paging a { text-decoration:none; display:inline-block; margin:0 2px; padding:5px 10px; font-size:0.929em; border:1px solid #d3d3d3; color:#777; background:#fff;}
.paging a:hover,
.paging a.selected {border-color:#dd8797; background:#dd8797; color:#fff; text-decoration:none;}

.boxSearch {text-align:center; border:1px solid #888; border-width:0 0 0; padding:30px 0;}
.boxSearch * {display:inline-block; vertical-align:middle; }
.boxSearch .chkBox {width:15px; height:15px; margin:0;}
.boxSearch .txtInput {width:200px; height:27px; line-height:27px; padding:0 5px; margin-left:20px; border:1px solid #888; background:#fff}
.boxSearch label {font-size:0.928571em; margin:0; font-weight:normal;}
.boxSearch .btnSearch {color:#fff; line-height:27px; padding:0 15px; text-decoration:none; background:#525252;}


/* Tablet */
@media all and (min-width:768px) and (max-width:1099px) { 
/* Comment */
.commentsWrap .replyCont {width:100%; padding:10px 0; display:table;}
.commentsWrap .replyCont .txt {width:80%; display:table-cell; vertical-align:middle;}
.commentsWrap .replyCont .txt textarea {width:100%;}
.commentsWrap .replyCont .btnReply {width:20%; text-align:right; display:table-cell; vertical-align:middle;}


.photoList ul {width:100%; display:table;}
.photoList ul li {width:25%; display:table-cell; margin:0 0 25px 0; text-align:center;}
.photoList ul li a {width:160px; margin:0 auto;  text-align:left;}
.photoList ul li a .thum img {width:160px;}
.photoList ul li a .txt {margin:8px 0 3px;}
.photoList ul li a .date {margin-left:0;}
}


/* Mobile */
@media all and (max-width:767px) { 
/* List */
.bbsList .subject {width:75%;}
.bbsList .writer {width:25%;}
.bbsList .category + .subject {width:35%;}
.bbsList thead th.category {width:10%;}
.agree-well .footer label {margin-right:10px;font-size:14px;line-height:20px;}


/* Write */
.bbsWrite tbody th,
.bbsWrite tbody td {width:100%; display:block; }
.bbsWrite tbody th {border-bottom:0; padding:8px 10px 0; background:none;}
.bbsWrite tbody td {border-bottom:1px solid #888; padding:5px 10px 8px; }
.bbsWrite tbody td .txtInput {width:100% !important;}

/* Comment */
.commentsWrap .commList .footCont {padding:15px 0 5px; font-size:0.786em;}
.commentsWrap .commList .footCont span {line-height:1; padding:0 5px;}
.commentsWrap .replyCont {width:100%; padding:10px 0; display:table;}
.commentsWrap .replyCont .txt {width:70%; display:table-cell; vertical-align:middle;}
.commentsWrap .replyCont .txt textarea {width:100%;}
.commentsWrap .replyCont .btnReply {width:30%; text-align:right; display:table-cell; vertical-align:middle; }
.commentsWrap .replyCont .btnReply button {font-size:0.786em;}

/* Photo */
.photoList ul {width:100%; display:table;}
.photoList ul li {width:45%; display:table-cell; margin:0 2.5% 25px 2.5%;}
.photoList ul li a {width:100%;}
.photoList ul li a .thum img {width:100%;}
.photoList ul li a .txt {margin:8px 0 3px;}
.photoList ul li a .date {margin-left:0;}

/* 비밀번호 입력 */
.bbsPw {width:100%;}

/* Common */
.bbsBtm {padding:10px 0;}
.bbsBtm .btnL a, 
.bbsBtm .btnR a, 
.bbsBtm .btnC a {font-size:0.857em; border-radius:3px; color:#fff; padding:5px 10px;}

.bbsBtm .paging,
.paging {clear:both; position:static; top:0; margin:0; padding-top:10px;}
.paging a {line-height:20px; padding:0px 5px;}
.paging .prev, 
.paging .next {letter-spacing:-1px; font-size:1em;}


.boxSearch {text-align:center; border:1px solid #888; border-width:0 0 0; padding:15px 0;}
.boxSearch input[type=checkbox] {margin-left:5px;}
.boxSearch .searchBar {display:block; margin-top:10px;}







/* display none */
.bbsList .num, 
.bbsList .date 

{display:none; }

}