@charset "utf-8";

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

.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;}
}

/* 목록 상단 */
#bo_list {margin:10px 0;position:relative;border:0;background:transparent;}
.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;margin-right:4px;}
.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;}

/* 관리자 체크 */
#basic_allchk {margin:10px 0;}
#basic_allchk input, #basic_allchk label {margin:0;}

/* 텍스트 목록 */
.basic_list {
    list-style: none;
    margin: 10px 0 15px;
    padding: 0;
    font-family: 'S-CoreDream-4Regular', sans-serif;
}
.basic_list > li {
    position: relative;
    padding: 12px 0;
    border-bottom: 1px solid #ddd;
}
.basic_list > li:after {content:"";display:block;clear:both;}
.basic_list > li.bo_notice {background:#f3f7fc;}
.basic_list > li.empty_list {padding:30px 0;text-align:center;border-bottom:0;}

.basic_li_chk {
    display: inline-block;
    padding: 0 8px 0 0;
    vertical-align: top;
}
.basic_cnt {
    overflow: hidden;
    min-width: 0;
}
.basic_list .basic_li_chk + .basic_cnt {
    display: block;
    overflow: hidden;
}

.basic_title {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
    word-break: keep-all;
    overflow-wrap: anywhere;
}
.basic_title a {
    color: #333;
}
.basic_title a:hover {
    color: #ff0000;
}
.basic_cate {
    display: inline-block;
    margin-right: 8px;
    padding-right: 8px;
    border-right: 1px solid #ccc;
    color: #134081;
    font-size: 0.9em;
    font-weight: 500;
    vertical-align: baseline;
}
.basic_date {
    margin: 0;
    font-size: 12px;
    color: #888;
}

@media (max-width: 768px) {
    .basic_title {font-size: 16px;}
}

/* 검색 */
#bo_sch {
    display: block;
    position: static;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 30px;
    margin-bottom: 80px;
    text-align: center;
    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;
    background: #fff;
}
#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;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

#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;}

/* 글쓰기 (기존 유지) */
#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_w .form_01 {margin:10px}
}