@charset "utf-8";

/* *************************************************************************************
* 
* 게시판 검색
*  
* **************************************************************************************/
.board_search {width: 100%; margin-bottom: 5rem; padding: 2rem; background-color: #f7f7fc; border-radius: 1.5rem; border: 1px solid var(--border-gray-color); text-align: center;}
.board_search .board_check {display: flex; max-width: 82.5rem; margin: 0 auto 2rem; gap: 1rem 2.5rem; flex-wrap: wrap;}
.board_search .board_inp {display: inline-flex; flex-wrap: wrap;}
.board_search .select_group {display: inline-flex; margin-right: 1rem; gap: 1rem;}
.board_search .input_group {display: inline-flex; flex: 1; margin-right: 0; gap: 0;}
.board_search .search_select, .board_search .search_input {height: 5rem; padding: 0 2rem; background-color: #fff; border: 1px solid var(--border-gray-color); border-radius: 0.8rem; font-size: 1.8rem;}
.board_search .search_select {width: 100%; min-width: 20rem; max-width: 20rem;}
.board_search .search_input {min-width: 48.5rem;}
.board_search .search_submit {min-width: 12rem; height: 5rem; padding: 0 2rem; margin-left: 1rem; font-size: 1.8rem; font-weight: 500; background-color: #111; color: #fff; border-radius: 0.8rem;}
.board_search .search_submit.primary {background-color: var(--primary-color);}
.board_search .check_box {display: inline-flex; align-items: center;}
.board_search .check_box input {margin-right: 1rem;}
.board_search + .search_txt {margin-top: -4rem; margin-bottom: 5rem;}
.board_search .review_score_rate {margin-bottom: 3rem; justify-content: center; font-size: 2.4rem;}
.board_search .review_score {width: 9rem;}

/* *************************************************************************************
* 
* 게시판 조건별 검색 
*  
* **************************************************************************************/
.search_category {display: inline-flex; margin-bottom: 2rem; flex-wrap: wrap; gap: 2rem 10rem;}
.search_category .cate legend {margin-right: 2rem; height: 4rem; line-height: 4rem; float: left;}
.search_category .radioStyle_label {display: flex; flex-wrap: wrap; float: left; gap: 1rem;}
.search_category .radioStyle_label > li {position: relative;}
.search_category .radioStyle_label label {height: 4rem; line-height: 3.8rem; padding: 0 1.5rem; border: 2px solid var(--border-gray-color); border-radius: 0.5rem; background-color: #fff; background-image: none; cursor: pointer;}
.search_category .radioStyle_label input[type="radio"] {opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-image: none;}
.search_category .radioStyle_label input[type="radio"]:checked + label {background-color: #333; border-color: #333; color: #fff;}
.search_category .radioStyle_label input[type="radio"]:focus-visible {opacity: 1; outline: 2px dashed red;}
.search_calendar {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.search_calendar .inp_date {margin-right: 2rem; display: flex; align-items: center; flex-wrap: wrap;}
.search_calendar .inp_date .dash {display: inline-block; margin: 0 2rem;}
.search_calendar .inp_date input {width: 15rem; height: 4.5rem; margin-right: 1rem; padding: 0 1.5rem; background-color: #fff; border: 1px solid var(--border-gray-color); border-radius: 0.5rem; box-sizing: border-box;}
.search_calendar .ui-datepicker-trigger {width: 2.5rem;}

/* *************************************************************************************
* 
* 게시판 페이지정보
*  
* **************************************************************************************/
.board_page {display: flex; margin-bottom: 1.5rem; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0 2rem;}
.board_page .filter_select {width: 11rem; height: 4rem; padding: 0 1.5rem; border: 1px solid var(--border-gray-color); border-radius: 0.5rem;}

/* *************************************************************************************
* 
* 게시판 탭
*  
* **************************************************************************************/
.board_tab {display: flex; margin-bottom: 4rem; gap: 1rem; flex-wrap: wrap;}
.board_tab > li {width: calc(100% / 6 - 0.888rem); height: 5.5rem; background-color: var(--bg-gray); color: #555; border-radius: 3rem;}
.board_tab > li.on {background-color: #000942; color: #fff; font-weight: 600;}
.board_tab > li > a {display: flex; width: 100%; height: 100%; font-size: 1.8rem; font-weight: 500; align-items: center; justify-content: center; text-align: center;}

/* *************************************************************************************
* 
* 게시판형 테이블
*  
* **************************************************************************************/
.board_table {width: 100%; border-top: 2px solid #111; border-bottom: 1px solid var(--border-gray-color); table-layout: fixed;}
.board_table.bg_white {background-color: #fff;}
.board_table thead th {font-weight: 500;}
.board_table th, .board_table td {padding: 1.5rem; vertical-align: middle; text-align: center; font-size: 1.8rem; }
.board_table tbody tr {border-top: 1px solid var(--border-gray-color);}
.board_table .subject a {display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle;}
.board_table .comment a {display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle;}
.board_table .mypoint.plus {color: var(--primary-color);}
.board_table .mypoint.minus {color: #fd57a9;}
.board_table .review_score img {width: 9rem; vertical-align: middle;}
.board_table .no_result {text-align: center;}
.table_desc {margin-top: 1.5rem; color: #555; font-size: 1.6rem;}
.table_import {margin-top: 1.5rem; color: var(--secondary-color); font-weight: 500;}

/* *************************************************************************************
* 
* 공지사항 게시판
*  
* **************************************************************************************/
/*목록*/
.board_notice {width: 100%; border-top: 2px solid #111; border-bottom: 1px solid var(--border-gray-color); table-layout: fixed;}
.board_notice thead th {font-weight: 500;}
.board_notice th, .board_notice td {padding: 1.5rem; vertical-align: middle; text-align: center; font-size: 1.8rem; }
.board_notice tbody tr {border-top: 1px solid var(--border-gray-color);}
.board_notice .subject {text-align: left;}
.board_notice .subject a {display: inline-block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle;}

/*상세*/
.board_notice_view {margin-bottom: 3rem; padding-bottom: 3rem; border-top: 2px solid #111; border-bottom: 1px solid var(--border-gray-color);}
.board_notice_view .subject {padding: 2rem 3rem; border-bottom: 1px solid var(--border-gray-color);}
.board_notice_view .subject > strong {display: block; font-size: 2.4rem; font-weight: 500;}
.board_notice_view .subject > strong + .write_info {margin-top: 1.5rem;}
.board_notice_view .write_info {display: flex; gap: 0.5rem 0; flex-wrap: wrap;}
.board_notice_view .write_info + .write_info {margin-top: 1rem;}
.board_notice_view .write_info > dl {position: relative; display: inline-flex; align-items: center; padding-right: 2rem; font-size: 1.8rem; color: #444;}
.board_notice_view .write_info > dl:last-child {padding-right: 0;}
.board_notice_view .write_info > dl::after {content: ''; position: relative; right: -1rem; top: 0; width: 1px; height: 1.2rem; background-color: #888;}
.board_notice_view .write_info > dl:last-child:after {content: none;}
.board_notice_view .write_info dt {margin-right: 1rem;}
.board_notice_view .file_attach {padding: 2rem 3rem; border-bottom: 1px solid var(--border-gray-color);}
.board_notice_view .notice_detail {padding: 3rem;}
.board_notice_view .basic_btn {margin-top: 2rem;}
.board_notice_view .basic_btn .btn {width: 10rem;}

/* *************************************************************************************
* 
* 배치형 테이블
*  
* **************************************************************************************/
/*배치형 테이블 기본*/
.basic_table {width: 100%; border-top: 2px solid #000;}
.basic_table th {padding: 1.5rem; background-color: #f8f7fd; font-size: 1.8rem; font-weight: 600; text-align: center; word-break: keep-all;}
.basic_table tbody td:first-child {background-color: #f8f7fd;}
.basic_table td {padding: 1.5rem; font-size: 1.8rem;}
.basic_table tr {border-bottom: 1px solid var(--border-gray-color);}


/*컨텐츠형 테이블*/
.content_table {width: 100%; border-left: 1px solid var(--border-gray-color); border-top: 1px solid var(--border-gray-color); border-bottom: 1px solid var(--border-gray-color); text-align: center;}
.content_table th {padding: 2rem; background-color: var(--bg-gray); border-right: 1px solid var(--border-gray-color); vertical-align: middle;}
.content_table td {padding: 2rem; border-right: 1px solid var(--border-gray-color); vertical-align: middle;}
.content_table tr {border-bottom: 1px solid var(--border-gray-color);}
.content_table .tal {text-align: left;}
.content_table .more_link {padding: 0.7rem 1.5rem; margin-left: 1rem; background-color: #333; color: #fff; border-radius: 30px; line-height: 1;}
.content_table .more_link > span {display: inline-block; padding-right: 3rem; line-height: 1.5; background-image: url("../images/icon/more_arr_w.png"); background-position: right center; background-repeat: no-repeat;}
.content_table .dot_list > li + li {margin-top: 1rem;}
.content_table .dot_list > li::before {display: inline-block; vertical-align: middle; width: 4px; height: 4px; margin-left: 1rem; margin-right: 1rem; border-radius: 50%; background-color: var(--primary-color); content: '';}
.content_table .dot_list .no_dot::before {content: none;}
.content_table .dot_list .dash_ul {margin-top: 1rem; padding-left: 3rem;}

/*dl 테이블*/
.dl_table {border-bottom: 1px solid var(--border-gray-color);}
.dl_table dl {display: flex; border-top: 1px solid var(--border-gray-color);}
.dl_table dt, .dl_table dd {display: inline-flex; align-items: center; padding: 1.5rem 2.5rem;}
.dl_table dt {width: 24rem; background-color: #f8f7fd;}
.dl_table dd {width: calc(100% - 24rem);}
.dl_table .dl_tit {margin: 1.2rem 0; font-size: 2.4rem; font-weight: 600;}

/* *************************************************************************************
* 
* Form table
*  
* **************************************************************************************/
.respon_table {margin-bottom: 6rem;}
.form_table {width: 100%; border-top: 2px solid #000; text-align: left;}
.form_table tr {border-bottom: 1px solid var(--border-gray-color);}
.form_table th, .form_table td {padding: 1.5rem 3rem; vertical-align: middle;}
.form_table th {background-color: hsl(250, 60%, 98%); color: #222; font-weight: 500;}
.form_table .w100p {width: 100%;}
.form_table .form_select {padding: 0 2.5rem 0 1.5rem; border: 1px solid var(--border-gray-color); border-radius: 0.8rem; box-sizing: border-box;}
.form_table .form_input, .form_table .form_textarea {padding: 0 1.5rem; border: 1px solid var(--border-gray-color); border-radius: 0.8rem; box-sizing: border-box;}
.form_table .form_select, .form_table .form_input {height: 4rem;}
.form_table .form_select {min-width: 20rem; line-height: 1; color: #888;}
.form_table .form_select.tel {min-width: 10rem;}
.form_table .form_select option {color: #000;}
.form_table .form_input[readonly] {background-color: #f8f7fd; color: #555;}
.form_table .form_textarea {width: 100%; min-height: 25rem; padding: 1.5rem; resize: none; box-sizing: border-box;}
.form_table .form_byte {display: flex; justify-content: space-between; color: #555; flex-wrap: wrap;}
.form_table .form_txt {margin-right: 1.5rem;}
.form_table .form_btn {min-width: 11rem; height: 4rem; line-height: 4rem; padding: 0 1.5rem; color: #fff; text-align: center; border-radius: 0.8rem; background-color: #7f879d;}
.form_table .form_btn.primary {background-color: #000942;}
.form_table .form_desc {margin-top: 1rem; color: #555;}
.form_table .form_phone {display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem;}
.form_table .form_phone .form_input {width: 9rem;}
.form_table .form_adress .adress {margin-top: 1rem;}
.form_table .form_adress .adress .form_input {width: 50%;}
.form_table .form_email {display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap;}

.form_table .form_sns {display: flex; align-items: baseline; gap: 1rem; flex-wrap: wrap;}
.form_table .form_sns .sns_list > li {display: flex; gap: 1rem; flex-wrap: wrap;}
.form_table .form_sns .sns_list > li + li {margin-top: 1rem;}
.form_table .form_sns .sns_input {display: flex; flex-wrap: wrap; align-items: center; gap: 1rem;}
.form_table .form_sns .sns_input .form_input {width: 15rem;}
.form_table .form_sns .sns_btn {display: flex; flex-direction: column; gap: 1rem; flex-wrap: wrap;}
.form_table .form_sns .login_sns {width: 4rem; height: 4rem; border-radius: 50%; background-size: 2rem; background-position: center; background-repeat: no-repeat;}
.form_table .form_sns .login_sns.kakao {background-color: #fee500; background-image: url("../images/common/kakao_icon.png");}
.form_table .form_sns .login_sns.naver {background-color: #03c75a; background-image: url("../images/common/naver_icon.png");}
.form_table .identity_number {display: flex; align-items: center; gap: 1rem; flex-wrap: wrap;}
.form_table .form_checkbox {display: flex; align-items: center; flex-wrap: wrap; gap: 1.5rem;}
.form_table .form_checkbox input[type="checkbox"]:checked {background-image: url("../images/common/form_checkbox_on.svg");}
.form_table .form_checkbox .etc {display: flex; align-items: center; gap: 0.8rem; flex-wrap: wrap;}
.form_table .form_checkbox .etc .form_input {flex: 1;}
.form_table .input_url + .input_url {margin-top: 1rem;}
.form_table .input_url label {width: 16rem; font-weight: 500;}
.form_table .form_checkbox.hash_tag > .group {min-width: 13rem;}
.form_table .search_calendar {justify-content: left;}

.form_table .form_card {display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem;}
.form_table .form_card .form_input {width: 9rem;}

/*첨부파일*/
.form_table .file_upload ul {margin-bottom: 2rem;}
.form_table .file_upload ul > li {color: #555;}
.form_table .file_set {display: flex; max-width: 80rem; align-items: center; gap: 1rem; flex-wrap: wrap;}
.form_table .file_set + .file_set {margin-top: 1rem;}
.form_table .file_name {position: relative; width: calc(100% - 27rem);}
.form_table .upload_name {width: 100%; height: 4rem; padding: 0 1.5rem; color: #757575; background-color: #f8f7fd; border-radius: 0.5rem; border: 1px solid var(--border-gray-color); box-sizing: border-box;}
.form_table .file_select {position: relative;}
.form_table .file_select label {position: relative; display: block; width: 10rem; height: 4rem; line-height: 4rem; font-weight: 500; background-color: #5d606a; color: #fff; border-radius: 0.5rem; text-align: center; cursor: pointer; z-index: 1;}
.form_table .file_select input[type="file"] {position: absolute; left: 0; top: 0; display: block; width: 1px; height: 1px;}
.form_table .file_select input[type="file"]:focus-visible {width: 100%; height: 100%; outline: 2px dashed var(--focus-color);}
.form_table .file_btn {display: flex; gap: 0.6rem;}
.form_table .insert_btn, .form_table .delete_file, .form_table .delete_btn {position: relative; display: block; width: 3rem; height: 3rem; background-color: #7f879d; border-radius: 50%;}
.form_table .insert_btn::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 2px; height: 12px; background-color: #fff; content: '';}
.form_table .insert_btn::after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 12px; height: 2px; background-color: #fff; content: '';}
.form_table .delete_file::before {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 12px; height: 2px; background-color: #fff; content: '';}
.form_table .delete_btn::after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; width: 12px; height: 2px; background-color: #fff; content: '';}

/*개인정보 동의*/
.form_agree {margin-top: 5rem; border-top: 1px solid var(--border-gray-color); border-bottom: 1px solid var(--border-gray-color);}
.form_agree .agree_check {display: flex; align-items: center; padding: 1.5rem 3rem; background-color: #f8f7fd; color: #222; border-bottom: 1px solid var(--border-gray-color); font-size: 1.8rem; font-weight: 600; justify-content: space-between; flex-wrap: wrap; }
.form_agree .agree_info {padding: 1.5rem 3rem;}
.form_agree .agree_info.scroll {max-height: 25rem; overflow-y: auto;} 
.form_agree .agree_info dl + dl {margin-top: 1.5rem;}
.form_agree .agree_info dd {padding-left: 1.5rem;}
.form_agree .agree_info .dot > li::before {display: inline-block; vertical-align: middle; margin-left: 0.5rem; margin-right: 0.5rem; width: 3px; height: 3px; border-radius: 50%; background-color: #000; content: '';}

/* *************************************************************************************
* 
* 자주묻는질문
*  
* **************************************************************************************/
.board_faq {border-top: 1px solid #000;}
.board_faq .faq_list > li {display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--border-gray-color);}
.board_faq .faq_list .cate {width: 18rem; padding: 2rem 3rem; font-size: 1.8rem; font-weight: 600;}
.board_faq .faq_list .question {width: calc(100% - 18rem);}
.board_faq .faq_list .drop_btn {position: relative; width: 100%; padding: 2rem 7.5rem 2rem 2rem; font-size: 1.8rem; line-height: 1.3; text-align: left;}
.board_faq .faq_list .drop_btn::after {content: ''; position: absolute; right: 2.2rem; top: 2rem; display: block; width: 12px; height: 12px; border-top: 2px solid #888; border-right: 2px solid #888; transform: rotate(135deg);}
.board_faq .faq_list .drop_btn.open::after {transform: rotate(-45deg); transition: .3s;}
.board_faq .faq_list .drop_box {display: none; padding: 2rem;}

/* *************************************************************************************
* 
* 이벤트 게시판
*  
* **************************************************************************************/
/*목록*/
.board_event_list {margin-top: 3.5rem; margin-bottom: 8rem; display: flex; gap: 5rem 3rem; flex-wrap: wrap;}
.board_event_list > li {width: calc(100% / 5 - 2.4rem);}
.board_event_list > li > a {display: block; width: 100%; height: 100%;}
.board_event_list .thumb {position: relative;}
.board_event_list .mask_img {position: relative; width: 100%; height: 0; padding-top: 103.705%; border-radius: 2rem; overflow: hidden; mask-image: url("../images/content/event_mask.png"); mask-size: 100% 100%; mask-repeat: no-repeat;}
.board_event_list .mask_img > img {position: absolute; left: 0; top: 0; width: 100%; object-fit: cover; transition: .5s;}
.board_event_list .cnt {padding: 1.5rem 0.6rem 0;}
.board_event_list .tit {height: 5.2rem; margin-bottom: 1rem; font-size: 2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.board_event_list .info {color: #555;}
.board_event_list .place {width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_event_list .label_group {position: absolute; right: 0; top: 0;}

/*상세*/
.board_event_view {padding-top: 3rem; border-top: 1px solid var(--border-gray-color);}
.board_event_view .flex {display: flex; flex-wrap: wrap;}
.board_event_view .thumb {position: relative; width: 58.5rem; height: 69rem; border-radius: 2rem; overflow: hidden;}
.board_event_view .thumb > img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.board_event_view .info {width: calc(100% - 62rem); margin-left: 3.5rem;}
.board_event_view .cnt {color: #333;}
.board_event_view .cnt .tit {display: block; margin: 1.4rem 0; font-size: 3.6rem; color: #333;}
.board_event_view .dl_table dt {font-size: 1.8rem;}
.board_event_view .dl_table dd {font-size: 1.8rem;}
.board_event_view .board_detail {margin-top: 4rem; border-top: 2px solid #333; border-bottom: 1px solid var(--border-gray-color);}
.board_event_view .board_detail .view_desc {padding: 2rem; border-bottom: 1px solid var(--border-gray-color); font-size: 1.8rem;}

/*첨부파일*/
.file_attach {display: flex; padding: 2rem; align-items: baseline; flex-wrap: wrap;}
.file_attach > b {display: block; width: 8rem; margin-right: 2rem; color: #333; font-size: 1.8rem;}
.file_attach .file_list {width: calc(100% - 10rem);}
.file_attach .file_list li + li {margin-top: 1rem;}
.file_attach .file_name {display: inline-block; margin-right: 1.5rem; padding-left: 2.5rem; font-size: 1.8rem; background: url("../images/icon/file_icon.png") left top 0.2rem no-repeat;}
.file_attach .file_down {display: inline-block; width: 11rem; height: 3.5rem; line-height: 3.5rem; padding-left: 1.5rem; padding-right: 3rem; border-radius: 0.5rem; background-color: #4a4f66; color: #fff; background-image: url("../images/icon/file_down_icon_w.svg"); background-position: right 1.5rem top 0.6rem; background-repeat: no-repeat;}

/* *************************************************************************************
* 
* 정보공유 게시판
*  
* **************************************************************************************/
.board_info_ul {margin-top: 1rem; display: flex; flex-wrap: wrap;}
.board_info_ul > li {position: relative; padding-right: 2rem; font-size: 1.5rem; color: #888;}
.board_info_ul > li::after {position: absolute; right: 1rem; top: 0.3rem; width: 1px; height: 1.4rem; background-color: var(--border-gray-color); content: '';}
.board_info_ul > li:last-child:after {content: none;}
.board_info_ul .icon {display: inline-block; padding-left: 2.5rem; background-position: left center; background-size: 1.8rem; background-repeat: no-repeat;}
.board_info_ul .eye {background-image: url("../images/icon/eye_icon.svg");} 
.board_info_ul .like {background-image: url("../images/icon/like_icon.svg");} 
.board_info_ul .chat {background-image: url("../images/icon/chat_icon.svg");} 

/* *************************************************************************************
* 
* 게시글 없는 경우
*  
* **************************************************************************************/
.no_result {margin: 5rem 0; text-align: center; font-size: 1.8rem; line-height: 1.5; word-break: keep-all;}

/* *************************************************************************************
* 
* 페이징
*  
* **************************************************************************************/
.pagination {margin-top: 5rem; display: flex; justify-content: center; align-items: center; gap: 10px;}
.pagination .paging {display: flex; gap: 10px;}
.pagination .paging a {display: flex; width: 3.5rem; height: 3.5rem; align-items: center; justify-content: center; color: #222; font-weight: 500; border-radius: 50%;}
.pagination .paging .page {background-color: #fff; background-position: center; background-repeat: no-repeat; border: 1px solid var(--border-gray-color); }
.pagination .page.next {transform: rotate(180deg);}
.pagination .page.last {transform: rotate(180deg);}
.pagination .paging.num .active {background-color: #f5f4f9; color: #3051bd; text-decoration: underline; text-underline-offset: 0.3rem;}

.board_pagination {margin-top: 6rem; border-top: 1px solid var(--border-gray-color);}
.board_pagination .prev, .board_pagination .next {padding: 2rem 3rem; background-color: #fff; border-bottom: 1px solid var(--border-gray-color);}
.board_pagination .title {position: relative; display: block; width: 100%; padding-left: 3rem; font-size: 1.8rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.board_pagination .title::before {content: ''; position: absolute; left: 0.5rem; top: 1rem; display: block; width: 6px; height: 6px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(-45deg);}
.board_pagination .next .title::before {top: 0.6rem; transform: rotate(135deg);}

/*Only PC*/
@media all and (min-width:1024px){
    .respon_table .board_table .comment a:hover {text-decoration: underline; text-underline-offset: 0.3rem;}
    .respon_table .board_table .subject a:hover {text-decoration: underline; text-underline-offset: 0.3rem;}
    .respon_table .board_notice .subject a:hover {text-decoration: underline; text-underline-offset: 0.3rem;}

    .board_event_list > li > a:hover .mask_img > img {transform: scale(1.1); transition: transform .25s ease-out; transform-origin: 50% 50;}
    .board_event_list > li > a:hover .mask_img::before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4; content: ''; z-index: 1; transition: transform .25s ease-out; transform-origin: 50% 50%;}
    .board_event_list .mask_img::after {content: ''; position: absolute; left: 50%; top:50%; transform: scale(0); margin-left: -20px; margin-top: -20px; display: block; width: 45px; height: 45px; border-radius: 50%; background-color: #dfe5f3; background-image: url("../images/icon/plus_icon.png"); background-position: center; background-repeat: no-repeat; z-index: 2; transition: .3s;}
    .board_event_list > li > a:hover .mask_img::after {transform: scale(1);}

    .board_pagination a.title:hover {text-decoration: underline; text-underline-offset: 0.3rem; transition: .3s;}
}

/* *************************************************************************************
*
* 반응형
* 
* **************************************************************************************/
@media all and (max-width:1024px){
    /*게시판 검색*/
    .board_search .board_check {width: 100%; max-width: none;}
    .board_search .board_inp {width: 100%;}
    .board_search .search_input {min-width: auto; width: calc(100% - 13rem);}
    .search_calendar .inp_date {margin-right: 1rem;}
    .search_calendar .inp_date input {width: 12rem; margin-right: 0.5rem; padding: 0 0.6rem;}
    .search_calendar .inp_date .dash {margin: 0 0.8rem;}
    .search_calendar .ui-datepicker-trigger {width: 2rem;}
    
    /*퍼센트별 리뷰별점*/
    .board_search .score_title {font-size: 1.8rem;}
    .board_search .score_num {font-size: 1.8rem;}

    /*반응형 게시판형 테이블*/
    .respon_table colgroup {display: none;}
    .respon_table .mobile_hide {display: none !important;}
    .respon_table .board_table thead {display: none;}
    .respon_table .board_table tr {display: block; padding: 0.8rem 0.5rem;}
    .respon_table .board_table td {position: relative; display: inline-block; padding: 0.5rem 0.8rem; font-size: 1.6rem; text-align: left;}
    .respon_table .board_table .no_result {text-align: center;}
    .respon_table .board_table .num {display: none;}
    .respon_table .board_table .file {display: none;}
    .respon_table .board_table .review_score {display: none;}
    .respon_table .board_table .cate {height: 3.2rem; padding: 0 1.5rem; line-height: 3.2rem; margin-bottom: 0.5rem; background-color: #dbdbdb; border-radius: 0.5rem; font-weight: 500;}
    .respon_table .board_table .subject {display: block; font-weight: 600;}
    .respon_table .board_table .comment {display: block; width: 100%; font-weight: 600;}
    .respon_table .board_table .date {color: #666;}
    .respon_table .board_table .date::after, .respon_table .board_table .mypoint::after {position: absolute; right: -2px; top: 0.8rem; width: 1px; height: 1.4rem; background-color: #959595; content: '';}
    .respon_table .board_table .state_label span.label {width: auto; height: auto; line-height: 1; background-color: transparent; color: #333;}
    .respon_table .board_table .mobile_icon {display: inline-block; padding-left: 2rem; background-position: left center; background-size: 1.8rem; background-repeat: no-repeat;}
    .respon_table .board_table .eye .mobile_icon {background-image: url(../images/icon/eye_icon.svg);}
    .respon_table .board_table .like .mobile_icon {background-image: url(../images/icon/like_icon.svg);}
    .respon_table .board_table .chat .mobile_icon {background-image: url(../images/icon/chat_icon.svg);}

    /*공지사항 테이블*/
    .respon_table .board_notice colgroup {display: none;}
    .respon_table .board_notice thead {display: none;}
    .respon_table .board_notice tr {display: flex; justify-content: space-between;}
    .respon_table .board_notice td {display: inline-block; padding: 1.5rem 0.5rem; font-size: 1.6rem;}
    .respon_table .board_notice .no_result {justify-content: center;}
    .respon_table .board_notice .num {display: none;}
    .respon_table .board_notice .write {display: none;}
    .respon_table .board_notice .hit {display: none;}
    .respon_table .board_notice .subject {width: calc(100% - 11rem); font-weight: 500;}
    .respon_table .board_notice .date {width: 10rem; color: #888;} 
    .respon_table .board_notice .file {display: none; width: 4rem;}
    .respon_table .board_notice .file .file_img {width: 1.6rem;}

    /*Form 테이블*/
    .respon_table .form_table th, .respon_table .form_table td {display: block; padding: 1.2rem 1.5rem;}   
    .respon_table .form_table .form_email .form_input {width: 14rem;}
    .respon_table .form_table .form_email .form_select {width: 15rem; min-width: 15rem;}

    /*상세*/
    .board_notice_view .subject {padding: 1.5rem; background-color: #f7f7f7;}
    .board_notice_view .subject > strong {font-size: 2rem;}
    .board_notice_view .file_attach {padding: 1.5rem;}
    .board_notice_view .notice_detail {padding: 2rem 1.5rem;}

    /*이벤트 게시판 - 목록*/
    .board_event_list {gap: 3rem 1.5rem;}
    .board_event_list > li {width: calc(100% / 3 - 1rem);}
    .board_event_list .mask_img {mask-image: none;}
    .board_event_list .progress_label {width: 9rem; height: 3.8rem; border-radius: 0 1.5rem; font-size: 1.6rem;}

    /*이벤트 게시판 - 상세*/
    .board_event_view .thumb {width: 49rem; height: auto; max-height: 40rem; margin: 0 auto;}
    .board_event_view .thumb > img {position: inherit;}
    .board_event_view .info {width: 100%; margin-left: 0; margin-top: 5rem;}
    .board_event_view .cnt .tit {font-size: 2.6rem;}
    .board_event_view .dl_table .dl_tit {font-size: 2rem;}
}

@media all and (max-width:780px){
    /*게시판 검색*/
    .board_search .search_select, .board_search .search_input {padding: 0 1rem;}
    .board_search .search_select {min-width: 15rem; max-width: 15rem;}
    .board_search .search_calendar .inp_date {width: 100%; justify-content: center; margin-right: 0; margin-bottom: 2rem;}

    /*board_tab*/
    .board_tab {position: relative; gap: 0; flex-wrap: wrap;}
    .board_tab::before, .board_tab > li::before {position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: var(--border-gray-color); content: '';}
    .board_tab > li {position: relative; background-color: transparent;}
    .board_tab > li.on::before {background-color: #000942;}
    .board_tab > li {width: calc(100% / 4); height: 4.5rem; border-radius: 0.8rem;}
    .board_tab > li:first-child {border-left: 0;}
    .board_tab > li.on {background-color: transparent; color: #000942;}
    .board_tab > li > a {padding: 0 0.5rem; font-size: 1.4rem;}
    .board_tab > li.on > a {font-weight: 700;}

    /*스크롤 테이블*/
    .scroll_table {overflow-x: auto; -webkit-overflow-scrolling: touch;}
    .scroll_table > table {width: 780px;}

    /*컨텐츠형 테이블*/
    .content_table th {padding: 1.5rem 1.2rem;}
    .content_table td {padding: 1.5rem 1.2rem;}
    .dl_table dt, .dl_table dd {padding: 1.5rem;}

    /*FaQ*/
    .board_faq .faq_list .cate {width: 100%; padding: 1.5rem 1rem;}
    .board_faq .faq_list .question {width: 100%;}
    .board_faq .faq_list .drop_btn {padding: 0 3rem 1.5rem 1rem;}
    .board_faq .faq_list .drop_btn::after {right: 1rem; top: 0.4rem; width: 8px; height: 8px;}
    .board_faq .faq_list .drop_box {padding: 1rem 1rem 2rem;}

    /*개인정보 동의*/
    .form_agree .agree_check {padding: 1.2rem 1.5rem;}
    .form_agree .agree_info {padding: 1.2rem 1.5rem;}

    /*이벤트 게시판 - 목록*/
    .board_event_list {margin-top: 2.5rem; margin-bottom: 5rem;}
    .board_event_list > li {width: calc(50% - 0.8rem);}
    .board_event_list .tit {height: 4rem; font-size: 1.6rem;}
    .board_event_list .info {font-size: 1.3rem;}

    /*이벤트 게시판 - 상세*/
    .board_event_view .info {margin-top: 2rem;}
    .board_event_view .dl_table dt {width: 14rem;}
    .board_event_view .dl_table dd {width: calc(100% - 14rem);}
    .board_event_view .board_detail .view_desc {padding: 1.5rem 1rem;}

    /*첨부파일*/
    .file_attach {padding: 1.5rem 1rem;}
    .file_attach > b {width: 100%; margin-bottom: 1.5rem;}
    .file_attach .file_list {width: 100%;}
    .file_attach .file_name {display: inline; margin-right: 0; padding-left: 0; background: none;}
    .file_attach .file_down {width: 2rem; height: 2rem; padding: 0; font-size: 0; background-color: transparent; background-image: url("../images/icon/file_down_icon.svg"); background-size: 2rem; background-position: center;}

    /*페이징*/
    .pagination .paging {gap: 5px;}
    .pagination .paging a {width: 3rem; height: 3rem;}
    .pagination .paging.num a {width: 2.5rem; height: 2.5rem;}
    .board_pagination .prev, .board_pagination .next {padding: 1.5rem;}
}

@media all and (max-width:480px){
    /*게시판 검색*/
    .board_search {padding: 1.5rem;}
    .board_search .board_check {gap: 1rem;}
    .board_search .select_group {width: 100%; margin-bottom: 1rem; margin-right: 0;}
    .board_search .search_select {min-width: auto; max-width: none;}
    .board_search .input_group {width: 100%; flex-wrap: wrap;}
    .board_search .search_input {width: 100%;}
    .board_search .search_submit {width: 100%; margin-left: 0; margin-top: 1rem;}
    .search_category .radioStyle_label {width: 100%;}

    /*Form 테이블*/
    .respon_table .form_table .form_input {width: 100%;}
    .respon_table .form_table .form_btn {width: 100%;}
    .respon_table .form_table .form_input + .form_btn {margin-top: 1rem;}
    .respon_table .form_table .form_phone .form_input {width: calc(100% / 3 - 1.2rem);}
    .respon_table .form_table .form_adress .adress .form_input {width: 100%;}
    .respon_table .form_table .form_email .form_input {width: calc(50% - 1.3rem);}
    .respon_table .form_table .form_email .form_select {width: 100%; margin-top: 1rem;}
    .respon_table .form_table .sns_btn {width: calc(100% - 22rem);}
    .form_table .input_url + .input_url {margin-top: 1.8rem;}
    .form_table .input_url label {margin-bottom: 0.8rem;}
    .form_table .form_card .form_input {width: calc(100% / 4 - 1.3rem);}

    /*이벤트 게시판 - 상세*/
    .board_event_view .thumb {width: 100%;}

    /*조회수,좋아요,댓글*/
    .board_info_ul > li {padding-right: 1.8rem;}
    .board_info_ul > li::after {right: 0.8rem; top: 0.3rem;}
    .board_info_ul .icon {padding-left: 2rem;}
}