@charset "utf-8";


/* **************************************** *
 * BOARD set
 * **************************************** */
#bo_btn_top {display: flex; align-items: center;}
#bo_list_total span {text-transform: uppercase; color: var(--b-02);}
#bo_list_total b {margin-right: 2rem; font-family: var(--lang-ko); color: var(--b-01); font-weight: 700;}
.board-page .btn_bo_user {float: none; margin-left: auto; display: inline-flex; align-items: center; gap: 0 5rem;}
 .btn_bo_user > li {float: none; width: 40rem; padding: 2rem 0; margin-left: 0; border-radius: 3rem; border: 1px solid var(--bd-01);}
.btn_bo_user > li a {padding: 0 !important;}

#gall_allchk {margin-bottom: 10rem;}

/* list */
.bo_list_tb {margin-top: 20rem; border-top: 2px solid var(--b-01);}
.tbl_wrap caption {display: none;}

.bo_fx {margin-bottom: 0; margin-top: 15rem;}

.board-page .pg_wrap {float: none; position: relative; display: flex; justify-content: center; width: 100%;}
.board-page .pg_wrap  * {font-family: var(--lang-ko); }
.board-page .pg_page {position: relative; min-width: 34rem; height: 34rem; line-height: 34rem; font-weight: 600; color: #bbb; background: none; border: none; border-radius: 100%;}
.board-page .pg_start::after {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: url(../img/common/arrow-basic.svg) no-repeat center / 8rem; transform: scaleX(-1);}
.board-page .pg_end::after {position: absolute; left:0; top:0; content:''; width: 100%; height: 100%; background: url(../img/common/arrow-basic.svg) no-repeat center / 8rem;}
.board-page .pg_current {min-width: 34rem; height: 34rem; line-height: 34rem;border-radius: 100%; background: var(--b-01); border: none;}

.board-page #bo_list .bo_tit .new_icon,
.board-page #bo_gall .bo_tit .new_icon {width: 20rem; height: 20rem; line-height: 20rem; margin-left: 8rem; font-size: 11rem; font-weight: 600; color: var(--white); background: rgb(238, 0, 0); border-radius: 100%;}

#bo_gall #gall_ul {display: grid; gap: 62rem 42rem; margin: 0 auto !important;}
#bo_gall #gall_ul:has(.col-gn-3) {grid-template-columns: repeat(3, 1fr);}
#bo_gall #gall_ul:has(.col-gn-4) {grid-template-columns: repeat(4, 1fr);}
#bo_gall #gall_ul .gall_li {width: auto; padding: 0 !important;}
.gall_img {overflow: hidden; position: relative; border-radius: var(--br-20);}
.gall_img:has(.no_image) {font-size: 0; background:#f4f4f4;}
#bo_gall .gall_img span {background: none;}
.gall_img:has(.no_image)::after{filter: grayscale(1); -webkit-filter: grayscale(1); opacity: .2; position: absolute; left:50%; top: 50%; content:''; width: 200rem; height: 52rem; background: url(../img/layout/logo.svg) no-repeat center / contain; transform: translate(-50%, -50%);}
#bo_gall .gall_box {margin: 0 auto !important; border-radius: none !important;}


/* view */
#bo_v_top {margin-top: 25rem; text-align: right;}
#bo_v_info .if_date {text-align: center; margin-top: 8rem;}
#bo_v_con {margin: 30rem 0;}
.bo_v_nb li .nb_tit {display: inline-flex; align-items: center; padding-right: 30rem; font-size: 15rem;}
.bo_v_nb li {display: flex; align-items: center; padding: 20rem;}
.bo_v_nb li i {margin-right: 15rem; margin-top: -1px; font-size: 12rem;}
.bo_v_nb li .nb_date {margin-left: auto; font-size: 14rem; color:#aaa;}
#bo_v_title .bo_v_tit {text-align: center; margin-top: 0;}

.board-page #bo_v_link li,
.board-page #bo_v_file li {display: flex; align-items: center; padding:15rem 18rem; box-shadow: none; border: 1px solid #e1e1e1;}
.board-page #bo_v_link li i,
.board-page #bo_v_file li i {margin-right: 18rem; font-size: 18rem; color: var(--b-02);}
.board-page #bo_v_link a strong {display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; font-size: 14rem; font-weight: 400;}
.board-page #bo_v_file .bo_v_file_cnt {display: block;}

#bo_v_link li:hover i, #bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active, #bo_v_file li:hover i, #bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active, #bo_v_file li:hover .bo_v_file_cnt {color: var(--point-color);}
#bo_v_file a {display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis;}
#bo_v_file a strong {font-weight: 400;}

/* button */
a.btn, .btn {height: auto !important; font-size: 17rem !important;}
a.btn_cancel,
#bo_w .btn_cancel {padding:12rem 20rem; line-height: normal; font-size: 18rem; background: #ccc;}
a.btn_submit,
.bo_vc_w .btn_submit,
#bo_w .btn_submit {height: auto; padding:12rem 20rem; line-height: normal; font-size: 18rem; background: var(--b-01);}
.btn_confirm {display: flex; align-items: center;justify-content: center; gap: 0 5rem; margin-top: 60rem !important;}
.bo_vc_w .btn_submit:hover {background: var(--point-color);}
.btn_list {min-width: 100rem; padding:11rem 20rem; font-size: 18rem; text-align: center; border: 1px solid var(--b-01); border-radius: 3px;}

.board-page  #bo_v_top .btn_bo_user {display: inline-flex; align-items: center; gap: 0 5rem;}
.bo_v_com > li {float: none; width: 40rem; padding: 2rem 0; margin-left: 0; border-radius: 3rem; border: 1px solid var(--bd-01);}
.bo_v_com > li .btn {padding: 0 !important;}


@media all and (max-width:1023px){
    #bo_gall #gall_ul {gap: 60rem 24rem;}
	#bo_gall .gall_img {max-height: none; height: 220rem !important;}
    .gall_img:has(.no_image)::after {width: 165rem; height: 40rem;}
}
@media (max-width:860px){
    #bo_gall #gall_ul:has(.col-gn-3) {grid-template-columns: repeat(2, 1fr);}
    #bo_gall .gall_img {height: 260rem !important;}
}
@media (max-width: 540px){
    #bo_gall #gall_ul {gap:20rem;}
    #bo_gall #gall_ul:has(.col-gn-3) {grid-template-columns: repeat(1, 1fr);}
    #bo_gall .gall_img {height: 260rem !important;}

    #bo_v_info .if_date {font-size: 13rem;}
    
    .bo_v_nb li {padding: 15rem 10rem;}
    .bo_v_nb li i {font-size: 8rem; margin-right: 10rem;}
    .bo_v_nb li .nb_tit {padding-right: 15rem; font-size: 13rem;}
    .bo_v_nb li a {font-size: 13rem;}
    .bo_v_nb li .nb_date {font-size: 12rem;}

    .board-page #bo_list .bo_tit .new_icon, .board-page #bo_gall .bo_tit .new_icon {width: 16rem; height: 16rem; margin-left: 5rem; line-height: 16rem; font-size: 9rem;}
    .board-page #bo_v_link li, .board-page #bo_v_file li {padding: 15rem;}
    .board-page #bo_v_link li i, .board-page #bo_v_file li i {font-size: 14rem; margin-right: 12rem;}
    #bo_v_file a strong,
    .board-page #bo_v_link a strong {font-size: 13rem;}

    .btn_list {min-width: 90rem; font-size: 15rem !important;}
    a.btn_cancel, #bo_w .btn_cancel {font-size: 15rem !important;}
    a.btn_submit, .bo_vc_w .btn_submit, #bo_w .btn_submit{font-size: 15rem !important;}

    .btn_confirm {margin-top: 40rem !important;}

    #bo_list_total {font-size: 13rem !important;}
}