.board ~ .board {margin-top:100px}
.board .b_view .bv_nav {display:flex; align-items:center; justify-content:flex-end;}
.board .b_view .bv_nav span {width:auto}
.board .b_view .bv_nav i {width:24px; aspect-ratio:1/1; background:url("../img/icon_arrow_right_g_t4.svg") center center no-repeat; baseline-shift:100%}
.board .b_view {margin-top:160px}
.board .b_view .bv_wrap {display:flex; align-items:flex-start; gap:100px; margin-top:40px}
.board .b_view .bv_head {flex-shrink:0; width:330px;}
.board .b_view .bv_head .bvh_tit {display:block; margin-bottom:20px}
.board .b_view .bv_head .bvh_info {border-top:2px solid var(--black);}
.board .b_view .bv_head .bvh_info li {display:flex; align-items:center; gap:20px; padding:25px 0; border-bottom:1px solid var(--black-20);}
.board .b_view .bv_head .bvh_info li .bold {min-width:80px}
.board .b_view .bv_head .bvh_info + .btn {width:100%; margin-top:40px}
.board .b_view .bv_head .bvh_info + .btn i {background-image:url("../img/icon_write.svg")}
.board .b_view .bvh_file li {display:flex; align-items:center; justify-content:space-between; padding:20px; border-bottom:1px solid var(--black-20)}
.board .b_view .bvh_file a {padding-left:29px; background:url("../img/icon_download.svg") left center no-repeat; background-size:24px; text-decoration:underline; text-underline-position:under}
.board .b_view .bvh_file li span {width:auto}
.board .b_view .bv_body {width:100%;}
.board .b_view .bv_body > img {display:block; max-width:100%; border-radius:10px;}
.board .b_view .bv_body > img + img {margin-top:40px}
.board .b_view .bv_body.t1 {display:flex; align-items:center; gap:20px;}
.board .b_view .bv_body.t1 .bvb_img {width:100%; aspect-ratio:100/66.629; border-radius:10px; overflow:hidden}
.board .b_view .bv_body.t1 img {display:block; width:100%; height:100%; object-fit:contain; max-width:100%}
.board .b_view .bv_body.t1 .bvb_thumb {display:flex; flex-direction:column; gap:20px; flex-shrink:0; width:100px; }
.board .b_view .bv_body.t1 .bvb_thumb li {position:relative; width:100%; aspect-ratio:1/1; border-radius:10px;}
.board .b_view .bv_body.t1 .bvb_thumb li.on:before {opacity:1; border:2px solid var(--brown); border-radius:10px; background:none}
.board .b_view .bv_body.t1 .bvb_thumb li:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; aspect-ratio:1/1; background:#fff; opacity:0.5; pointer-events:none}
.board .b_view .bv_body.t1 .bvb_thumb li img {width:100%; height:100%; object-fit:cover;}
.board .b_view .bv_body.t1 .bvb_thumb li a {display:block; width:100%; height:100%}
.board .b_view .bv_foot {margin-top:100px}
.board .b_view .bv_foot ul {border-top:1px solid var(--black-20)}
.board .b_view .bv_foot ul li {display:flex; align-items:center; justify-content:flex-start; padding:25px 10px; border-bottom:1px solid var(--black-20)}
.board .b_view .bv_foot ul li a {display:flex; align-items:center; margin-left:30px}
.board .b_view .bv_foot ul li a:hover span span {font-weight:700; text-decoration:underline; text-underline-position:under}
.board .b_view .bv_foot ul li span {display:flex; align-items:center; color:var(--black-60); line-height:30px}
.board .b_view .bv_foot ul li > span i {width:24px; aspect-ratio:1/1; margin-right:10px; background:url("../img/icon_arrow_down_g.svg") center center no-repeat; background-size:100%}
.board .b_view .bv_foot ul .next span i {background-image:url("../img/icon_arrow_up_g.svg")}
.board .b_view .bv_foot ul li a span span {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; color:var(--black)}
.board .b_view .bvf_btn {display:flex; align-items:center; justify-content:flex-end; gap:10px; margin-top:20px;}
.board .b_view .bvf_btn > div {display:flex; align-items:center; flex-wrap:wrap; gap:10px;}
.board .b_allchk {display:flex; align-items:center; gap:10px; margin-bottom:10px;}
.board .b_allchk input[type="checkbox"] {width:20px; aspect-ratio:1/1;}
.board .b_gallery {display:flex; flex-wrap:wrap; gap:40px; margin:0}
.board .b_gallery > li {overflow:hidden; position:relative; width:calc((100% - 80px) / 3); margin:0; border-radius:20px; }
.board .b_gallery > li::before {content:""; display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; box-sizing:border-box; border:1px solid rgba(35, 31, 32, 0.15); border-radius:20px; pointer-events:none}
.board.portfolio .b_gallery > li a:hover .bg_thumb img {transform:scale(1.05)}
.board .b_gallery > li a:hover .bg_text strong {text-decoration:underline; text-underline-position:under}
.board .b_gallery > li input[type="checkbox"] {position:absolute; z-index:1; width:20px; aspect-ratio:1/1; top:10px; left:10px; cursor:pointer}
.board .b_gallery > li .gall_checkbox input[type="checkbox"] {appearance:auto}
.board .b_gallery .bg_thumb {display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:100/66.66; overflow:hidden}
.board.product .b_gallery .bg_thumb::before {content:""; display:block; position:absolute; width:100%; height:100%; background: linear-gradient(180deg, rgba(35, 31, 32, 0.00) 0%, rgba(35, 31, 32, 0.04) 100%)}
.board .b_gallery .bg_thumb img {flex-shrink:0; width:100%; height:100%; object-fit:contain; transition:0.5s;}
.board .b_gallery .bg_text {display:flex; flex-direction:column; align-items:flex-start; padding:20px; padding-top:15px}
.board .b_gallery .bg_text strong {overflow:hidden; font-size:18px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:5px; line-height:30px; font-weight:600}
.board .b_gallery .bg_text .text.small {overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:break-all; line-height:25px}
.board .b_gallery .frm_input {position:relative; left:40px;}
.board .b_gallery.t1 {gap:30px;}
.board .b_gallery.t1 li {width:calc((100% - 90px) / 4); border:none}
.board .b_gallery.t1 li > div {display:flex; width:100%; aspect-ratio:100/133.469; background:url("../img/pic_pdfcover.jpg") center center no-repeat; background-size:cover; border-radius:10px; border:1px solid rgba(35, 31, 32, 0.15);}
.board .b_gallery.t1 li > div span {margin-top:36.6%; padding:0 20px;}
.board .b_gallery.t1 li > a {width:100%; margin-top:10px;}
.board .b_gallery.t1 li > a i {width:20px; aspect-ratio:1/1; background:url("../img/icon_download.svg") center center no-repeat; background-size:100%}
.board .b_btn {display:flex; align-items:center; justify-content:flex-end; column-gap:10px; flex-wrap:wrap}
.board .b_btn a {margin-top:70px}
.board .b_word {font-weight:800;}
.board .b_search {margin-bottom:20px}
.board .b_search form {display:flex; align-items:center; justify-content:space-between}
.board .b_search .bs_count {display:flex; align-items:center; gap:5px}
.board .b_search .bs_count i {width:24px; aspect-ratio:1/1; background:url("../img/icon_layers.svg") center center no-repeat; background-size:100%}
.board .b_search .bs_box {display:flex; align-items:center; position:relative}
.board .b_search .bs_box > div {display:flex; align-items:center; height:50px; padding-right:15px; border-radius:15px; background:var(--black-5); font-size:16px}
.board .b_search .bs_box > button {display:none}
.board .b_search .bs_box select {height:100%; padding-left:20px; margin-right:15px; border:none!important; background-position:right center;}
.board .b_search input {width:185px}
.board .b_search input[type="checkbox"] {width:auto}
.board .b_search .bs_box > label {margin-right:20px; font-size:16px; line-height:30px; cursor:pointer}
.board .b_search .bs_box > label input {margin-right:5px;}
.board .b_search .bs_btn {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:30px; aspect-ratio:1/1;}
.board .b_search .bs_btn i {width:24px; aspect-ratio:1/1; background:url("../img/icon_search.svg") center center no-repeat; background-size:100%}
.board.porduct .b_gallery > li a:after {content:""; display:block; width:36px; aspect-ratio:1/1; background:var(--brown); }
.board .b_empty {display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px; width:100%; padding-top:100px}
.board .b_empty i {width:142px; aspect-ratio:100/91.549; background:url("../img/pic_empty.png") center center no-repeat; background-size:100%}
.board .b_result {display:flex; align-items:flex-start; gap:40px}
.board .b_result .br_write {display:flex; align-items:center; justify-content:center; gap:40px; padding:50px; background:var(--black-5); border-radius:20px;}
.board .b_result .br_write fieldset {display:flex; align-items:center; justify-content:center; width:100%;}
.board .b_result .br_write .brw_box {display:flex; align-items:center; width:100%; max-width:700px; padding:10px 15px; padding-left:20px; border-radius:15px; background:var(--white)}
.board .b_result .br_write .brw_box input {width:100%}
.board .b_result .br_write .brw_box button {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:30px; aspect-ratio:1/1;}
.board .b_result .br_write .brw_box button i {width:24px; aspect-ratio:1/1; background:url("../img/icon_search.svg") center center no-repeat; background-size:100%}
.board .b_result .br_list > strong {display:block; margin-bottom:15px; padding-top:60px;}
.board .b_result .br_wrap {width:100%;}
.board .b_result .c_tab a {display:flex; align-items:center; justify-content:space-between; width:100%;}
.board .b_result .c_tab a.on::before {display:none}
.board .b_result .c_tab a.on strong {position:relative;}
.board .b_result .c_tab a.on strong::before {content:""; display:block; position:absolute; bottom:5px; left:0; width:100%; height:2px; background:var(--brown)}
.board .b_result .c_tab .ct_count {padding-left:5px; color:var(--black-60); font-size:15px; font-weight:400; line-height:25px; letter-spacing:-0.15px}
.board .b_result .c_tab .ct_count::before {display:none!important;}
.board .b_gallery.t2 + strong {margin-top:60px; border-top:1px solid var(--black-20)}
.b_catalog .bc_list {display:flex; gap:40px}
.b_catalog .bc_list li {display:flex; flex-direction:column; align-items:center; justify-content:space-between; gap:30px; width:100%; box-sizing:border-box; padding:40px; border:1px solid var(--black-20); border-radius:10px; text-align:center}
.b_catalog .bc_list li mark {display:flex; align-items:center; justify-content:center; width:60px; aspect-ratio:1/1; background:var(--brown); border-radius:100%;}
.b_catalog .bc_list li mark i {width:32px; aspect-ratio:1/1; background:url("../img/icon_book_w_t1.svg") center center no-repeat; background-size:100% auto}
.b_catalog .bc_list li:nth-child(2) mark i {background-image:url("../img/icon_books_w.svg")}
.b_catalog .bc_list li:nth-child(3) mark i {background-image:url("../img/icon_building.svg")}
.b_catalog .bc_list li > div {display:flex; flex-direction:column; align-items:center; gap:30px;}
.b_catalog .bc_list li strong {display:block; line-height:30px}
.b_catalog .bc_list li p {margin-top:10px; line-height:30px; color:var(--black-80); word-break:keep-all}
.b_catalog .bc_list li a {display:flex; align-items:center; justify-content:center; gap:5px; width:100%; transition:0.3s}
.b_catalog .bc_list li a i {width:20px; aspect-ratio:1/1; background:url("../img/icon_download_w.svg") center center no-repeat; background-size:100%}
.board .b_catalog .bc_list li {padding:30px}
.board .b_catalog .bc_banner {position:relative; height:230px; margin-top:100px; border-radius:20px; background:url("../img/bg_catalog.jpg") left center no-repeat; background-size:cover;}
.board .b_catalog .bc_banner > div {display:flex; flex-direction:column; gap:15px; position:absolute; top:40px; left:60px;}
.board .b_catalog .bc_banner .btn i {background-image:url("../img/icon_arrow_right_w_t2.svg")}




