@charset "utf-8";

/* --------------------------------------------------------- notice  ------------------------------------------------------------------ */
/* 버튼(button) */
.board .btn {line-height: 35px;}

/* table form size */
.board table input[type="text"],
.board table input[type="password"],
.board table input[type="tel"],
.board table input[type="number"],
.board table input[type="search"],
.board table select {
  height: 35px;
}


/* 콘텐츠 없을 시 */
.board .list-not {float: none; text-align: center; border: none; font-size: 14px; color: #2d2929; padding: 40px 0;}


/* board > title */
.board .count-title {margin-bottom: 18px; position: relative;}
.board .count-title > span {display: inline-block; vertical-align: bottom;}

.board .count-title .title {
  font-size: 24px; font-weight: 700; color: #343030;
  background: url("../../images/web/board/title_bg.png") no-repeat left top 6px; padding-left: 12px;
}
.board .count-title .sub {font-size: 14px; color: #000000; margin-left: 6px; position: relative; top: -2px;}
.board .count-title .sub small {font-size: 14px; color: #000000;}


/* board > list */
.board-list-default table {width: 100%; border-spacing: 0px; border-collapse: collapse; table-layout: fixed;}
.board-list-default table thead th {
  font-size: 14px; font-weight: 700; color: #666666; padding: 10px 0; text-align: center;
  border-top: 2px solid #45495b; border-left: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; background: #fff;
}
.board-list-default table thead th:first-child {border-left: none;}
.board-list-default table tbody td {
  font-size: 14px; color: #2d2929; padding: 10px 0; text-align: center;
  border-bottom: 1px solid #d4d4d4; position: relative;
}
.board-list-default table tbody td a {
  display: block; color: #2d2929; padding: 0 50px 0 20px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;
}
.board-list-default table tbody td .icon {position: absolute; top: 8px; right: 20px;}

.board-list-default img.reply {display: inline-block; margin-right: 4px;}


/* board > list footer (paging, search) */
.board .paging-search {display: table; width: 100%; margin-top: 30px;}
.board .paging-search .l-area,
.board .paging-search .r-area {display: table-cell; vertical-align: middle;}

.board .paging-search .paging-wrap {margin: 0; text-align: left;}

.board .paging-search .search {text-align: right;}
.board .paging-search .search select,
.board .paging-search .search .write {display: inline-block; vertical-align: middle;}
.board .paging-search .search .write input {display: inline-block; vertical-align: middle;}
.board .paging-search .search select, 
.board .paging-search .search input.int {height: 36px; border: 1px solid #e7e7e7; border-radius: 0;}
.board .paging-search .search input.int {width: 190px;}
.board .paging-search .search select {width: 110px; min-width: 0;}


/* board > detail */
.board-view-default .view-wrap {border-top: 2px solid #555252;}

.board-view-default .title-wrap {display: table; width: 100%;}
.board-view-default .title-wrap .l-area,
.board-view-default .title-wrap .r-area {display: table-cell; vertical-align: top; padding: 25px 35px 15px;}

.board-view-default .title-wrap .title {font-size: 18px; line-height: 24px; font-weight: normal; color: #545252;}
.board-view-default .title-wrap .r-area {width: 250px; text-align: right;}

.board-view-default ul.info-list {display: block;}
.board-view-default ul.info-list li {display: inline-block; font-size: 12px; color: #8a8a8b; border-left: 1px solid #dadada; padding-left: 12px; margin-right: 8px;}
.board-view-default ul.info-list li:first-child {border-left: none;}

.board-view-default .view-header {background: #fff; border-bottom: 1px solid #bdbcbc;}
/*.board-view-default .view-header .viewInfo {padding:15px 20px;}
.board-view-default .view-header .viewInfo span {font-size:12px; margin-right:20px;}
.board-view-default .view-header .viewInfo ul {overflow:hidden;}
.board-view-default .view-header .viewInfo ul li {float:left; width:33%; font-size:12px; padding:5px 0; color:#5f5f60;}*/

.board-view-default .view-file {background: #fff; border-top: 1px solid #ccc; padding: 15px 35px; font-size: 12px;}
.board-view-default .view-file table {width: 100%; font-size: 12px;}
.board-view-default .view-file table th {text-align: left; font-weight: 700; color: #000;}
.board-view-default .view-file table td {text-align: left; padding-left: 20px;}
.board-view-default .view-file table td .fileIcon {margin-right: 8px;}
.board-view-default .view-file table td .viewFileList li {margin-top: 8px;}
.board-view-default .view-file table td .viewFileList li:first-child {margin-top: 0;}
.board-view-default .view-file table td .viewFileList li span a {color: #5f5f60;}

.board-view-default .view-content {background: #fff; padding: 25px 35px;}
.board-view-default .view-content .memo {font-size: 14px; line-height: 24px;}
.board-view-default .view-content .memo .photo {margin: 15px 0;}
.board-view-default .view-content .memo img {max-width: 100%;}
.board-view-default .view-content .link {font-size: 14px; text-align: left; margin-top: 20px;}

.board-view-default .textDel {border-bottom:1px solid #e1e3e4;}
.board-view-default .textDel .pCommText {text-align:center;}

.board-view-default .view-footer {background: #fff; border-top: 1px solid #666; border-bottom: 1px solid #666;}
.board-view-default .view-footer ul li {padding: 15px 35px; border-bottom: 1px solid #ddd;}
.board-view-default .view-footer ul li a {
  color: #333; font-size: 14px; width: 90%; width: calc(100% - 70px);
  padding-left: 10px; display: inline-block; vertical-align: middle;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.board-view-default .view-footer ul li a strong {/*border-right: 1px solid #e5e5e5;*/ padding-right: 10px; margin-right: 6px;}
.board-view-default .view-footer ul li img {display: inline-block; vertical-align: middle;}

.board-view-default .comment-write {background: #fff; border: 1px solid #e7e7e7; padding: 15px 20px;}

.board-view-default .comment-write .sns-login {margin-bottom: 10px;}
.board-view-default .comment-write .sns-login .title {display: inline-block; vertical-align: middle; font-size: 14px; color: #000;}
.board-view-default .comment-write .sns-login ul.sns-wrap {display: inline-block; vertical-align: middle; margin-left: 14px;}
.board-view-default .comment-write .sns-login ul.sns-wrap li {display: inline-block; vertical-align: middle;}

.board-view-default .comment-write .write-form {display: table; width: 100%;}
.board-view-default .comment-write .l-area,
.board-view-default .comment-write .r-area {display: table-cell; vertical-align: top;}

.board-view-default .comment-write .l-area {width: 85px;}
.board-view-default .comment-write .l-area .photo {width: 70px; height: 70px; border: 1px solid #d8d8d8; border-radius: 5px;}
.board-view-default .comment-write .l-area .photo img {width: 100%; height: 100%;}

.board-view-default .comment-write .r-area textarea,
.board-view-default .comment-write .r-area .submit {display: inline-block; vertical-align: middle;}
.board-view-default .comment-write .r-area textarea {width: 86%; width: calc(100% - 115px); height: 105px;}
.board-view-default .comment-write .r-area .submit {
  border: none; background: #45495b; color: #fff; width: 110px;
  font-size: 18px; line-height: 105px; white-space: nowrap; text-align: center;
}
.board-view-default .comment-write .r-area .count {text-align: right; font-size: 12px; margin-top: 8px;}

.board-view-default .comment-view {background: #fff; margin-top: 20px;}
.board-view-default .comment-view ul li {border-bottom: 1px solid #e1e3e4; padding: 20px;}
.board-view-default .comment-view ul li:first-child {border-top: 1px solid #e1e3e4;}
.board-view-default .comment-view .commentInfo {position: relative; font-size: 14px;}
.board-view-default .comment-view .commentInfo .name {color: #2c2d33;}
.board-view-default .comment-view .commentInfo .date {font-size: 12px; color: #999;}
.board-view-default .comment-view .commentInfo .edit {position: absolute; right: 0; font-size: 12px; color: #999;}
.board-view-default .comment-view ul li .memo {font-size: 12px; margin-top: 10px; line-height: 20px;}
.board-view-default .comment-view .edit-form {margin-top: 10px;}
.board-view-default .comment-view .edit-form textarea,
.board-view-default .comment-view .edit-form .submit {display: inline-block; vertical-align: middle;}
.board-view-default .comment-view .edit-form textarea {width: 86%; width: calc(100% - 115px); height: 105px;}
.board-view-default .comment-view .edit-form .submit {
  border: none; background: #45495b; color: #fff; width: 110px;
  font-size: 18px; line-height: 105px; white-space: nowrap; text-align: center;
}


/* board > button style */
.board-btn {margin: 15px 0; text-align: right;}
.board-btn a {
  display: inline-block; background: #fff; border: 1px solid #c3c3c3;
  font-size: 16px; line-height: 38px; color: #544e4e; padding: 0 15px;
}
.board-btn a img {display: inline-block; vertical-align: middle; position: relative; top: -1px;}

.board-btn select {height: 40px; border: 1px solid #c3c3c3; border-radius: 0;}

.board-btn.side {position: absolute; top: -18px; right: 0;}
.board-btn.left {text-align: left;}
.board-btn.center {text-align: center; margin: 20px 0;}
.board-btn.right {text-align: right;}


/* board > write(글쓰기) */
.board-write {background: #fff; border: 1px solid #e1e3e4; padding: 25px 35px;}

.board-write .top-info {text-align: right; font-size: 13px; color: #e95b4c; margin-bottom: 8px;}
.board-write .top-info img {position: relative; top: -1px;}

table.board-row {width: 100%; border-spacing: 0px; border-collapse: collapse;}
table.board-row > tbody > tr > th {font-size: 13px; font-weight: 700; background: #eee; height: 30px; padding: 4px 20px; border: 1px solid #e1e3e4; text-align: left;}
table.board-row > tbody > tr > td {font-size: 13px; height: 30px; padding: 8px 14px; border: 1px solid #e1e3e4;}
table.board-row td .info {display: inline-block; margin-left: 10px;}
table.board-row td .info2 {margin-top: 5px; line-height: 20px;}
table.board-row td img.file {display: inline-block; margin-right: 4px;}


/* delete */
.board-list .delete .delText {text-align:center; padding:30px 0; font-size:0.875em; border-top:2px solid #333; border-bottom:1px solid #e1e3e4; font-weight:700;}

/* reply form */
.board-list .reply .replyWrite label {font-size:12px;}
.board-list .reply .replyWrite input#name {margin-left:5px; padding:4px 6px; font-size:12px;}
.board-list .reply .replyWrite > textarea {width:100%; margin-top:10px; font-size:12px;}

/* pass form */
.board-list .pass .passList {border-top:2px solid #333333;}
.board-list .pass .passList li {border-bottom:1px solid #e1e3e4; display:table; width:100%;}
.board-list .pass .passList li .title,
.board-list .pass .passList li .memo {display:table-cell; padding:10px 0;}
.board-list .pass .passList li .title {width:85px; background:#f2f2f2; text-align:center; font-weight:700; font-size:12px;}
.board-list .pass .passList li .memo {font-size:12px; padding:0 10px;}
.board-list .pass .passList li .memo input {padding:4px; width:100%; max-width:220px;}
/* --------------------------------------------------------- //notice  ------------------------------------------------------------------ */



/* --------------------------------------------------------- gallery board  ------------------------------------------------------------------ */
.board-list-gallery ul {overflow: hidden; width: 1050px;}
.board-list-gallery ul li {float: left; width: 252px; background: #fff; border: 1px solid #e7e7e7; margin: 25px 25px 0 0;}
.board-list-gallery ul li:nth-child(1) {margin-top: 0;}
.board-list-gallery ul li:nth-child(2) {margin-top: 0;}
.board-list-gallery ul li:nth-child(3) {margin-top: 0;}
.board-list-gallery ul li .pd-wrap {padding: 18px 10px;}

.board-list-gallery ul li .photo {height: 168px; border-bottom: 1px solid #e7e7e7;}
.board-list-gallery ul li .photo img {width: 100%; height: 100%;}

.board-list-gallery ul li .title {
  font-size: 16px; color: #45495b;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 출력할 라인수 */
  line-height: 24px;
  height: 48px; /* (line-height * 출력할 라인수) */
}
.board-list-gallery ul li .t-memo {
  font-size: 14px; color: #7d7e81; margin-top: 15px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 출력할 라인수 */
  line-height: 20px;
  height: 40px; /* (line-height * 출력할 라인수) */
}
.board-list-gallery ul li .info-wrap {margin-top: 25px; text-align: right; border-top: 1px dashed #b0b0b0; padding-top: 10px;}
.board-list-gallery ul li .info-wrap span {display: inline-block; font-size: 12px; color: #888; margin-right: 5px;}
.board-list-gallery ul li .info-wrap span:last-child {margin-right: 0;}
.board-list-gallery ul li .info-wrap span::after {content: "|"; display: inline-block; margin-left: 10px;}
.board-list-gallery ul li .info-wrap span:last-child::after {content: ""; margin: 0;}
.board-list-gallery ul li .info-wrap span.view {background: url("../../images/web/board/view.gif") no-repeat left center; padding-left: 26px;}


/* 회원사 동정 */
.board-list-gallery ul li .text-title {text-align: left;}
.board-list-gallery ul li .caption {font-size: 15px; font-weight: 700; color: #45495b; margin-bottom: 10px;}
.board-list-gallery ul li .text-title .title,
.board-list-gallery ul li .text-title .memo {
  font-size: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 출력할 라인수 */
  line-height: 24px;
  height: 48px; /* (line-height * 출력할 라인수) */
}


/* 제주 MICE */
.board-list-gallery ul li .down-title .ct-title {font-size: 14px; color: #45495b; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-list-gallery ul li .down-title .down {text-align: center; margin-top: 15px;}
.board-list-gallery ul li .down-title .down a {display: inline-block; font-size: 12px; line-height: 30px; border: 1px solid #ccc; min-width: 100px;}
.board-list-gallery ul li .down-title .down a img {display: inline-block; margin-right: 4px;}


/* not contents */
.board-list-gallery .list-not {border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; padding: 100px 0;}
/* --------------------------------------------------------- //gallery board  ------------------------------------------------------------------ */



/* --------------------------------------------------------- download(자료실)  ------------------------------------------------------------------ */
/* download site */
.download-form .site-link {background: #fff; border: 1px solid #e7e7e7; padding: 30px 35px; position: relative;}
.download-form .site-link .l-area,
.download-form .site-link .r-area {display: table-cell; vertical-align: middle;}

.download-form .site-link .memo {font-size: 15px; line-height: 24px; color: #272626;}
.download-form .site-link .link {position: absolute; top: 18px; right: 30px;}


/* 관광지도 다운로드 */
.download-form .map-down {background: #fff; border: 1px solid #e7e7e7; padding: 20px; margin-top: 20px; display: table; width: 96%; width: calc(100% - 42px);}
.download-form .map-down .l-area,
.download-form .map-down .r-area {display: table-cell; vertical-align: top;}

.download-form .map-down .l-area {width: 585px;}
.download-form .map-down .l-area img {width: 100%;}

.download-form .map-down .r-area {padding-left: 35px;}

.download-form .map-down .title {
  font-size: 30px; font-weight: 700; color: #323027; border-bottom: 1px solid #181818; padding: 50px 0 28px;
  background: url("../../images/web/board/map_tBG.jpg") no-repeat right top;
}

.download-form .map-down ul li {margin-top: 30px; position: relative;}
.download-form .map-down ul li p {font-size: 13px; color: #696864;}
.download-form .map-down ul li a {
  position: absolute; top: -8px; right: 0;
  display: inline-block; font-size: 12px; line-height: 30px; color: #181818;
  width: 110px; white-space: nowrap; border: 1px solid #ccc; text-align: center;
  background: url("../../images/web/board/map_file.jpg") no-repeat left 14px center; padding-left: 5px;
}


/* 가이드북 */
.guide-book .title2 {margin: 50px 0 30px;}
.guide-book .book-wrap {
  height: 372px; text-align: center;
  background: url("../../images/web/board/book_bg.jpg") no-repeat center bottom;
}
.guide-book .book-wrap ul li {display: inline-block; width: 244px; margin-left: 22px; position: relative;}
.guide-book .book-wrap ul li:first-child {margin-left: 0;}

.guide-book .book-wrap .photo img {width: 100%;}

.guide-book .book-wrap .info {
  position: absolute; width: 246px; height: 89px; left: -2px; bottom: 10px;
  background: url("../../images/web/board/book_label.jpg") no-repeat center;
}
.guide-book .book-wrap .info .title {
  font-size: 16px; font-weight: 700; color: #45495b; margin: 12px 0 14px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 15px;
}
.guide-book .book-wrap .info .book-btn {text-align: center;}
.guide-book .book-wrap .info .book-btn a {display: inline-block;}
/* --------------------------------------------------------- //download(자료실)  ------------------------------------------------------------------ */