.product-list {width: 100%; height: auto;}
.product-list ul {display: flex; align-items: center; flex-wrap: wrap; gap: 40px 0; margin: 0 -20px;}
.product-list ul:not(:first-of-type) {display: none;}
.product-list ul li {width: calc(100% / 3); padding: 0 20px; box-sizing: border-box;}
.product-list ul li .child-box {display: flex; align-items: center; justify-content: center; flex-flow: column; width: 100%; height: 423px; border: 2px solid var(--gray_d6); border-radius: 20px; overflow: hidden;}
.product-list ul li .child-box .img-box {width: 376px; height: 274px; margin: 0 auto;}
.product-list ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: contain;}
.product-list ul li .child-box .txt-box {text-align: center;}
.product-list ul li .child-box .txt-box:before {content: ''; display: block; width: 64px; height: 3px; margin: 40px auto 24px; background: var(--gray_b);}
.product-list ul li .child-box .txt-box .tit {font-size: 21px; font-weight: bold; line-height: 1; color: var(--black);}

/* news_area */
.news_area {width: 100%; height: auto; margin-top: 138px;}
.news_area .img-box {width: 100%; height: auto;}
.news_area .img-box img {width: 100%; height: auto;}

/* ytb_box */
.product-list {width: 100%; height: auto;}
.product-list div {margin-bottom: 100px;}
.product-list div:last-of-type {margin-bottom: 0;}
.ytb_box {width: 100%; height: auto; aspect-ratio: 16/11.48;}
.ytb_box iframe {width: 100%; height: 100%;}

/* table-area */
.table-area {width: 100%; height: auto;}
.table-area table {width: 100%; height: auto; table-layout: fixed;}
.table-area th {height: 48px; background: var(--pr); vertical-align: middle; font-size: 21px; font-weight: 500; line-height: 1; color: var(--wt);}
.table-area th:nth-child(1) {min-width: 240px; width: 240px;}
.table-area th:nth-child(2) {width: 100%;}
.table-area th:nth-child(3) {min-width: 200px; width: 200px;}
.table-area th:nth-child(4) {min-width: 240px; width: 240px;}

.table-area td {height: 65px; background: var(--wt); vertical-align: middle; font-size: 18px; font-weight: 500; line-height: 1; color: var(--black); border-bottom: 1px dotted var(--gray_b); text-align: center;}
.table-area td:nth-child(1) {min-width: 240px; width: 240px;}
.table-area td:nth-child(2) {width: 100%; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table-area td:nth-child(2) span {width: 100%; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.table-area td:nth-child(3) {min-width: 200px; width: 200px;}
.table-area td:nth-child(4) {min-width: 240px; width: 240px;}

/* case_list */
.case_list {width: 100%; height: auto;}
.case_list ul {display: flex; align-items: center; flex-wrap: wrap; gap: 40px 0; margin: 0 -20px;}
.case_list ul li {width: calc(100% / 4); padding: 0 20px; box-sizing: border-box;}
.case_list ul li[data-name="전체"] {display: block;}
.case_list ul li[data-name="요식업"] {display: block;}
.case_list ul li[data-name="공공시설"] {display: block;}
/* .case_list ul li[data-name="사찰"] {display: block;}
.case_list ul li[data-name="사찰"] {display: block;} */
.case_list ul li[data-name="실내용 동영상"] {display: block;}
.case_list ul li {display: none;}
.case_list ul li .child-box {display: block; width: 100%; height: auto; border-radius: 20px; overflow: hidden;}
.case_list ul li .child-box .img-box {width: 100%; height: 206px;}
.case_list ul li .child-box .img-box img {width: 100%; height: 100%; object-fit: cover;}
.case_list ul li .child-box .txt-box {padding: 16px; box-sizing: border-box; border: 1px solid var(--gray_d6); border-top: 0; border-radius: 0 0 20px 20px;}
.case_list ul li .child-box .txt-box .tit {font-size: 18px; font-weight: bold; line-height: 1.3; color: var(--black); word-break: keep-all;}
.case_list ul li .child-box .txt-box .tit:after {content: ''; display: block; width: 64px; height: 3px; margin: 22.5px 0 14.5px; background: var(--gray_b);}
.case_list2 ul li .child-box .txt-box .tit:after {display: none;}
.case_list ul li .child-box .txt-box .sub {margin-bottom: 20px; font-size: 16px; font-weight: 500; line-height: 1.3; color: var(--black); word-break: keep-all;}
.case_list ul li .child-box .txt-box .date {font-size: 14px; font-weight: 500; line-height: 1; color: var(--gray_8); text-align: right;}

.bo_v_nb {display: none !important;}

/* install_link */
.install_link {width: 100%; height: auto; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid var(--pr);}
.install_link ul {display: flex; align-items: center; justify-content: center; gap: 10px;}
.install_link ul li {}
.install_link ul li a {display: flex; align-items: center; justify-content: center; width: 100px; height: 35px; border-radius: 25px; border: 1px solid var(--pr); font-size: 15px; font-weight: 400; line-height: 1; color: var(--pr);}
.install_link ul li.active a {background: var(--pr); color: var(--wt);}

/* view */
.notice_wrap2 #bo_v_title .bo_v_tit {font-size: 24px;}
header.sub2 {background: transparent !important;}

/* sec1 */
/* section {position: relative; z-index: 5;} */