@media all and (max-width:1280px) {
    .board .b_gallery > li {width:calc((100% - 40px) / 2)}
    .board .b_gallery.t1 li {width:calc((100% - 60px) / 3)}
    .board .b_view {margin-top:130px}
    .board .b_view .bv_wrap {gap:30px}
    .board .b_view .bv_head {width:290px}
    .board .b_view .bv_head .bvh_info li {padding:15px 0}
    .board .b_view .bv_foot {margin-top:70px}
    .board .b_view .bv_foot ul li {padding:20px 5px}
    .board .b_catalog .bc_list {gap:25px;}
    .board .b_catalog .bc_list li {padding:20px;}
    .board .b_catalog .bc_banner {margin-top:60px}
    .board .b_catalog .bc_banner > div {top:30px; left:40px}
}





@media all and (max-width:1024px) {
    .board .b_view {margin-top:100px}
    .board .b_view .bv_wrap {flex-direction:column-reverse; margin-top:35px}
    .board .b_view .bv_head {width:100%}
    .board .b_view .bv_head .bvh_tit {margin-bottom:10px}
    .board .b_view .bv_head .bvh_info li {line-height:30px}
    .board .b_result {flex-direction:column; align-items:flex-start; gap:20px}
    .board .b_result .br_list > strong {padding-top:20px}
    #contents .board .b_result .c_tab a.on strong::before {bottom:1px}
    .board .b_search .bs_box {gap:10px; flex-wrap:wrap; justify-content:flex-end; width:300px;}
    .board .b_search .bs_box > div {display:none; width:100%; height:40px; padding-right:10px; border-radius:10px}
    .board .b_search.on {position:relative}
    .board .b_search.on > form {align-items:flex-start}
    .board .b_search.on .bs_box > div {display:flex; position:absolute; top:100%; right:0; z-index:1; margin-top:10px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
    .board .b_search.on .bs_count {margin-top:5px;}
    .board .b_search .bs_box > button {display:flex; width:120px;}
    .board .b_search .bs_btn i {background-size:20px}
    .board .b_search input {width:100%}
    .board .b_search .bs_box select {margin-right:5px}
    .board .b_search .bs_box .bs_filter i {background-image:url("../img/icon_filter.svg")}
    .board .b_search .bs_box .bs_filter .bsf_count {display:block; position:absolute; right:-5px; top:-7px; width:16px; aspect-ratio:1/1; border-radius:100%; background:var(--brown); color:var(--white); font-size:10px; font-weight:600; line-height:16px}
    .board .b_search .bs_box .bs_search i {background-image:url("../img/icon_search.svg")}

}





@media all and (max-width:768px) {
    .board .b_gallery {gap:30px}
    .board .b_gallery > li {width:calc((100% - 30px) / 2)}
    .board .b_gallery.t1 li > div span {font-size:18px; line-height:25px}
    .board .b_gallery .bg_text {padding:15px; padding-top:10px}
    .board .b_gallery .bg_text strong {font-size:16px;}
    .board .b_view {margin-top:85px}
    .board .b_view .bv_wrap {margin-top:25px}
    .board .b_view .bv_nav {justify-content:flex-start; flex-wrap:wrap}
    .board .b_view .bv_foot ul li a {width:100%}
    .board .b_search.on .bs_count {margin-top:6px;}
    .board .b_search .bs_count i {width:20px}
    .board .b_gallery.t2 + strong {margin-top:40px}
    .board .b_catalog .bc_list li mark {width:50px}
    .board .b_catalog .bc_list li mark i {width:26px}
    .board .b_catalog .bc_list li > div {gap:20px;}
    .b_catalog .bc_list li p {line-height:25px}
    .board .b_catalog .bc_banner {margin-top:40px; background-position:left -120px center}
}





@media all and (max-width:600px) {
    .board .b_gallery {gap:20px}
    .board .b_gallery > li {width:calc((100% - 20px) / 2)}
    .board .b_gallery.t1 li {width:calc((100% - 30px) / 2)}
    .board .b_gallery.t1 li > div span {font-size:22px; line-height:30px}
    .board .b_gallery .bg_text strong {line-height:25px}
    .board .b_view .bv_head .bvh_info li {padding:10px 0}
    .board .b_view .bv_body.t1 {flex-direction:column}
    .board .b_view .bv_body.t1 .bvb_img {display:flex; align-items:center; justify-content:center; aspect-ratio:1/1}
    .board .b_view .bv_body.t1 .bvb_thumb {flex-direction:row; justify-content:center; width:100%}
    .board .b_view .bv_body.t1 .bvb_thumb li {max-width:100px}
    .board .b_view .bv_foot ul li {padding:10px 5px}
    .board .b_btn a {margin-top:15px}
    .board .b_search form {position:relative}
    .board .b_search input {width:100%}
    .board .b_search .bs_box {width:100%;}
    .board .b_search .bs_box > button {width:90px}
    .board .b_search .bs_box > div {font-size:14px}
    .board .b_search .bs_btn i {width:20px}
    .board .b_search .bs_box select {margin-right:5px; padding-left:15px}
    .board .b_search .bs_count {position:absolute; left:0; top:5px;}
    .board .b_search.on .bs_count {margin-top:0}
    .board .b_result .br_write {padding:0; background:none;}
    .board .b_result .br_write .brw_box {background:var(--black-5)}
    .board .b_gallery.t2 + strong {margin-top:30px}
    .board .b_catalog .bc_list {flex-direction:column}
    .board .b_catalog .bc_banner {height:auto; aspect-ratio:100/85; border-radius:10px; background:url("../img/bg_catalog_m.jpg") bottom center no-repeat; background-size:cover}

}





@media all and (max-width:425px) {
    .board .b_gallery > li {width:100%;}
    .board .b_gallery.t1 {gap:20px;}
    .board .b_gallery.t1 li {width:calc((100% - 20px) / 2)}
    .board .b_gallery.t1 li > div span {padding:0 15px; font-size:18px; line-height:25px}
    .board .b_view .bv_wrap {gap:30px;}
    .board .b_view .bv_body.t1 .bvb_thumb li {max-width:70px}
    .board .b_view .bv_head .bvh_info + .btn {margin-top:20px}
    .board .b_view .bv_foot {margin-top:50px}
    .board .b_catalog .bc_banner {aspect-ratio:1/1;}
    .board .b_catalog .bc_banner > div {top:25px; left:25px; width:calc(100% - 50px)}
    .board .b_catalog .bc_banner .btn {width:130px}
    .board .b_search .bs_count {position:relative; top:0; left:0;}
    .board .b_search form {flex-direction:column; align-items:flex-start}
    .board .b_search .bs_box {margin-top:15px}
    .board .b_search .bs_box > button {width:calc(50% - 5px)}
    .board.portfolio .b_search .bs_box > button {width:100%}

    .b_catalog .bc_list li strong {font-size:18px}
}