/*
 게시판
 */
.header-banner {overflow:hidden; width: 100%; height: 300px;background:url("/images/header-banner.png") center / cover no-repeat;position:relative;top:0;}
.wrap {margin-top:50px;}

.board-list {margin:80px auto 150px;}
.board-search {height:60px;overflow:hidden;}
.input-item.board-search {width:100%;height:60px;max-width:1280px;border:1px solid #D9D9D9;border-top:none;border-radius:10px;padding:20px 60px 10px 20px;box-sizing:border-box;margin:-10px auto 0;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.btn-board-search {width: 50px;height:50px;background: url("/images/icons/search.svg") center no-repeat;float:right;position: relative;top:-55px;right:5px;cursor: pointer;}

.board-category {width: 100%;height:60px;background-color:#F5F5F5;position: relative;}
.board-category .board-category-list {list-style:none;margin:0 auto;max-width:1200px;padding:0;display:flex;justify-content: space-between;line-height:60px;}
.board-category .category-item {width:100%;min-width:fit-content;padding:0 10px;color:#666;text-align:center;font-size: 1.25rem;font-weight:400;}
.board-category .category-item.active {color:#FFF;background-color: #85BDFF;}
.board-category .category-item a {color: inherit;text-decoration: none;}


.board-sub-category {width:100%; max-width:1280px;margin:20px auto 50px;overflow:hidden;text-align:center;}
.board-sub-category .board-category-list {display: flex;margin:0;padding:0;font-weight:400;list-style: none;}
.board-sub-category .category-item {width:150px;height:20px;border-radius:10px;padding:10px 15px;line-height:20px;margin-right:24px;border:1px solid #D9D9D9;}
.board-sub-category .board-category-list .category-item:last-child {margin-right:0;}
.board-sub-category .category-item.active {background:#FFE9BF;font-weight:600;}
.board-sub-category .category-item:hover {cursor:pointer;opacity:0.9;}


.board-btn-area {display: flex;justify-content:center;margin:10px 0;}
.board-btn-area.right {justify-content: right;}
.board-btn-area .list-btn {font-family: 'Pretendard';font-size:1rem;font-weight:600;background-color: #85BDFF;border:1px solid #85BDFF;border-radius: 5px;height:40px;padding:10px 30px;margin-right:20px;color:#FFFFFF;}
.board-btn-area .list-btn:last-child {margin-right: 0;}
.board-btn-area .list-btn.black {background-color: #222222;border-color: #222222;}
.board-btn-area .list-btn:hover {cursor:pointer;opacity:0.9;}

.board-table {width:100%;margin-top:10px;border-spacing: 0;}
.board-table a {text-decoration:none;color: inherit;}
.board-table thead tr th {padding:10px 5px;border-top:1px solid #222222;border-bottom:1px solid #222222;line-height:30px;text-align: center;}
.board-table tbody tr td {padding:10px 5px;border-bottom:1px solid #D9D9D9;line-height:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.board-table tbody tr:last-child td {border-bottom-color: #222222;}
.board-table tbody tr td.faq {overflow:unset;white-space: normal;}

.board-table .empty-result{border-bottom: 1px solid #222222;height:300px;text-align:center;}
.board-table .no {width:50px;text-align: center;}
.board-table .category {width:100px;text-align: center;}
.board-table .writer {width:90px;text-align: center;}
.board-table .day {width:100px;text-align: center;}
.board-table .lock-content {display:inline-block;width:15px;height:20px;background:url("/images/icons/board_lock.svg") center no-repeat;vertical-align:sub;margin-left:5px;}

.question {font-weight:500;cursor:pointer;}
.answer {height:0;overflow:hidden;line-height:1.5;background-color:#EEE;}
.answer p {margin:0;}


.password-check {display:none;position:fixed;width:100%;height:100%;z-index:10;top:0;left:0;background:rgba(51,51,51,0.3);}
.password-check-justify {position:absolute;height:250px;width:100%;top: calc(50vh - 120px);}
.password-check-justify .close-btn {height: 30px;width: 30px;color: #FFFFFF;font-size: 21px;text-align: center;margin: 10px auto 0;background-color: rgba(51,51,51,0.3);border-radius: 50%;line-height: 30px;}
.password-check-justify .close-btn:hover {cursor:pointer;background-color:rgba(51,51,51,0.5);}

.board_lock_pw {display: block;margin:0 auto;width: calc(100% - 40px); max-width:600px; height: 210px;background: #FFF;border-top: 4px solid #FFE500;padding: 50px 65px; box-sizing: border-box;}
.board_lock_title {overflow: hidden;}
.board_lock_txt {display:inline-block;margin-left: 13px;color: #000;font-size: 18px;font-weight: 600;line-height: 38px;}
.board_lock_pw_ok {width: 100%;overflow: hidden;margin-top: 22px;display: flex;}
.board_lock_password{width: calc(100% - 76px); height: 40px;padding: 0 10px;border: 1px solid #AAA; box-sizing: border-box;}
.board_lock_ok {width: 76px; height: 40px;border: 1px solid #AAA; box-sizing: border-box;border-left: none;text-align: center; line-height: 40px;color: #333;font-weight: 400;background-color:#FFFFFF;}



.board-write-area {border-top:1px solid #222222;border-bottom:1px solid #222222;padding:30px 0;margin-bottom: 50px;}
.board-input-line {display: flex; justify-content: space-between;padding-top:30px;border-top:1px solid #D9D9D9;margin-bottom:30px;}
.board-input-line:first-child {padding-top:0px;border-top:none;}
.board-input-line:last-child {margin-bottom:0;}
.board-input-line.col {flex-direction: column;}
.board-input-line.col .input-group {margin-bottom:20px;}
.board-input-line.col .input-group:last-child {margin-bottom:0;}

.board-input-line .input-group {width:100%;display:flex;justify-content: space-between;align-items: center;}
.board-input-line .input-group.half {width:430px; max-width:100%;}
.board-input-line .input-group.start {justify-content: flex-start;align-items: start;}
.board-input-line .input-group.justify {justify-content: flex-start;align-items: start;}
.board-input-line .input-group.double {margin-left:60px;}
.board-input-line .input-group label {display:inline-block;width:90px;color:#444;font-weight:600;line-height:40px;}
.board-input-line .input-group.start label {width:102px;}
.board-input-line .input-group .input-text {display:inline-block;box-sizing:border-box;width: calc(100% - 94px);height:40px;padding:10px;border-radius:5px;border:1px solid #D9D9D9;}
.board-input-line .input-group .input-select {width: calc(100% - 94px);padding:10px;border-radius:5px;border-color:#D9D9D9;}
.board-input-line .input-group .input-textarea {width: calc(100% - 94px); height: 400px;padding:10px;border: 1px solid #D9D9D9;border-radius:5px; box-sizing: border-box;resize: none;}

.board-attach {}
.board-attach-btn {width: 120px; height: 40px;border-radius: 5px;border: 1px solid #222222; box-sizing: border-box;background: #222222;margin-right: 15px;color: #FFFFFF;}
.file-label {font-size:15px;font-weight:600;margin-right:10px;display:inline-block;vertical-align:top;line-height:40px;}
.file-label:after {content:"|";margin: 0 10px;}
.attach-list {display:flex;flex-wrap:wrap;width: calc(100% - 140px);margin:0;list-style:none;padding:0;}
.attach-list .attach-item {line-height:40px;margin-right:40px;}
.attach-list .attach-item:hover {cursor:pointer;text-decoration:underline;}
.attach-list .filesize {margin-left:10px;color:#888888;}
.attach-list .filesize:before {content: "(";}
.attach-list .filesize:after {content: ")";}
.hidden-input {display:none;}

.board-view {border-bottom: 1px solid #222;margin-bottom: 48px;}
.board-view .alert {padding:150px 0;text-align:center;font-weight:500;font-size:18px;}
.board-view .title-area {border-bottom: 1px solid #ccc;}
.board-view .subject {color: #222;font-size: 20px;font-weight: 600;line-height: 1.25;margin-bottom: 20px;}
.board-view .category {display:inline-block;padding:5px 20px;background-color: #85BDFF;border-radius:5px;color:#FFFFFF;}
.board-writer-info {display: flex;color:#444;}
.board-writer-info .day {margin-right:20px;}
.board-writer-info .writer {}
.board-content {padding: 30px 0;word-break: keep-all;}
.board-content .content-view {color: #333;line-height: 1.5;}

.file_box {border-top: 1px solid #222;padding:10px 0;display:flex;}
.file_title_name {font-size: 0;line-height: 15px;padding: 20px 0;}
.file_title_name_list {display: inline-block;font-size: 15px;font-weight: 300;color: #333;}
.file_title {font-weight: 600;border-right: 1px solid #666;padding-right: 20px;margin-right: 20px;}

.reply-comment {border-bottom: 1px solid #222;margin-top:80px;margin-bottom:50px;}
.reply-header {border-bottom:1px solid #CCCCCC;padding:20px 0;}
.reply-header .title {font-size:20px;font-weight:600;color:#222222;line-height:1.5;margin-bottom:10px;}
.reply-header .writer {}
.reply-header .create {margin-top:10px;color:#666666;}
.reply-comment .note {padding:40px 10px; min-height:150px;}

@media screen and (max-width: 1024px) {
    .board-category .category-item {font-size: 1.1rem;}
}
@media screen and (max-width: 768px) {
    .board-category {height:auto;overflow-y:auto;}
    .board-category .board-category-list {line-height:40px;}
    .board-category .category-item {font-size:1rem;min-width:fit-content;padding:0 15px;}

    .board-table .no {display:none;}
    .board-table .category {width:70px;}
    .board-table .writer {width:70px;}
    .board-table .day {width:90px;}

    .board-input-line .input-group.double {margin-left: 30px;}
    .board-input-line .input-group label {width:80px;}
    .board-input-line .input-group .input-text,
    .board-input-line .input-group .input-select,
    .board-input-line .input-group .input-textarea {width: calc(100% - 80px);}
    .board-input-line .input-group.justify label {width: 92px;}
    .board-input-line .input-group.justify {display:block;}
}
@media screen and (max-width: 480px) {
    .board-table .category {display: none;}
    .board-table .day {display: none;}
    .board-category .category-item {width: 90px;}

    .board-input-line {display: block;}
    .board-input-line .input-group.double {margin-left: 0;margin-top:10px;}

    .attach-list {width: 100%;margin-top:10px;}
    .attach-list .attach-item {line-height:30px;margin-right:30px;}

    .board_lock_pw {height:auto;padding:40px 30px;text-align:center;word-break: keep-all;}
    .board_lock_pw_ok {display:block;text-align:center;}
    .board_lock_password {width: 100%;}
    .board_lock_ok {border-left: 1px solid #AAA;margin: 10px auto;}

    .file_box {display: block;}
    .file-label{line-height:30px;display: block;width:100%;}
    .file-label:after {content: none;}
}
@media screen and (max-width: 324px) {
}

.review-contents {border-top:1px solid #666666;}
.review-list {list-style:none;padding:0;}
.review-list .review-item {display:flex; justify-content:space-between; max-height:400px;overflow:hidden;padding:20px 0;border-bottom: 1px solid #d9d9d9;}
.review-list .review-item:nth-child(2n) {flex-direction: row-reverse;}
.review-list .review-item .thumbnail {max-width: 25%;aspect-ratio:4/3;}
.review-list .review-item .thumbnail .thumbnail-image {width:100%;height:100%;object-fit:cover;}
.review-list .review-item .content {width:calc(75% - 20px);}
.review-list .review-item .content .title {font-size: 20px;margin:20px 0;}
.review-list .review-item .content .date span {margin-right:20px;}
.review-list .review-item .content .text {margin-top:40px;line-height:1.4;}


@media screen and (max-width: 768px) {

    .review-list .review-item {display:block; max-height:unset;}
    .review-list .review-item .thumbnail {max-width: 100%;max-height:300px;margin:0 auto;}
    .review-list .review-item .thumbnail .thumbnail-image {}
    .review-list .review-item .content {width:100%;}


}