@charset "utf-8";

/* gallery 모바일 스킨 - bd_news 톤 통일 */

.fz_wrap, .fz_wrap h1, .fz_wrap h2, .fz_wrap h3, .fz_wrap input, .fz_wrap button, .fz_wrap select {
    font-family: Nanum Gothic, 'S-CoreDream-4Regular', sans-serif;
    color: #333;
}
.fz_wrap a:link, .fz_wrap a:active, .fz_wrap a:visited, .fz_wrap a:hover {text-decoration:none;}

/* 카테고리 pill 탭 */
#bo_cate {
    margin: 18px 0 20px;
    padding: 0;
    border: 0;
}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_cate ul,
#bo_cate #bo_cate_ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 10px;
    padding: 0;
    list-style: none;
    font-size: 12px;
}
#bo_cate li {float:none;margin:0;padding:0;border:0;}
#bo_cate a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 18px;
    border: 1px solid #d9dee8;
    border-radius: 999px;
    background: #fff;
    color: #333;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    box-sizing: border-box;
}
#bo_cate a:hover {
    border-color: #134081;
    color: #134081;
    background: #f3f7fc;
}
#bo_cate #bo_cate_on,
#bo_cate a#bo_cate_on {
    border-color: #134081;
    background: #134081;
    color: #fff;
    font-weight: 700;
}
#bo_cate #bo_cate_on:hover,
#bo_cate a#bo_cate_on:hover {
    border-color: #134081;
    background: #134081;
    color: #fff;
}

@media (max-width: 640px) {
    #bo_cate ul,
    #bo_cate #bo_cate_ul {gap: 6px;}
    #bo_cate a {min-height: 34px;padding: 0 14px;font-size: 13px;}
}

/* 목록 상단 */
.fz_header {padding-top:10px;border-bottom:1px solid #ccc;padding-bottom:10px;}
.fz_header:after {content:"";display:block;clear:both;}
.fz_total_count {float:left;}
.fz_rss {float:right;}
.fz_footer {padding-top:15px;border-top:1px solid #ccc;}
.fz_footer:after {content:"";display:block;clear:both;}

/* 버튼 (bd_news 스프라이트 공유) */
.list_btn {display:inline-block;height:24px;background:url('../bd_news/img/sprites_btn.gif') no-repeat;text-indent:-9000px;overflow:hidden;}
.list_btn.btn_write {width:65px;background-position:-833px 0;}
.list_btn.btn_adm {width:49px;background-position:-1719px 0;}
.list_btn.btn_rss {width:54px;background-position:-1336px 0;vertical-align:middle;}
.list_btn.btn_prev {width:50px;background-position:-392px 0;margin-right:1px;}
.list_btn.btn_next {width:50px;background-position:-447px 0;}
.list_btn.btn_copy {width:41px;background-position:-603px 0;}
.list_btn.btn_move {width:41px;background-position:-649px 0;}
.bbs_btn {display:inline-block;text-align:center;padding:10px 15px;font-family:'S-CoreDream-3Light',sans-serif;background:#555;color:#fff;font-size:0.85em;border-radius:3px;}

/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_gall #gall_allchk {margin:10px 0;}
#bo_gall #gall_allchk input, #bo_gall #gall_allchk label {margin:0;}

#bo_gall #gall_ul {
    margin:10px 0 0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(var(--gallery-cols, 3), minmax(0, 1fr));
    column-gap:20px;
    row-gap:38px;
}

#bo_gall .gall_li {float:none;width:auto;min-width:0;padding:0;box-sizing:border-box;}
#bo_gall .gall_li_wr {background:#fff;position:relative;width:100%;min-width:0;box-sizing:border-box;}
#bo_gall .gall_li_chk {display:inline-block;padding:5px;position:absolute;top:0;left:0;z-index:9;}

#bo_gall #gall_ul .gall_img {display:block;width:100% !important;max-width:100% !important;line-height:0;overflow:hidden;box-sizing:border-box;}
#bo_gall .gall_img img {width:100%;height:auto;display:block;vertical-align:top;}
#bo_gall .gall_img .gall_notice {display:block;background:#f3f7fc;color:#134081;text-align:center;padding:24px 8px;font-size:14px;font-weight:700;}

#bo_gall .gall_text_href {padding:10px 0 4px;display:block;width:100%;min-width:0;box-sizing:border-box;}
#bo_gall .gall_cate {display:block;color:#134081;font-size:13px;font-weight:500;margin-bottom:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#bo_gall .gall_li_tit {display:-webkit-box;margin:0 0 6px;font-size:16px;font-weight:700;line-height:1.4;color:#333;min-height:2.8em;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#bo_gall .gall_li_tit:hover {color:#ff0000;}
#bo_gall .gall_date {margin:0;font-size:12px;color:#888;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#bo_gall .gall_now .gall_li_tit {color:#134081;}
#bo_gall li.empty_list {grid-column:1 / -1;padding:30px 0;text-align:center;}

@media (max-width: 640px) {
    #bo_gall #gall_ul {
        --gallery-cols: 1 !important;
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        column-gap: 0;
        row-gap: 32px;
    }

    #bo_gall .gall_li,
    #bo_gall .gall_li_wr {
        width: 100%;
        max-width: 100%;
    }

    #bo_gall #gall_ul .gall_img {
        width: 100% !important;
        max-width: 100% !important;
    }

    #bo_gall .gall_img img {
        width: 100%;
        height: auto;
        display: block;
    }
}

