.header-menu-list {color: #111;}
.side_menu {color: #222;}
#menu-wrapper #hamburger-menu span {background-color: #222;}
.header-logo-image {display: none;}
.header-logo-image-sub {display: block;}
.sub_banner_title_box {color: #fff;}
.sub_banner_title_box .sub_banner_title {
	font-family: 'Jeju Myeongjo';
	font-size: 50px;
	margin: 35px 0 35px 0;
}

.sub_banner_title_ex {font-size: 24px;}

@media screen and (max-width:768px) {
	.sub_banner_title_box .sub_banner_title {
	    font-size: 30px;
	    margin: 0px 0 20px 0;
	}
}

@media screen and (max-width:600px) {
	.sub_banner_title_ex {
    font-size: 16px;
	}
}

/*sub_banner*/
.sub_banner {background-image: url('/images/community_sub_banner.jpg');}
.sub_banner.customer {background-image: url('/images/sub_banner_customer.jpg');}
.tab-content-title {font-size:40px;font-weight:600;margin:100px 0 80px;}
.tab-content-title.qna {font-size:30px;font-weight:400;}
.tab-content-title.qna span {font-weight:600;}
.tab-content-title.qna .info {font-size:16px;margin-top:5px;color:#666666;}
.tab-content-title.qna .info .logout {font-size:18px;color:#d93545;cursor:pointer;}

/*리스트 건수 및 검색*/
.board_number_search {display: flex;flex-wrap: nowrap;justify-content: space-between;}
.board_number {color: #222;font-weight: 300;line-height: 40px;}
.board_search_box {overflow: hidden;display:flex;}
.board_search_select {width: 135px; height: 40px;border-color: #ccc; border-radius: 5px; appearance:none;background:url('/images/icon/board_search_drop.svg') no-repeat right 15px center;padding-left: 10px;color: #444;font-weight: 300; font-family: pretendard; font-size: 16px;}
.board_search_text {width: 230px; height: 40px;border: 1px solid #CCC; border-radius: 5px; box-sizing: border-box;background: #FFF;margin: 0 5px;padding:0 10px; color: #888;font-weight: 300; font-family: pretendard; font-size: 16px;}
.board_search_find_btn {width: 75px; height: 40px; background: #444; border-radius: 5px; box-sizing: border-box;text-align: center; line-height: 40px;color: #fff;font-weight: 300;}
.board_search_find_btn:hover {cursor: pointer;background: #666;border: none;color: #fff;}
.youtube-player {width:100%; aspect-ratio: 16/9;}
.youtube-player iframe {width:100%; aspect-ratio: 16/9;}

@media screen and (max-width:960px) {
    .board_search_box {width:450px;}
}
@media screen and (max-width:768px) {
    .board_number_search {flex-wrap:wrap;}
    .board_number {display: block;}
    .board_search_box {width:100%;}
    .board_search_select {width: 160px;}
    .board_search_text {width: calc(100% - 160px - 75px - 10px)};
}
@media screen and (max-width:480px) {
    .board_number {order: 2;margin-top:40px;}
    .board_search_box {order: 1;flex-wrap: wrap;}
    .board_search_select {width: 100%;margin-bottom: 10px;}
    .board_search_text {width: calc(100% - 75px - 8px);margin: 0 8px 0 0;}
}


/*게시판*/
.board_list_contents {margin-bottom: 220px;}
.board_table {border-collapse: collapse;width: 100%;margin-top: 10px;margin-bottom: 90px;table-layout: fixed;}
.board_table.qna {margin-bottom: 0;}
.board_table thead tr{border-top: 1px solid #333;border-bottom: 1px solid #ccc;height: 55px;text-align: center;color: #333;background: #F2F2F2;}
.table_no {width: 50px;padding: 0 10px;}
.board_table tbody tr{border-bottom: 1px solid #ccc;height: 55px;text-align: center;color: #888;}
.table_title_name {text-align: left;text-overflow: ellipsis;white-space: nowrap;word-break:break-all;overflow: hidden;table-layout: fixed;height: 55px;padding: 0 30px;color: #333;}
.table_title_name a {display:inline-block;text-overflow: ellipsis;white-space: nowrap;word-break:break-all;overflow: hidden;max-width:calc(100% - 40px);vertical-align:middle;}
.board_lock {margin-left:12px;display:inline-block;vertical-align:text-top;}
.table_title_name:hover {cursor: pointer;}
.table_day {width: 120px;padding: 0 10px;}
.table_status {width:80px;padding:0 10px;}
.empty-result {height:200px;}

.board_view_contents {margin-top: 90px; margin-bottom: 150px;}
.board_view_box {border-top: 1px solid #333;border-bottom: 1px solid #ccc;margin-bottom: 48px;}
.board_view_box .alert {padding:150px 0;text-align:center;font-weight:500;font-size:18px;}
.board_view_title_day {padding: 30px 0;border-bottom: 1px solid #ccc;}
.board_view_title {color: #222;font-size: 20px;font-weight: 600;line-height: 1.25;margin-bottom: 20px;}
.board_view_day {color: #666;font-size: 15px;font-weight: 300;line-height: 16px;}
.board_view {padding: 50px 0;word-break: break-all;}
.board_view_txt {color: #333;font-weight: 300;line-height: 26px;}
.board_view_img {
	text-align: center;
}
.board_view_txt img, .board_view_img img {max-width:100%;height:auto;object-fit:contain;}
.file_box {border-top: 1px solid #ccc;padding:10px 0;}
.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;}

.btn-area {margin:30px auto 50px;text-align:center;}
.btn-area.right {margin:30px auto 50px;text-align:right;}
.list-btn {background-color: #333333;color: #FFFFFF;height: 46px;border-radius: 23px;width: 116px;font-size: 16px;border:1px solid #333333; font-family: pretendard;}
.list-btn:hover {cursor:pointer;font-weight:400;color:#333333;background-color:#FFFFFF;}

.board_view_box.has-reply {border-bottom:none;}
.board_view_box.customer .board_view {padding:50px 10px;}
.reply-comment {border-top:1px solid #518847;border-bottom: 1px solid #518847;}
.reply-header {border-bottom:1px solid #CCCCCC;padding:20px 0;}
.reply-header .title {font-size:20px;font-weight:600;color:#518847;line-height:1.5;}
.reply-header .writer {}
.reply-header .create {margin-top:10px;color:#666666;}
.reply-comment .note {padding:40px 10px; min-height:150px;}

/*게시판 추가_갤러리*/
.album_contents {margin-top: 10px; padding-top: 60px; border-top: 1px solid #000;}
.album_contents_list {cursor:pointer;}
.album_contents_list_wrap {display: grid; grid-template-columns: repeat(3, 31%);grid-column-gap: 3.5%;grid-row-gap:50px; margin-bottom: 90px;}
.album_contents_img {height: 270px; border: 1px solid #ccc; box-sizing: border-box;}
.album_contents_list img {width: 100%; height: 100%; object-fit: cover;}
.album_contents_title {font-size: 18px; color: #333; margin: 18px 0 10px;}
.album_contents_day {font-size: 15px; color: #888;}

.album-thumbnail {height:400px !important;max-width:100%;object-fit:contain;}
.album-image-list {margin-top:40px;height:200px;}
.album-image-list .img {height:200px;width:100%; object-fit:cover;}
.album-image-list .img:hover {cursor:pointer;-webkit-filter: brightness(0.9);filter:brightness(0.9);}
.list-menu-guide {position: relative;z-index:10;max-width:100vw;margin:0 auto;padding:0;list-style:none;}
.list-menu-guide.gallery {top:-120px;left:0px;width:100%;display:flex;justify-content: space-between;}
.list-menu-guide li {cursor:pointer;background-color: rgba(0,0,0,0.3);border-radius:50%;width:40px;height:40px;text-align:center;}
.list-menu-guide li img {height:20px;margin-top:10px;}
.list-menu-guide-left {float:left;}
.list-menu-guide-right {float:right;}


@media screen and (max-width:960px) {
    .album_contents_list_wrap {display: grid;grid-template-columns: repeat(2, 48%);grid-column-gap: 4%;}
}

@media screen and (max-width:768px) {
    .album_contents_list_wrap {display:block;}
    .album_contents_list {margin-bottom:50px;}
}




@media screen and (max-width:768px) {
    .board_table.qna {margin-bottom: 40px;}
    .btn-area {position:fixed;bottom:0;left:0;width:100%;margin:0;padding:10px 0;border-top: 1px solid #d9d9d9;background-color:#FFFFFF;z-index: 1;}
    .btn-area.right {margin:0;text-align:center;}
    .list-btn {height:40px;border-radius:5px;font-weight:600;width:calc(100% - 40px);}
    .list-btn.half {width:calc(50% - 20px);}
    .list-btn:hover {height:40px;border-radius:5px;color:#FFFFFF;background-color:#333333;}
}

@media screen and (max-width:600px) {
    .board_list_contents {margin-bottom: 100px;}
    .board_table {margin-top: 20px;margin-bottom: 40px;}
    .table_title_name {padding: 0 10px 0 0;}
    .table_day {display: none;}

    .board_view_contents {margin-bottom: 50px;}
    .board_view_title_day {padding: 20px 0;}
    .board_view_title {margin-bottom: 10px;}
    .board_veiw {padding: 20px 0 40px 0;}
    .board_view_txt {margin-bottom: 40px;}
    .tab-content-title.qna {font-size:27px;margin-bottom:50px;}
}

@media screen and (max-width:425px) {
    .tab-content-title.qna {font-size:21px;margin-bottom:30px;}
    .table_title_name {padding-left: 5px;}
    .board_table.qna .table_no {display:none;}
    .board_table.qna .table_status {width:55px;padding:0 5px;}
}

/*자주하는질문*/
.question_box {margin-top: 10px;margin-bottom: 90px;border-top: 1px solid #333;}
.question_list {color: #222;font-weight: 300;}
.question {overflow: hidden;padding: 12px 0;border-bottom: 1px solid #ccc;font-weight: 400;line-height: 30px;}
.question_q {display:inline-block;width: 30px; height: 30px;border-radius: 50%;background: #eee;font-weight: 600;margin: 0 10px;text-align: center;}
.question_q.active {background: #228038;color:#FFFFFF;}
.question_title {width: calc(100% - 100px);}
.question_chk:hover {cursor:pointer;background-color:#f4f4f4;}
.question_chk .question_title {font-weight: 600;}
.answer {overflow-x: hidden;overflow-y: auto; box-sizing: border-box;background: #F7FCF6;height:0;}
.answer.active {border-bottom: 1px solid rgba(136, 136, 136, 0.53);}
.answer_txt {width: calc(100% - 40px);padding:20px 0 20px 20px;}
.empty-faq {height:200px;line-height:200px; text-align:center;border-bottom:1px solid #CCCCCC;}


.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);}

.guest-check-justify {margin: 200px auto;text-align:center;max-width:720px;}
.guest-check-title {font-size:30px;font-weight:500;}
.guest-check-subtext {font-size:20px;margin-top:10px;}
.guest-check-flex {padding:50px 0;display:flex;justify-content: space-between;}
.flex-left {width: calc(100% - 220px);}
.guest-check-input {display: inline-block;width:100%;border-top:none;border-left: none;border-right:none;border-bottom: 1px solid #CCCCCC;height:55px;padding:10px; margin-bottom:10px;font-family: 'Pretendard';font-size:18px;}
.guest-check-input.is-invalid {border-color: #dc3545;}
.guest-check-input:focus {outline: none;border-bottom-color: #222222;}
.guest-check-input.is-invalid:focus {border-color: #dc3545;}
.guest-check-input::placeholder {color:#222222;}
.guest-check-input.is-invalid::placeholder{color:#dc3545;}
.flex-right {width: 200px;}
.guest-check-button {width: 200px;height:120px;color:#FFFFFF;background-color: #222222;border:none;font-size:20px;font-weight:500;font-family: 'Pretendard';}
.guest-check-button:hover {cursor:pointer;opacity: 0.9;}

.board_lock_pw {display: block;margin:0 auto;width: calc(100% - 40px); max-width:600px; height: 210px;background: #FFF;border-top: 4px solid #73AB61;padding: 50px 65px; box-sizing: border-box;}
.board_lock_title {overflow: hidden;}
.board_lock_title_icon {display:inline-block;vertical-align:top;}
.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;}


@media screen and (max-width:425px) {
	.guest-check-flex {
		display: unset;
	}
	
	.flex-left {
    width: 100%;
	}
	
	.flex-right {
    width: 100%;
    margin-top: 30px;
	}
	
	.guest-check-button {
    width: 100%;
	}
	
	.guest-check-button {
		height: 60px;
		
	}
}
/*1:1문의_뷰페이지*/
.board_write_title {padding-bottom:10px;border-bottom: 1px  solid #ccc;}
.board_write_title .input-text{margin-top: 10px;width: calc(50% - 5px); height: 40px;border: 1px solid #AAA; box-sizing: border-box;padding:10px;background: #FFF;font-family:'Pretendard';font-size:16px;font-weight:400;}
.board_write_title .input-text.check {width: calc(100% - 100px);}
.board_write_title .input-group {display:flex;justify-content: space-between;}

.board_write_title .input-check {height:20px;width:20px;border:1px solid #AAAAAA;margin-top:20px;}
.board_write_title .input-check, .board_write_title .input-check:checked {appearance:none;-webkit-appearance:none;-moz-appearance:none;}
.board_write_title .input-check:checked {background: url("/images/icon/checked.svg") center /14px no-repeat;}


.board_write_title .checkbox-label {line-height:40px;margin:10px 10px 0 5px;}
.board_write_txt {border-bottom: 1px  solid #ccc;}
.board_write_txt .textarea {margin: 10px 0;width: 100%; height: 545px;padding:10px;border: 1px solid #AAA; box-sizing: border-box;background: #FFF;border-bottom: 1px  solid #ccc;resize: none;font-family:'Pretendard';font-size:16px;font-weight:400;}
.board_write_file_box {padding: 10px 0;overflow: hidden;line-height: 29px;}
.board_write_file_btn {float: left;width: 113px; height: 29px;border-radius: 2px;border: 1px solid #AAA; box-sizing: border-box;background: #EEE;color: #444;text-align: center;margin-right: 15px;}
.board_write_file_name {color: #666;}
.board_write_title .input-text.is-invalid, .board_write_txt .textarea.is-invalid {border-color:#dc3545;}



/*1:1문의_완료페이지*/
.complete_contents {margin-top: 150px;margin-bottom: 100px;}
.complete_contents_box {max-width:calc(100% - 40px);width: 662px;padding: 55px 20px 43px 20px; box-sizing: border-box;border: 1px solid #CCC;margin: 0 auto 50px;text-align: center;}
.complete_contents_title {color: #333;font-size: 26px;font-weight: 600;margin-bottom: 30px;}
.complete_contents_txt {color: #444;font-size: 16px;font-weight: 400;line-height: 15px;}

.board-button-area{text-align:center;}
.file-label {font-size:15px;font-weight:600;margin-right:10px;display:inline-block;vertical-align:top;line-height:24px;}
.file-label:after {content:"|";margin: 0 10px;}
.attach-list {display:inline-block;width: calc(100% - 140px); margin:0;}
.attach-list .attach-item {line-height:1.5;}
.attach-list .attach-item:hover {cursor:pointer;text-decoration:underline;}
.attach-list .filesize {margin-left:20px;color:#888888;}
.attach-list .filesize:before {content: "(";}
.attach-list .filesize:after {content: ")";}
.hidden-input {display:none;}

@media screen and (max-width:768px) {
    .board_write_txt .textarea {height: 400px;}
    .board_write_file_btn {float:none;}
    .attach-list {display:block;width:100%; margin:10px 0;}
    .board_lock_pw {padding:50px 40px;}
    .complete_contents {margin-bottom:20px;}
    .board-button-area {position: fixed;bottom:0;left:0;width:100%;background-color:#FFFFFF;border-top:1px solid #d9d9d9;padding:10px 0;}
}

@media screen and (max-width:480px) {
    .board_lock_txt {margin-left:0;}
    .board_lock_title_icon {display:none;}
    .board_lock_pw {padding:30px;}
}
