@charset "utf-8";

.btn_scrap {}

.scrap_box {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1001;background-color: rgba(0,0,0,0.75);}
.scrap_box .scrap_wrap {position: absolute;width: 350px;background: #fff;top: calc(50% - 175px);left: calc(50% - 175px);border: 0;}
.scrap_box .scrap_wrap .img {text-align: center;background: #f5f5f5;padding: 15px 0;}
.scrap_box .scrap_wrap .txt {padding: 20px;}
.scrap_box .scrap_wrap .txt h4 {margin-bottom: 20px;font-weight: 500;font-size: 17px;}
.scrap_box .scrap_wrap .txt p {font-size: 15px;line-height: 1.25;word-break: keep-all;}
.scrap_box .scrap_wrap .txt .frm {display: block;margin: 20px 0 10px 0;}
.scrap_box .scrap_wrap .txt .frm input {width: 100%;border: 1px solid #ced4da;padding: 0.375rem 0.75rem;line-height: 1.5;outline: 0;}
.scrap_box .scrap_wrap .txt .frm .frm_scrap_wr_content {width: 100%;border: 1px solid #ced4da;padding: 0.375rem 0.75rem;line-height: 1.5;outline: 0;}

.scrap_box .scrap_wrap .btw {display: block;text-align: center;}
.scrap_box .scrap_wrap .btw .btn_submit {display: block;width: 100%;background: #516083;color: #fff;padding: 0.375rem 0.75rem;line-height: 1.5;border: 1px solid transparent;}
.scrap_box .scrap_wrap .btn_close {display: block;text-align: center;position: absolute;top: 0;right: 0;font-size: 0;background-color: transparent;background-position: 50% 50%;background-repeat: no-repeat;width: 38px;height: 38px;border: 0;}
.scrap_box .scrap_wrap .btn_close::before, .scrap_box .scrap_wrap .btn_close::after {content: "";position: absolute;left: 50%;top: 50%;margin-left: -10px;display: block;width: 20px;height: 1px;background-color: #000;}
.scrap_box .scrap_wrap .btn_close::before {transform: rotate(-45deg);}
.scrap_box .scrap_wrap .btn_close::after {transform: rotate(45deg);}

.bbs_view_file dt {font-size: 1.3em;}
.bbs_view_file dd {margin-top: 10px; padding: 1em; border-radius: 10px; background: #f5f5f5;}
.bbs_view_file dd ul li {padding: 5px 0;}
.bbs_view_file dd .dm_v_file_cnt {display: inline-block; margin-left: 1rem; padding: 2px 10px; border-radius: 5px; color: #fff; background: #bfc6d1;}


.bbs_leadin {margin-bottom: 20px; align-items: flex-end;}

.selec_all_chk{}
.selec_all_chk.selec_all_chk_list{}
.selec_all_chk.selec_all_chk_gallery{}
.selec_all_chk.selec_all_chk_ucc{}
.selec_all_chk.selec_all_chk_webzin{}
.selec_all_chk.selec_all_chk_schedule{}


.selec_bbs_chk{}
.selec_bbs_chk.selec_bbs_chk_list{}
.selec_bbs_chk.selec_bbs_chk_gallery{margin-right:5px;}
.selec_bbs_chk.selec_bbs_chk_ucc{margin-right:5px;}
.selec_bbs_chk.selec_bbs_chk_webzin{margin-right:5px;}
.selec_bbs_chk.selec_bbs_chk_schedule{margin-right:5px;}


.bbs_list_type_change {display: flex; gap:10px;}
.bbs_list_type_change a {display: inline-flex; align-items: center; justify-content: center; border-radius: 100px; width:45px; height: 45px; background: #A4A0A0; transition: all 0.3s;}
.bbs_list_type_change a:hover,
.bbs_list_type_change a:focus,
.bbs_list_type_change a.active {background: #8091ff;}
.bbs_list_type_change a.active:hover,
.bbs_list_type_change a.active:focus {box-shadow: 0px 0px 8px var(--elem-color)}

/* 썸네일 변경 */
.div_thumbnail_select {width: 100%;}
.ul_thumbnail_select {display: flex; flex-wrap: wrap; gap: 15px; padding: 10px 0; max-width: 750px;}
.ul_thumbnail_select li {width: calc(33.33% - 10px);}
.ul_thumbnail_select li img {opacity: 0.7;}
.ul_thumbnail_select li a {display: block; overflow: hidden; border-radius: 10px; transition: all 0.3s;}
.ul_thumbnail_select li a:hover,
.ul_thumbnail_select li a:focus {box-shadow: 0px 0px 10px rgba(0,0,0,0.15);}
.ul_thumbnail_select li a:hover img,
.ul_thumbnail_select li a:focus img {transform: scale(1.1); opacity: 1;}
.ul_thumbnail_select li img {width: 100%; transition: all 0.3s;}

.ul_thumbnail_select li.active a {position: relative; border: 3px solid #08c440; box-shadow: 0px 0px 10px #08c440;}
.ul_thumbnail_select li.active a:after {content: '\f058'; position: absolute; top: 10px; right: 10px; color: #08c440; font-weight: 900; font-size: 1.3rem; font-family: "Font Awesome 5 Free";}
.ul_thumbnail_select li.no_active {display:none;}

.btn_thumbnail_select_more {display: block; margin-top: 5px; padding: 2px 10px; border-radius: 5px; border: none; color: #fff; background: #3791e1;}
.btn_thumbnail_select_more:hover,
.btn_thumbnail_select_more:focus {background: #1f72bb;}
.btn_thumbnail_select_more.active {background: #FA6A49;}
.btn_thumbnail_select_more.active:hover,
.btn_thumbnail_select_more.active:focus {background: #e45130;}

/* 해시태그 */
.write_txt_hashtag_title strong {color: #0086f1;}
.view_info_hashtag {margin-top: 15px;}
.view_info_hashtag ul {display: flex; flex-wrap: wrap; gap:5px;}
.view_info_hashtag ul li {border-radius: 100px; border: 1px solid #dedede; padding: 5px 15px; background: #fff; transition: color 0.3s;}
.view_info_hashtag ul li:hover {color: var(--elem-color);}

/* 첨부파일 용량출력 */
.ex_filename_size_info {display: block; padding: 0 4px; width: 100%;}
.ex_filename_size_info .span_size {color: #FA6A49;}
.ex_filename_size_info i {color: #03a4f4;}

/* 첨부파일 설명 */
.file_upload_doc {display: block; margin-bottom: 10px; color: #999;}

/* 모바일 첨부파일 명칭 */
.file_upload_title {display: none;padding: 5px 0;margin-bottom: 10px;width: 100%;background: #aaa;color: #fff;text-align: center;}
.type_elem .file_upload_title {background: #e3eaff; color: #6d75a9;}
.type_middle .file_upload_title {background: #FFFBEC; color: #db8f2e;}

/* 저작권 주의 */
.copyright_noti {margin-top: 30px; border-radius: 1rem; border: 1px solid #ffae00; padding: 20px; text-align: center; color: #fff; background: #ffae00;}
.copyright_noti i {display: block; margin-bottom: 5px; color: #fff; font-size: 2em; vertical-align: middle;}

/* 엑셀다운로드 */
.bbs_count .class_state .btn_growth_excel_download {border-color: #00aaaa;background: #00aaaa;color: #fff;}
.bbs_count .class_state .btn_growth_excel_download:hover,
.bbs_count .class_state .btn_growth_excel_download:focus {border-color: #f98c00; background-color: #f98c00; color: #fff;}

/* 콘텐츠 mp4 */
.bbs_view_contents_mp4 {margin: 0 auto; width: 55%;}
.bbs_view_contents_mp4 .content_video_wrap {position: relative; padding-top: 56.25%; width: 100%; background: #000;}
.bbs_view_contents_mp4 video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.bbs_listing {overflow: auto;}
.bbs_listing .td_num {width: 80px;}
.bbs_listing .td_all_chk {width: 50px;}
.bbs_listing .td_date {width: 130px;}

.form-control::placeholder {color: #bcbcbc;}


@media (max-width:992px) {
    .bbs_listing td::before {margin-right: 0.5rem; color: #999;}
    .bbs_listing td.td_extra {width: 100%;}
    .bbs_listing td.td_extra::before {content: attr(data-extra_name);}
    .bbs_listing td.td_ca_name {width: 100%;}
    .bbs_listing td.td_ca_name::before {content: attr(data-ca_sub);}
}

@media (max-width:768px) {

}

@media (max-width:576px) {
    .bbs_viewing > .bbs_view_link dd ul, .bbs_viewing > .bbs_view_file dd ul {padding: 0 10px;}

    .file_upload_title {display: block;}
    
    .ul_thumbnail_select li {width: calc(50% - 8px);}

}

@media print {
    #contentContainer{margin:10px 20px;padding:10px;}
    #contentContainer .no_print{display:none;}
    #contentContainer .yes_print{display:block;}
}