@media (max-width: 969px) {
    #bo_gall .gall_li_tit {font-size:15px;}
}

/* 검색 */
#bo_sch {margin-bottom:10px;padding-top:5px;padding-bottom:30px;margin-bottom:80px;text-align:center;position:relative;z-index:20;}
#bo_sch form {display:inline-block;}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;border:none;}
#bo_sch .i_text {height:27px;padding:0 5px;font-size:12px;line-height:27px;color:#333;border:1px solid #ccc;vertical-align:middle;}
#bo_sch .btn_search_submit {height:27px;padding:0 12px;font-size:12px;line-height:25px;color:#fff;background:#555;border:1px solid #555;vertical-align:middle;cursor:pointer;border-radius:3px;}

/* 읽기 */
#bo_v {margin-bottom:20px;padding-bottom:20px;font-family:'S-CoreDream-4Regular',sans-serif;border:0;background:transparent;}
#bo_v_top {margin-bottom:10px;}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:"";}
#bo_v_top .bo_v_nb {float:left;margin:0;padding:0;list-style:none;}
#bo_v_top .bo_v_nb li {display:inline-block;margin-right:4px;vertical-align:top;}
#bo_v_top .bo_v_com {float:right;margin:0;padding:0;list-style:none;}
#bo_v_top .bo_v_com li {display:inline-block;margin-left:4px;vertical-align:top;}

#bo_v_title {font-family:'S-CoreDream-5Medium',sans-serif;border-top:2px solid #52596B;border-bottom:1px solid #c8c8c6;background:#f8f8f8;padding:18px 15px;font-size:18px;font-weight:700;margin:0 !important;}

#bo_v_info {padding:0;border-bottom:1px solid #ddd;background:#fff;}
#bo_v_info:after {content:"";display:block;clear:both;}
#bo_v_info .fl {padding-left:0;}
#bo_v_info .bo_v_date {line-height:40px;height:40px;font-size:12px;color:#333;}
#bo_v_info .bo_v_date strong {font-weight:normal;}

.ad_list_area {margin:0;padding:0;border-bottom:1px solid #e4e4e4;font-size:12px;}
.ad_list_area li {clear:both;margin:0;padding:10px 20px 9px;list-style:none;border-top:1px solid #f3f3f3;}
.ad_list_area li.first {border-top:none;}
.ad_list_area li a {float:left;padding:0 0 0 22px;line-height:14px;background:url('../bd_news/img/sprites_ico.gif') no-repeat;}
.ad_list_area li a.txt_name {color:#666;background-position:0 -94px;}
.ad_list_area li a.txt_link {color:#0066cc;background-position:0 -184px;}

#bo_v_atc {padding:20px 0;min-height:200px;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;}
#bo_v_img img {max-width:100%;height:auto;margin-bottom:15px;}
.editor_img_wrap {margin-bottom:10px;text-align:center !important;display:block;}
#bo_v_con {margin-bottom:20px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;font-size:1.15em;}
#bo_v_con img {max-width:100%;height:auto;}

.fz_middle_btn {margin-bottom:10px;}
.fz_middle_btn:after {content:"";display:block;clear:both;}
.fz_middle_btn .fl {float:left;}
.fz_middle_btn .fr {float:right;}

/* 댓글 */
.cmt_btn{text-align:left;width:100%;border:0;color:#134081;font-weight:bold;font-size:1.154em;margin:20px 0;padding:0 0 20px;background:none;position:relative}
.cmt_btn:before{position:absolute;bottom:0;left:0;width:30px;height:1px;background:#134081;content:''}
#bo_vc article {margin:0 0 20px;position:relative}
#bo_vc .cmt_contents {margin:5px 0;line-height:1.8em;border-bottom:1px solid #e8e8e8;padding-bottom:20px}
#bo_vc_empty {margin:0;padding:15px !important;text-align:center}

/* 글쓰기 */
#bo_w .form_01{margin:10px 0}
#bo_w .bo_w_select select{border:1px solid #134081;background:#fff;width:100%}
#bo_w .btn_submit {padding:0 20px;font-weight:bold}
#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}

@media (max-width: 969px){
    #bo_vc header{padding-left:50px}
    #bo_w .form_01 {margin:10px}
}