@charset "utf-8";

/*보드공통*/
#container_wr{width: 100%;}
#container h2{display: none;}
#container .subpage_top_title{padding: 0 calc((100% - 1512px) / 2) 0; line-height: 1; height: calc(100vh - 240px); position: relative; opacity: 0; animation: fadeUp .7s ease-out forwards;}
#container .subpage_top_title .title1{color: #3AB6F3; font-size: 22px; font-weight: 700; margin-bottom: 28px;}
#container .subpage_top_title .title2{font-size: 80px; font-weight: 800; margin-bottom: 28px;}
#container .subpage_top_title .title3{font-size: 18px;}

#bo_gall,#bo_list{max-width: 1512px; margin: 160px auto 0;}
.bo_list_title{font-weight: 700; font-size: 52px; line-height: 1; margin-bottom: 40px;}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/*서치*/
fieldset.bo_sch{position: unset; margin: 0 0 80px; width: 100%; border-radius: 0; box-shadow: unset; background: #f7f7f7; border: 0;}
fieldset.bo_sch h3{display: none;}
fieldset.bo_sch form{padding: 40px 0 40px;}
fieldset.bo_sch .sch_bar{border: 0; margin: 0; border-radius: 0; box-shadow: unset; display: flex; align-items: center; justify-content: center;}
fieldset.bo_sch .sch_bar::before{font-size: 18px; font-weight: 700; line-height: 60px; display: inline-block; margin-right: 24px;}
fieldset.bo_sch .sch_input[type="text"]{border: 1px solid #ddd !important; box-shadow: none !important; width: 50%; background: white; height: 60px; padding: 0 24px 0; margin-right: 8px;}
fieldset.bo_sch .sch_btn,fieldset.bo_sch a.sch_detail{width: 120px;text-align: center; color: white; font-weight: 700; font-size: 18px; padding-left: calc(18px + 8px); background: url(../../../../img/icon_search.png) no-repeat left 31px center black; line-height: 60px; height: 60px;}
fieldset.bo_sch a.sch_detail{padding: 0; background:#888;margin-left: 8px;}
fieldset.bo_sch .sch_btn::after{content: '검색';}
fieldset.bo_sch .sch_btn i.fa{display: none;}
fieldset.bo_sch .bo_sch_cls{display: none;}

/*리스트*/
div#bo_btn_top{margin: 0; line-height: 1; margin-bottom: 24px;}
div#bo_btn_top #bo_list_total{line-height: 1; font-size: 18px; color: black;}
div#bo_btn_top #bo_list_total span span{font-weight: normal; color: #3AB6F3;}
div#bo_btn_top .btn_bo_user:has(.fa-search){display: none;}
.btn_bo_user a.btn_admin{display: none;}
.btn_bo_user{display: flex; justify-content: flex-end;}
.btn_bo_user li{width: unset !important;}
.btn_bo_user a.btn_b01{width: 120px; background: #3AB6F3; color: white; text-align: center; font-size: 18px; font-weight: 700; height: 60px; line-height: 60px;}
.btn_bo_user a.btn_b01::before{content: '글쓰기';}
.btn_bo_user a.btn_b01 i.fa{display: none;}
#bo_gall #gall_ul{margin: 0;}
#bo_list .tbl_head01{margin-bottom: 0; margin-bottom: 40px;}
#bo_list .tbl_head01 table{border-top: 2px solid black;}
#bo_list .tbl_head01 table tr th{background: #f7f7f7; font-weight: bold;}
#bo_list tbody tr,#bo_list tbody tr:hover{border-left: 0;}
#bo_list .tbl_head01 table tr th,#bo_list .tbl_head01 table tr td{border-bottom: 1px solid #ddd; line-height: 1; padding: 16px 12px 16px;}
#bo_list .tbl_head01 table tr:last-child td{border-bottom: 1px solid black;}
#bo_list .tbl_head01 table tr th.all_chk{width: 60px;}
ul.btn_bo_super{float: right;}
ul.btn_bo_super button{border-radius: 0; background: #333; color: white; padding: 4px 8px 4px; border: 0; margin-top: -16px;}
.sch_word{background: #3AB6F3;}

/*글쓰기*/
#container_wr h2{display: block; font-size: 0;} /*각 보드 스타일에서 비포로 제목등록*/
#container_wr h2 span{display: none;} /*각 보드 스타일에서 비포로 제목등록*/
#container_wr h2::before{font-size: 32px;}
#bo_w .bo_w_tit #btn_autosave,.cke_sc{display: none;}
#bo_w .bo_w_select select,#bo_w .bo_w_tit .frm_input,#bo_w .bo_w_link .frm_input,#bo_w .write_div input[type="text"]{border-radius: 0; border: 1px solid #ddd !important; height: 50px; box-shadow: none !important; padding: 0 24px 0; font-size: 18px;}
#bo_w .bo_w_select select{width: 30%;}
#bo_w .bo_w_flie .file_wr{border-radius: 0; border: 1px solid #ddd; height: 60px;display: flex;align-items: center;}
#bo_w .bo_w_flie .lb_icon{top: 10px; left: 10px;}
#bo_w .bo_w_flie .frm_file{margin-top: 0;}
#bo_w .btn_cancel,#bo_w .btn_submit{width: 120px; background: #888; color: white; text-align: center; font-size: 18px; font-weight: 700; height: 50px; line-height: 50px; border-radius: 0;}
#bo_w .btn_submit{background: #3AB6F3; width: 160px;}
body:has(#bo_w) #hd{margin-bottom: 100px;}
body:has(#bo_w) #container_wr{margin-top: 100px;}
#container:has(#bo_w){width: 1512px; margin: 0 auto 0;}
#bo_w .write_div:has(button[type="submit"]){margin: 40px 0 0;}
#bo_w .chk_box input#notice{display:none;}
#bo_w .chk_box input[type="checkbox"]#notice + label{color: #888;}
#bo_w .chk_box label[for="notice"] span{display: inline-block; width: 16px; height: 16px; border-radius: 0; border: 1px solid #ddd; background: white;}
#bo_w .chk_box label[for="notice"]:hover{color: #888 !important;}
#bo_w .chk_box:has(input#notice:checked) span{border: 5px solid #3AB6F3;}
#bo_w .chk_box:has(input#notice:checked) label{color: black !important;}
#bo_w .bo_w_link .frm_input, #bo_w .write_div input[type="text"]#wr_link1,#bo_w .bo_w_link .frm_input, #bo_w .write_div input[type="text"]#wr_link2{padding-left: 40px;}
#bo_w .bo_w_link:has(#wr_link1){margin-bottom: 8px;}
#bo_w .bo_w_link:has(#wr_link2){margin-top: 8px;}
#bo_w .bo_w_flie:has(#bf_file_1){margin-bottom: 8px;}
#bo_w .bo_w_flie:has(#bf_file_2){margin-top: 8px;}
#bo_w .bo_w_link label{line-height: 50px; height: 50px;}
#bo_w .write_div:has(button[type="submit"]){display: flex; gap: 12px; justify-content: center;}
#bo_w .write_div:has(button[type="submit"]) a.btn_cancel{width: 180px; background: #333; border-radius: 8px;}
#bo_w .write_div:has(button[type="submit"]) button[type="submit"]{width: 180px; background: #8AD598; border-radius: 8px;}
#bo_w .write_div{margin: 16px 0;}

/*글보기*/
#bo_v{width: 1512px; margin: 160px auto 0; position: relative;}
#bo_v_info, #bo_v_share{display: none;}
#container #bo_v{width: 1512px; margin: 160px auto 0;}
ul.btn_bo_super2{display: flex; position: absolute; margin-top: -80px; gap: 12px; right: 0;}
ul.btn_bo_super2 li a{display: inline-block; padding: 4px 8px; background: #333; color: white;}
ul.btn_bo_super2 li:last-child a{background: rgb(196, 9, 9);}
#bo_v_file li,#bo_v_link li{border: 1px solid #ddd !important; box-shadow: none; border-radius: 0;}
#bo_v_file li a,#bo_v_link li a{color: black !important; text-decoration: unset !important;}
#bo_v_file li i,#bo_v_link li i{color: #b2b2b2 !important;}
#bo_v_file .bo_v_file_cnt,#bo_v_link .bo_v_link_cnt{color: #888 !important;}
#bo_v_file li a, #bo_v_link li a{line-height: 1;}
#bo_v_file li i, #bo_v_link li i{line-height: 54px;}
.border_btn.view{margin-top: 40px; display: flex; gap: 12px; justify-content: center;}
.border_btn.view a{line-height: 50px; width: 180px; text-align: center; border-radius: 8px;}
.border_btn.view a.list{background: #333; color: white;}
.bo_v_nb li:hover{background: #f7f7f7;}
.bo_v_nb li{border-color: #ddd;}
.bo_v_nb li:last-child{border-color: #ddd;}
#bo_v #bo_v_info{padding-bottom: 56px; border-bottom: 2px solid black;}
#bo_v_atc{margin-top: 56px; margin-bottom: 56px;}

/*페이지네이션*/
.pg_wrap{float: none; margin: 0 auto 0; display: flex; justify-content: center;padding:10px 0}
.pg_wrap .pg{display: flex; gap: 8px;}
.pg_wrap .pg .pg_current{min-width: 40px; height: 40px; line-height: 40px; background: white; color: black; font-size: 16px; border-radius: 0; border:1px solid #ddd;}
.pg_wrap .pg .pg_page{min-width: 40px; height: 40px; line-height: 40px; background: #f7f7f7; color: black; font-size: 16px; border-radius: 0; border:1px solid #ddd}
.pg_wrap .pg .pg_end{background: url(../../../basic/img/icon_page_arr.png) no-repeat center center white;}
.pg_wrap .pg .pg_start{background: url(../../../basic/img/icon_page_arr.png) no-repeat center center white;transform: scaleX(-1);}
.pg_wrap .pg .pg_page.pg_prev{background: url('../../img/btn_prev.gif') no-repeat 50% 50% #eee;}
.pg_wrap .pg_page.pg_next{background: url('../../img/btn_next.gif') no-repeat 50% 50% #eee;}

.bo_v_nb li:last-child{border-color:black;}
.bo_v_nb li{border-color: black; background: unset !important;}
.bo_v_nb li .nb_tit{color: black; font-weight: bold;}
.bo_v_nb li .nb_tit i{display: none;}
.bo_v_nb li .nb_date{color: black;}
.bo_v_nb a{display: inline-block;max-width: 400px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}



/* 1600px 이하일때 */
@media (max-width: 1600px){
    #bo_gall, #bo_list, section#bo_w{padding: 0 50px 0;}
    #container #bo_v{width: 100%; padding: 0 50px 0;}
}

/* 1200px 이하일때 */
@media (max-width: 1200px){
}

/* 900px 이하일때 */
@media (max-width: 900px){
    div.bo_list_title,#bo_w .main_title{font-size: 40px;}
    div#bo_gall, div#bo_list, #container_wr #container section#bo_w{margin-top: 120px;}
    #bo_gall .gall_text_href{width: calc(100% - 80px); top:380px; left: 24px; width: calc(100% - 52px);}
    #bo_gall, #bo_list{padding: 0 16px 0;}
    #container #bo_v, #container_wr #container section#bo_w{width: 100%; padding: 0 16px 0;margin-top: 120px;}
    #bo_v_atc{margin-top: 40px; margin-bottom: 40px;}
    .bo_v_nb a{max-width: 200px;}
    /* 페이지네이션: 모바일에서 한 줄 overflow 방지, 여러 줄로 개행 */
    .pg_wrap{width: 100%; max-width: 100%; box-sizing: border-box;}
    .pg_wrap .pg{flex-wrap: wrap; justify-content: center;}
}

/* 500px 이하일때 */
@media (max-width: 500px){
    div#bo_gall, div#bo_list, #container_wr #container section#bo_w{margin-top: 100px;}
    fieldset.bo_sch .sch_bar::before{display: none !important;}
    fieldset.bo_sch .sch_btn, fieldset.bo_sch a.sch_detail{width: 100px; font-size: 16px; background-position: left 22px center;padding-left:20px;}
    fieldset.bo_sch .sch_input[type="text"]{width: 60%; font-size: 16px; padding: 0 12px 0;}
    fieldset.bo_sch form{padding: 24px 0 24px;}
    div.bo_list_title,#bo_w .main_title{margin-bottom: 32px; font-size: 32px;}
    fieldset.bo_sch{margin-bottom: 56px;}
    #container #bo_v{margin-top: 100px;}
    div#bo_btn_top #bo_list_total{font-size: 16px;}
    .nodata{font-size: 16px; opacity: .5;}
    .bo_v_nb a{max-width: 140px;}
    #bo_v #bo_v_info{margin-bottom: 32px;}
    #container_wr h2 .bo_v_tit{line-height: 1.2;}
}