/* total */
.bd_board_wrap .top_search .dpp_total {margin-bottom: 0 !important;}
.bd_board_wrap .top_search .dpp_total p {color: #000; font-size: 18px; font-weight: 500; letter-spacing: -1.4px;}
.bd_board_wrap .top_search .dpp_total p strong {font-weight: 700;}

/* search */
.bd_board_wrap .top_search .dpp_search_in {max-width: none;}
.bd_board_wrap .top_search .dpp_search_box {background: none; margin-bottom: 0;}
.bd_board_wrap .top_search .dpp_tbl {padding: 0; display: flex; align-items: center; gap: 30px; height: 60px;}
.bd_board_wrap .top_search .dpp_bd_search .dpp_tbl .dpp_select_box {padding-right: 0; width: 200px; height: 100%;}
.bd_board_wrap .top_search .dpp_select_box select {height: 100%; border: 0; border-bottom: 1px solid #E3E3E3; padding: 0 16px; color: #BEBEBE; font-size: 18px; font-weight: 500; background: url("/img/sub/sel_ic.svg") no-repeat center right 12px/24px; outline: none;}
.bd_board_wrap .top_search .dpp_select_box select:focus {outline: 0;}
.bd_board_wrap .top_search .dpp_inputArea {display: flex; align-items: center; gap: 10px; width: 440px; border-bottom: 1px solid #E5E5E5; height: 100%;}
.bd_board_wrap .top_search .dpp_inputArea input {height: 100%; border: 0; font-size: 18px; font-weight: 500; color: #000; padding: 0;}
.bd_board_wrap .top_search .dpp_inputArea input::placeholder {color: #aaa;}
.bd_board_wrap .top_search .dpp_inputArea button {border: 0; outline: none; background: none; height: 100%; display: flex; align-items: center; justify-content: center;}
.bd_board_wrap .top_search .dpp_inputArea button img {width: 22px;}

/* dpp_pic_chkl */
.bd_board_wrap .dpp_pic_chkl {margin-bottom: 0;}

/* dpp_page_wrap */
.bd_board_wrap input[type="checkbox"] {border-radius: 0;}
.bd_board_wrap .dpp_page_wrap {margin-top: 80px;}
.bd_board_wrap .dpp_page_wrap .pg {display: flex; align-items: center; justify-content: center;}
.bd_board_wrap .dpp_page_wrap .pg a {padding: 0 12px; margin: 0; width: auto; height: auto; line-height: 37px; font-size: 18px !important; font-weight: 400; color: #999;}
.bd_board_wrap .dpp_page_wrap .pg .pg_current {margin: 0 12px; width: 37px; height: 37px; line-height: 37px; border-radius: 100%; font-weight: 600;}
.bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_prev{background:url("/img/sub/p_prev.svg") no-repeat center/contain; width: 44px; height: 20px;}
.bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_next{background:url("/img/sub/p_next.svg") no-repeat center/contain; width: 44px; height: 20px;}
.bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_start{background:url("/img/sub/p_first.svg") no-repeat center/contain; width: 44px; height: 20px;}
.bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_end{background:url("/img/sub/p_last.svg") no-repeat center/contain; width: 44px; height: 20px;}

/* board_gallery common */
.bd_board_wrap .dpp_bd_wrap {margin-top: 50px; border: 0;}
.bd_board_wrap .dpp_bd_wrap .dpp_gal_list {padding-top: 0; /* display: grid; grid-template-columns: repeat(3,1fr); */ gap: 50px; margin: 0; display: flex; align-items: flex-start; flex-wrap: wrap;}
.bd_board_wrap .dpp_bd_wrap .dpp_gal_list > li {width: calc(100%/3 - 34px); box-shadow: 0px 6.364px 27.273px 0px rgba(100, 100, 111, 0.10); padding: 0;}
.bd_board_wrap .dpp_bd_wrap .dpp_gal_list:after {display: none;}

/* bd_gallery_style01 */
.bd_gallery_style01 .dpp_gal_list > li {height: 535px; position: relative; overflow: hidden;}
.bd_gallery_style01 .thumb {width: 100%; height: 100%; overflow: hidden;}
.bd_gallery_style01 .thumb img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.bd_gallery_style01 .info {padding: 45px; position: absolute; left: 0; bottom: -71px; transition: all .3s; background: #fff; width: 100%;}
.bd_gallery_style01 .info .title {font-size: 28px; font-weight: 700; color: #000; letter-spacing: -.45px; line-height: 1.35; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bd_gallery_style01 .info .desc {margin-top: 17px;}
.bd_gallery_style01 .info .desc li {display: flex; align-items: baseline; gap: 17px;}
.bd_gallery_style01 .info .desc li.displaynone {visibility: hidden;}
.bd_gallery_style01 .info .desc li + li {margin-top: 8px;}
.bd_gallery_style01 .info .desc li * {font-size: 18px; letter-spacing: -.6px; line-height: 1.5;}
.bd_gallery_style01 .info .desc li strong {color: #000; font-weight: 700; display: block; width: 70px;}
.bd_gallery_style01 .info .desc li span {color: #6D6D6D; font-weight: 400; word-break: keep-all; display: block; width: calc(100% - 70px - 17px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.bd_gallery_style01 .dpp_gal_list > li:hover .info {bottom: 0;}
.bd_gallery_style01 .dpp_gal_list > li:hover .info .desc li.displaynone {visibility: visible;}

/* content_modal_wrap */
#content_modal_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.60); z-index: 1000;}
#content_modal_wrap .popup_cont {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 890px; height: 780px; background: #fff; padding: 50px 30px 50px 70px;}
#content_modal_wrap .popup_cont > .cont {overflow: hidden; overflow-y: auto; padding-right: 40px; height: 100%;}
#content_modal_wrap .popup_cont > .cont::-webkit-scrollbar {width: 3px;}
#content_modal_wrap .popup_cont > .cont::-webkit-scrollbar-thumb {background: #8e8e8e;}
#content_modal_wrap .popup_cont > .cont::-webkit-scrollbar-track { background: #BEBEBE;}
#content_modal_wrap .popup_cont .close_btn {position: absolute; top: 0; right: -60px; cursor: pointer;}
#content_modal_wrap .popup_cont .close_btn img {width: 50px;}
#content_modal_wrap h2 {font-size: 40px; font-weight: 700; color: #000; letter-spacing: -.45px; line-height: 1.25; word-break: break-all;}
#content_modal_wrap .modal-info {margin-top: 30px;}
#content_modal_wrap .modal-info li {display: flex; align-items: baseline; gap: 17px;}
#content_modal_wrap .modal-info li + li {margin-top: 8px;}
#content_modal_wrap .modal-info li * {font-size: 18px; letter-spacing: -.6px; line-height: 1.5;}
#content_modal_wrap .modal-info li strong {color: #000; font-weight: 700; display: block; width: 70px;}
#content_modal_wrap .modal-info li span {color: #6D6D6D; font-weight: 400; word-break: keep-all; display: block; width: calc(100% - 70px - 17px);}
#content_modal_wrap .modal-img {margin-top: 36px; display: flex; gap: 20px; height: 440px; overflow: hidden; font-size: 18px; color: #6D6D6D; letter-spacing: -.6px;}
#content_modal_wrap .modal-img > div {height: 100%;}
#content_modal_wrap .modal-img .swiper img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#content_modal_wrap .modal-img .mySwiper2 {width: 630px;}
#content_modal_wrap .modal-img .mySwiper {width: 100px; font-size: 0;}
#content_modal_wrap .modal-img .mySwiper .swiper-slide {margin-bottom: 20px; width: 100%; height: 70px;}
#content_modal_wrap .modal-img .mySwiper .swiper-slide:last-child {margin-bottom: 0;}

#content_modal_wrap.modal_wrap .popup_cont {padding: 0; background: none; width: auto; max-width: 100%;}
#content_modal_wrap.modal_wrap .popup_cont > .cont {padding-right: 0;}
#content_modal_wrap.modal_wrap .popup_cont > .cont img {height: auto;}

/* bd_gallery_style02 */
.bd_board_wrap #dpp_ct.dpp_ct {margin: 0 auto 60px; border: 0; padding: 0;}
.bd_board_wrap #dpp_ct_ul.dpp_ct_ul {display: flex; align-items: center; justify-content: center; gap: 20px;}
.bd_board_wrap #dpp_ct_ul.dpp_ct_ul li {min-width: none; margin: 0;}
.bd_board_wrap #dpp_ct_ul.dpp_ct_ul li a {width: 200px; height: 62px; display: flex; align-items: center; justify-content: center; border-radius: 50px; border: 1px solid rgba(172, 172, 172, 0.30); font-size: 20px; font-weight: 600; color: #8E8E8E; padding: 0;}
.bd_board_wrap #dpp_ct_ul.dpp_ct_ul li a#bo_cate_on {background: #1C417D; border-color: #1C417D; color: #fff;}
.bd_gallery_style02 ul {display: grid !important; gap: 40px !important; grid-template-columns: repeat(4,1fr) !important; align-items: inherit !important;}
.bd_gallery_style02 ul li {border: 1px solid #DADADA; padding: 30px !important; box-shadow: none !important; cursor: pointer; width: 100% !important;}
.bd_gallery_style02 ul li .cate {font-size: 18px; font-weight: 700; color: #1C417D; letter-spacing: -.6px; line-height: 1.5;}
.bd_gallery_style02 ul li .title {margin-top: 5px; font-size: 28px; font-weight: 700; color: #000; letter-spacing: -.4px; line-height: 1.35;}
.bd_gallery_style02 ul li .type {margin-top: 20px; font-size: 18px; font-weight: 400; color: #6D6D6D; letter-spacing: -.6px; line-height: 1.55;}

/* bd_gallery_style03 */
.bd_gallery_style03 .dpp_gal_in .dpp_imgArea {margin-bottom: 0; padding-top: 350px;}
#dpp_pic_list .bd_gallery_style03 .dpp_gal_list .dpp_pic_hf {margin: 0; padding: 20px;}
.dpp_w_form .dpp_w_input .flex02 {display: flex; align-items: center; gap: 5px;}
.dpp_w_form .dpp_w_input .flex02 input {width: 575px;}
.dpp_w_form .dpp_w_input .flex02 .btn_frmline {padding: 0 15px; background: #000; color: #fff; font-size: 16px; height: 45px; border: 0; outline: none;}





@media screen and (max-width:1640px){
    /* total */
    .bd_board_wrap .top_search .dpp_total p {font-size: 1.10vw; letter-spacing: -0.09vw;}

    /* search */
    .bd_board_wrap .top_search .dpp_tbl {gap: 1.83vw; height: 3.66vw;}
    .bd_board_wrap .top_search .dpp_bd_search .dpp_tbl .dpp_select_box {width: 12.20vw;}
    .bd_board_wrap .top_search .dpp_select_box select {padding: 0 0.98vw; font-size: 1.10vw; background: url("/img/sub/sel_ic.svg") no-repeat center right 0.73vw/1.46vw;}
    .bd_board_wrap .top_search .dpp_inputArea {gap: 0.61vw; width: 26.83vw;}
    .bd_board_wrap .top_search .dpp_inputArea input {font-size: 1.10vw;}
    .bd_board_wrap .top_search .dpp_inputArea button img {width: 1.34vw;}

    /* dpp_page_wrap */
    .bd_board_wrap .dpp_page_wrap {margin-top: 4.88vw;}
    .bd_board_wrap .dpp_page_wrap .pg a {padding: 0 0.73vw; line-height: 2.26vw; font-size: 1.10vw !important;}
    .bd_board_wrap .dpp_page_wrap .pg .pg_current {margin: 0 0.73vw; width: 2.26vw; height: 2.26vw; line-height: 2.26vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_prev{width: 2.68vw; height: 1.22vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_next{width: 2.68vw; height: 1.22vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_start{width: 2.68vw; height: 1.22vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_end{width: 2.68vw; height: 1.22vw;}

    /* board_gallery common */
    .bd_board_wrap .dpp_bd_wrap {margin-top: 3.23vw;}
    .bd_board_wrap .dpp_bd_wrap .dpp_gal_list {gap: 3.05vw;}
    .bd_board_wrap .dpp_bd_wrap .dpp_gal_list > li {width: calc(100%/3 - 2.07vw); box-shadow: 0.00vw 0.39vw 1.66vw 0.00vw rgba(100, 100, 111, 0.10);}

    /* bd_gallery_style01 */
    .bd_gallery_style01 .dpp_gal_list > li {height: 32.62vw;}
    .bd_gallery_style01 .info {padding: 2.74vw; bottom: -4.33vw;}
    .bd_gallery_style01 .info .title {font-size: 1.71vw; letter-spacing: -0.03vw;}
    .bd_gallery_style01 .info .desc {margin-top: 1.04vw;}
    .bd_gallery_style01 .info .desc li,
    #content_modal_wrap .modal-info li {gap: 1.04vw;}
    .bd_gallery_style01 .info .desc li + li,
    #content_modal_wrap .modal-info li + li {margin-top: 0.49vw;}
    .bd_gallery_style01 .info .desc li *,
    #content_modal_wrap .modal-info li * {font-size: 1.10vw; letter-spacing: -0.04vw;}
    .bd_gallery_style01 .info .desc li strong,
    #content_modal_wrap .modal-info li strong {width: 4.27vw;}
    .bd_gallery_style01 .info .desc li span,
    #content_modal_wrap .modal-info li span {width: calc(100% - 4.27vw - 1.04vw);}

    /* content_modal_wrap */
    #content_modal_wrap .popup_cont {width: 54.27vw; height: 47.50vw; padding: 3.05vw 2vw 3.05vw 4.27vw;}
    #content_modal_wrap .popup_cont > .cont {padding-right: 2.27vw;}
    #content_modal_wrap .popup_cont .close_btn {right: -3.66vw;}
    #content_modal_wrap .popup_cont .close_btn img {width: 3.05vw;}
    #content_modal_wrap h2 {font-size: 2.44vw; letter-spacing: -0.03vw;}
    #content_modal_wrap .modal-info {margin-top: 1.83vw;}
    #content_modal_wrap .modal-img {margin-top: 2.20vw; gap: 1.22vw; height: 26.83vw; font-size: 1.10vw; letter-spacing: -0.04vw;}
    #content_modal_wrap .modal-img .mySwiper2 {width: 38.41vw;}
    #content_modal_wrap .modal-img .mySwiper {width: 6.10vw;}
    #content_modal_wrap .modal-img .mySwiper .swiper-slide {margin-bottom: 1.22vw; height: 4.27vw;}

    /* bd_gallery_style02 */
    .bd_board_wrap #dpp_ct.dpp_ct {margin: 0 auto 3.66vw;}
    .bd_board_wrap #dpp_ct_ul.dpp_ct_ul { gap: 1.22vw;}
    .bd_board_wrap #dpp_ct_ul.dpp_ct_ul li a {width: 12.20vw; height: 3.78vw; border-radius: 3.05vw; font-size: 1.22vw;}
    .bd_gallery_style02 ul { gap: 2.44vw !important;}
    .bd_gallery_style02 ul li {padding: 1.83vw !important;}
    .bd_gallery_style02 ul li .cate {font-size: 1.10vw; letter-spacing: -0.04vw;}
    .bd_gallery_style02 ul li .title {margin-top: 0.30vw; font-size: 1.71vw; letter-spacing: -0.02vw;}
    .bd_gallery_style02 ul li .type {margin-top: 1.22vw; font-size: 1.10vw; letter-spacing: -0.04vw;}

    /* bd_gallery_style03 */
    .bd_gallery_style03 .dpp_gal_in .dpp_imgArea {padding-top: 21.34vw;}
    #dpp_pic_list .bd_gallery_style03 .dpp_gal_list .dpp_pic_hf {padding: 1.22vw;}
}
@media screen and (max-width:1280px){
    /* total */
    .bd_board_wrap .top_search .dpp_total p {font-size: 1.09vw; letter-spacing: -0.08vw;}

    /* search */
    .bd_board_wrap .top_search .dpp_tbl {gap: 1.80vw; height: 3.67vw;}
    .bd_board_wrap .top_search .dpp_bd_search .dpp_tbl .dpp_select_box {width: 12.19vw;}
    .bd_board_wrap .top_search .dpp_select_box select {padding: 0 1.02vw; font-size: 1.09vw; background: url("/img/sub/sel_ic.svg") no-repeat center right 0.70vw/1.48vw;}
    .bd_board_wrap .top_search .dpp_inputArea {gap: 0.63vw; width: 26.80vw;}
    .bd_board_wrap .top_search .dpp_inputArea input {font-size: 1.09vw;}
    .bd_board_wrap .top_search .dpp_inputArea button img {width: 1.33vw;}

    /* dpp_page_wrap */
    .bd_board_wrap .dpp_page_wrap {margin-top: 4.84vw;}
    .bd_board_wrap .dpp_page_wrap .pg a {padding: 0 0.70vw; line-height: 2.27vw; font-size: 1.09vw !important;}
    .bd_board_wrap .dpp_page_wrap .pg .pg_current {margin: 0 0.70vw; width: 2.27vw; height: 2.27vw; line-height: 2.27vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_prev{width: 2.66vw; height: 1.25vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_next{width: 2.66vw; height: 1.25vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_start{width: 2.66vw; height: 1.25vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_end{width: 2.66vw; height: 1.25vw;}

    /* board_gallery common */
    .bd_board_wrap .dpp_bd_wrap {margin-top: 3.20vw;}
    .bd_board_wrap .dpp_bd_wrap .dpp_gal_list {gap: 3.05vw;}
    .bd_board_wrap .dpp_bd_wrap .dpp_gal_list > li {width: calc(100%/3 - 2.04vw); box-shadow: 0.00vw 0.39vw 1.64vw 0.00vw rgba(100, 100, 111, 0.10);}

    /* bd_gallery_style01 */
    .bd_gallery_style01 .dpp_gal_list > li {height: 32.66vw;}
    .bd_gallery_style01 .info {padding: 2.73vw; bottom: -4.30vw;}
    .bd_gallery_style01 .info .title {font-size: 1.72vw; letter-spacing: -0.00vw;}
    .bd_gallery_style01 .info .desc {margin-top: 1.02vw;}
    .bd_gallery_style01 .info .desc li,
    #content_modal_wrap .modal-info li {gap: 1.02vw;}
    .bd_gallery_style01 .info .desc li + li,
    #content_modal_wrap .modal-info li + li {margin-top: 0.47vw;}
    .bd_gallery_style01 .info .desc li *,
    #content_modal_wrap .modal-info li * {font-size: 1.09vw; letter-spacing: -0.08vw;}
    .bd_gallery_style01 .info .desc li strong,
    #content_modal_wrap .modal-info li strong {width: 4.30vw;}
    .bd_gallery_style01 .info .desc li span,
    #content_modal_wrap .modal-info li span {width: calc(100% - 4.30vw - 1.02vw);}

    /* content_modal_wrap */
    #content_modal_wrap .popup_cont {width: 54.30vw; height: 47.50vw; padding: 3.05vw 4vw 3.05vw 4.30vw;}
    #content_modal_wrap .popup_cont > .cont {padding-right: 2.30vw;}
    #content_modal_wrap .popup_cont .close_btn {right: -3.67vw;}
    #content_modal_wrap .popup_cont .close_btn img {width: 3.05vw;}
    #content_modal_wrap h2 {font-size: 2.42vw; letter-spacing: -0.00vw;}
    #content_modal_wrap .modal-info {margin-top: 1.80vw;}
    #content_modal_wrap .modal-img {margin-top: 2.19vw; gap: 1.25vw; height: 26.80vw; font-size: 1.09vw; letter-spacing: -0.08vw;}
    #content_modal_wrap .modal-img .mySwiper2 {width: 38.44vw;}
    #content_modal_wrap .modal-img .mySwiper {width: 6.09vw;}
    #content_modal_wrap .modal-img .mySwiper .swiper-slide {margin-bottom: 1.25vw; height: 4.30vw;}

    #content_modal_wrap.modal_wrap .popup_cont > .cont {width: 60vw;}

    /* bd_gallery_style02 */
    .bd_board_wrap #dpp_ct.dpp_ct {margin: 0 auto 3.67vw;}
    .bd_board_wrap #dpp_ct_ul.dpp_ct_ul { gap: 1.25vw;}
    .bd_board_wrap #dpp_ct_ul.dpp_ct_ul li a {width: 12.19vw; height: 3.75vw; border-radius: 3.05vw; font-size: 1.25vw;}
    .bd_gallery_style02 ul { gap: 2.42vw !important;}
    .bd_gallery_style02 ul li {padding: 1.80vw !important;}
    .bd_gallery_style02 ul li .cate {font-size: 1.09vw; letter-spacing: -0.08vw;}
    .bd_gallery_style02 ul li .title {margin-top: 0.31vw; font-size: 1.72vw; letter-spacing: -0.00vw;}
    .bd_gallery_style02 ul li .type {margin-top: 1.25vw; font-size: 1.09vw; letter-spacing: -0.08vw;}

    /* bd_gallery_style03 */
    .bd_gallery_style03 .dpp_gal_in .dpp_imgArea {padding-top: 21.33vw;}
    #dpp_pic_list .bd_gallery_style03 .dpp_gal_list .dpp_pic_hf {padding: 1.25vw;}
}
@media screen and (max-width:1100px){
    /* bd_gallery_style03 */
    .dpp_w_form .dpp_w_input .flex02 {gap: 5px;}
    .dpp_w_form .dpp_w_input .flex02 input {width: 576px;}
    .dpp_w_form .dpp_w_input .flex02 .btn_frmline {padding: 0 15px; font-size: 16px; height: 45px; min-width: max-content;}
}
@media screen and (max-width:1024px){
    /* total */
    .bd_board_wrap .top_search .dpp_total p {font-size: 1.37vw; letter-spacing: -0.10vw;}

    /* search */
    .bd_board_wrap .top_search .dpp_tbl {gap: 2.25vw; height: 4.69vw;}
    .bd_board_wrap .top_search .dpp_bd_search .dpp_tbl .dpp_select_box {width: 15.43vw;}
    .bd_board_wrap .top_search .dpp_select_box select {padding: 0 1.27vw; font-size: 1.37vw; background: url("/img/sub/sel_ic.svg") no-repeat center right 0.88vw/1.86vw;}
    .bd_board_wrap .top_search .dpp_inputArea {gap: 0.78vw; width: 33.98vw;}
    .bd_board_wrap .top_search .dpp_inputArea input {font-size: 1.37vw;}
    .bd_board_wrap .top_search .dpp_inputArea button img {width: 1.66vw;}

    /* dpp_page_wrap */
    .bd_board_wrap .dpp_page_wrap {margin-top: 6.15vw;}
    .bd_board_wrap .dpp_page_wrap .pg a {padding: 0 0.88vw; line-height: 2.93vw; font-size: 1.37vw !important;}
    .bd_board_wrap .dpp_page_wrap .pg .pg_current {margin: 0 0.88vw; width: 2.93vw; height: 2.93vw; line-height: 2.93vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_prev{width: 3.42vw; height: 1.56vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_next{width: 3.42vw; height: 1.56vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_start{width: 3.42vw; height: 1.56vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_end{width: 3.42vw; height: 1.56vw;}

    /* board_gallery common */
    .bd_board_wrap .dpp_bd_wrap {margin-top: 4.39vw;}
    .bd_board_wrap .dpp_bd_wrap .dpp_gal_list {gap: 2.93vw; grid-template-columns: repeat(2,1fr);}
    .bd_board_wrap .dpp_bd_wrap .dpp_gal_list > li {width: calc(100%/3 - 2.05vw); box-shadow: 0.00vw 0.49vw 2.05vw 0.00vw rgba(100, 100, 111, 0.10);}

    /* bd_gallery_style01 */
    .bd_gallery_style01 .dpp_gal_list > li {height: 41.50vw;}
    .bd_gallery_style01 .info {padding: 3.42vw; bottom: -3.30vw;}
    .bd_gallery_style01 .info .title {font-size: 2.15vw; letter-spacing: -0.00vw;}
    .bd_gallery_style01 .info .desc {margin-top: 1.27vw;}
    .bd_gallery_style01 .info .desc li,
    #content_modal_wrap .modal-info li {gap: 1.27vw;}
    .bd_gallery_style01 .info .desc li + li,
    #content_modal_wrap .modal-info li + li {margin-top: 0.59vw;}
    .bd_gallery_style01 .info .desc li *,
    #content_modal_wrap .modal-info li * {font-size: 1.37vw; letter-spacing: -0.10vw;}
    .bd_gallery_style01 .info .desc li strong,
    #content_modal_wrap .modal-info li strong {width: 5.47vw;}
    .bd_gallery_style01 .info .desc li span,
    #content_modal_wrap .modal-info li span {width: calc(100% - 5.47vw - 1.27vw);}

    /* content_modal_wrap */
    #content_modal_wrap .popup_cont {width: 73.95vw; height: 65.35vw; padding: 3.91vw 2.27vw 3.91vw 5.47vw;}
    #content_modal_wrap .popup_cont > .cont {padding-right: 2.2vw;}
    #content_modal_wrap .popup_cont .close_btn {right: -4.69vw;}
    #content_modal_wrap .popup_cont .close_btn img {width: 3.91vw;}
    #content_modal_wrap h2 {font-size: 3.03vw; letter-spacing: -0.00vw;}
    #content_modal_wrap .modal-info {margin-top: 2.25vw;}
    #content_modal_wrap .modal-img {margin-top: 2.73vw; gap: 1.56vw; height: 38.98vw; font-size: 1.37vw; letter-spacing: -0.10vw;}
    #content_modal_wrap .modal-img .mySwiper2 {width: 53.83vw;}
    #content_modal_wrap .modal-img .mySwiper {width: 12.71vw;}
    #content_modal_wrap .modal-img .mySwiper .swiper-slide {margin-bottom: 1.56vw; height: 8.47vw;}

    /* bd_gallery_style02 */
    .bd_board_wrap #dpp_ct.dpp_ct {margin: 0 auto 4.30vw;}
    .bd_board_wrap #dpp_ct_ul.dpp_ct_ul { gap: 1.46vw;}
    .bd_board_wrap #dpp_ct_ul.dpp_ct_ul li a {width: 14.26vw; height: 4.39vw; border-radius: 3.61vw; font-size: 1.46vw;}
    .bd_gallery_style02 ul { gap: 2.83vw !important; grid-template-columns: repeat(3,1fr) !important;}
    .bd_gallery_style02 ul li {padding: 2.15vw !important;}
    .bd_gallery_style02 ul li .cate {font-size: 1.27vw; letter-spacing: -0.10vw;}
    .bd_gallery_style02 ul li .title {margin-top: 0.39vw; font-size: 2.05vw; letter-spacing: -0.00vw;}
    .bd_gallery_style02 ul li .type {margin-top: 1.46vw; font-size: 1.27vw; letter-spacing: -0.10vw;}

    /* bd_gallery_style03 */
    .bd_gallery_style03 .dpp_gal_in .dpp_imgArea {padding-top: 21.29vw;}
    #dpp_pic_list .bd_gallery_style03 .dpp_gal_list .dpp_pic_hf {padding: 1.27vw;}
}
@media screen and (max-width:922px){
    /* bd_gallery_style03 */
    .dpp_w_form .dpp_w_input .flex02 {gap: 5px;}
    .dpp_w_form .dpp_w_input .flex02 input {width: calc(100% - 95px);}
    .dpp_w_form .dpp_w_input .flex02 .btn_frmline {padding: 0 15px; font-size: 16px; height: 45px; min-width: max-content;}
}
@media screen and (max-width:768px){
    /* total */
    .bd_board_wrap .top_search {flex-direction: column-reverse; align-items: flex-start; gap: 10.42vw;}
    .bd_board_wrap .top_search .dpp_total p {font-size: 3.39vw; letter-spacing: -0.11vw;}

    /* search */
    .bd_board_wrap .top_search .dpp_tbl {gap: 3.91vw; height: auto; flex-direction: column; align-items: flex-start; width: 100%;}
    .bd_board_wrap .top_search form,
    .bd_board_wrap .top_search .dpp_search_box,
    .bd_board_wrap .top_search .dpp_search_in {width: 100%;}
    .bd_board_wrap .top_search .dpp_bd_search .dpp_tbl .dpp_select_box {width: 100%;}
    .bd_board_wrap .top_search .dpp_select_box select {padding: 0; font-size: 3.39vw; background: url("/img/sub/sel_ic.svg") no-repeat center right 3.52vw/6.12vw; height: 9.11vw; width: 100%;}
    .bd_board_wrap .top_search .dpp_inputArea {gap: 1.95vw; height: 9.11vw; width: 100%;}
    .bd_board_wrap .top_search .dpp_inputArea input {font-size: 3.39vw;}
    .bd_board_wrap .top_search .dpp_inputArea button {padding-right: 4.17vw;}
    .bd_board_wrap .top_search .dpp_inputArea button img {width: 3.91vw;}

    /* dpp_page_wrap */
    .bd_board_wrap .dpp_page_wrap {margin-top: 10.42vw; margin-bottom: 0;}
    .bd_board_wrap .dpp_page_wrap .pg a {padding: 0 2.21vw; line-height: 7.29vw; font-size: 3.39vw !important;}
    .bd_board_wrap .dpp_page_wrap .pg .pg_current {margin: 0 2.21vw; width: 7.29vw; height: 7.29vw; line-height: 7.29vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_prev{width: 8.46vw; height: 3.91vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_next{width: 8.46vw; height: 3.91vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_start{width: 8.46vw; height: 3.91vw;}
    .bd_board_wrap .dpp_page_wrap .pg a.pg_page.pg_end{width: 8.46vw; height: 3.91vw;}

    /* board_gallery common */
    .bd_board_wrap .dpp_bd_wrap {margin-top: 4.56vw;}
    .bd_board_wrap .dpp_bd_wrap .dpp_gal_list {gap: 5.21vw;}
    .bd_board_wrap .dpp_bd_wrap .dpp_gal_list > li {width: 100%; box-shadow: 0.00vw 1.17vw 5.08vw 0.00vw rgba(100, 100, 111, 0.10);}

    /* bd_gallery_style01 */
    .bd_gallery_style01 .dpp_gal_list > li {height: auto;}
    .bd_gallery_style01 .thumb {height: 58.59vw;}
    .bd_gallery_style01 .info {padding: 7.03vw; bottom: auto; left: auto; position: relative;}
    .bd_gallery_style01 .info .title {font-size: 4.56vw; letter-spacing: -0.07vw;}
    .bd_gallery_style01 .info .desc {margin-top: 3.91vw;}
    .bd_gallery_style01 .info .desc li,
    #content_modal_wrap .modal-info li {gap: 1.95vw;}
    .bd_gallery_style01 .info .desc li + li,
    #content_modal_wrap .modal-info li + li {margin-top: 1.30vw;}
    .bd_gallery_style01 .info .desc li *,
    #content_modal_wrap .modal-info li * {font-size: 3.39vw; letter-spacing: -0.11vw;}
    .bd_gallery_style01 .info .desc li strong,
    #content_modal_wrap .modal-info li strong {width: 13.02vw;}
    .bd_gallery_style01 .info .desc li span,
    #content_modal_wrap .modal-info li span {width: calc(100% - 13.54vw - 3.13vw);}
    .bd_gallery_style01 .info .desc li.displaynone {visibility: visible;}
    .bd_gallery_style01 .dpp_gal_list > li:hover .info {bottom: auto;}
    /* content_modal_wrap */
    #content_modal_wrap .popup_cont {width: calc(100% - 10.42vw); height: 73%; padding: 10.16vw 3vw 7.16vw 7.16vw; overflow: hidden; overflow-y: auto;}
    #content_modal_wrap .popup_cont > .cont {padding-right: 4.16vw;}
    #content_modal_wrap .popup_cont .close_btn {right: 2vw; top: 2vw;}
    #content_modal_wrap .popup_cont .close_btn img {width: 7.21vw; }
    #content_modal_wrap .popup_cont .close_btn.filter img {filter: invert(1);}
    #content_modal_wrap h2 {font-size: 6.25vw; letter-spacing: -0.26vw;}
    #content_modal_wrap .modal-info {margin-top: 5.21vw;}
    #content_modal_wrap .modal-img {margin-top: 5.21vw; gap: 4.56vw; height: auto; flex-direction: column; font-size: 3.39vw; letter-spacing: -0.11vw;}
    #content_modal_wrap .modal-img .mySwiper2 {width: 100%; height: 51.43vw;}
    #content_modal_wrap .modal-img .mySwiper {width: 100%;}
    #content_modal_wrap .modal-img .mySwiper .swiper-slide {margin-bottom: 0; height: 14.32vw; width: 20.31vw; margin-right: 2.60vw;}
    #content_modal_wrap .modal-img .mySwiper .swiper-slide:last-child {margin-right: 0;}
    
    #content_modal_wrap.modal_wrap .popup_cont {width: calc(100% - 10.42vw); overflow: revert;}
    #content_modal_wrap.modal_wrap .popup_cont > .cont {padding-top: 10vw; width: 100%; overflow: hidden; overflow-y: scroll;}
    #content_modal_wrap.modal_wrap .popup_cont .close_btn {right: 0;}

    /* bd_gallery_style02 */
    .bd_board_wrap #dpp_ct.dpp_ct {margin: 0 auto 10.42vw; white-space: nowrap; overflow: hidden; overflow-x: scroll;}
    .bd_board_wrap #dpp_ct_ul.dpp_ct_ul {gap: 3.26vw; width: max-content;}
    .bd_board_wrap #dpp_ct_ul.dpp_ct_ul li a {width: auto; height: 10.81vw; border-radius: 26.04vw; font-size: 3.39vw; padding: 0 5.21vw; min-width: 22.14vw;}
    .bd_gallery_style02 ul { gap: 1.56vw !important; grid-template-columns: repeat(2,1fr) !important;}
    .bd_gallery_style02 ul li {padding: 5.21vw !important;}
    .bd_gallery_style02 ul li .cate {font-size: 3.13vw; letter-spacing: -0.07vw;}
    .bd_gallery_style02 ul li .title {margin-top: 0.91vw; font-size: 3.65vw; letter-spacing: -0.07vw;}
    .bd_gallery_style02 ul li .type {margin-top: 3.91vw; font-size: 3.39vw; letter-spacing: -0.11vw;}

    /* bd_gallery_style03 */
    .bd_gallery_style03 .dpp_gal_in .dpp_imgArea {padding-top: 58.59vw;}
    #dpp_pic_list .bd_gallery_style03 .dpp_gal_list .dpp_pic_hf {padding: 2.60vw;}
}
@media screen and (max-width:640px){
    /* bd_gallery_style03 */
    .dpp_w_form .dpp_w_input .flex02 {gap: 5px;}
    .dpp_w_form .dpp_w_input .flex02 input {width: calc(100% - 77px);}
    .dpp_w_form .dpp_w_input .flex02 .btn_frmline {padding: 0 12px; font-size: 13px; height: 35px; min-width: max-content;}
}