/* 서브페이지 : 집합교육 > 상세페이지 */
.bbsV_data ul { margin-top: 1.2rem; font-size: 0; }
.bbsV_data ul > li { display: inline-block; min-width: 50%; padding-left: 4.75rem; }
.bbsV_data ul > li span { position: absolute; top: 0; left: 0.5rem; color: #1979CD; }

/* 서브페이지 : 검색폼 */
.bbs_srch { position: relative; border-radius: 0.8rem; background: #f5f5f5; border: 2px solid #e7e7e7; padding: 1rem 1.85rem; margin-bottom: 2.2rem; }
.bbs_srch ul { display: flex; flex-wrap: wrap; }
.bbs_srch ul li { display: flex; align-items: center; margin: 0.5rem 0; }
.bbs_srch ul li.w25 { width: 25%; }
.bbs_srch ul li.w50 { width: 50%; }
.bbs_srch ul li.w100 { width: 100%; }
.bbs_srch ul li strong { min-width: 3.1rem; font-size: 0.8rem; font-weight: 700; color: #000; margin-right: 0.9rem; }
.bbs_srch input[type="text"] { border: none; background: #fff; border-radius: 0.8rem; box-shadow: 0 0 9px rgba(0, 0, 0, 0.04); flex: 1; }
.bbs_srch input[type="checkbox"] { height: 15px; border: 1px #cecece solid; font-size: 13px; color: #555; margin-right: 10px; padding-left: 0; }
.bbs_srch select { border: none; background-color: #fff; border-radius: 0.8rem; box-shadow: 0 0 9px rgba(0, 0, 0, 0.04); }
.bbs_srch button { height: 2.2rem; line-height: 2.2rem; text-align: center; border-radius: 2rem; padding: 0 1.5rem; margin-left: 0.9rem; transition: all 0.2s; }
.bbs_srch button#btnSah { background: #c71d22; color: #fff; }
.bbs_srch button#btnReset { background: #646464; color: #fff; }
.bbs_srch button#btnSah:hover { background: #9a0408; }
.bbs_srch button#btnReset:hover { background: #505050; }
.bbs_srch select + input[type="text"] { margin-left: 0.9rem; }
[class*="tab_"] + .bbs_srch { margin-top: 1.9rem; }

/* 페이지 안내 */
.pageinfo { position: relative; font-size: 0.7rem; color: #717171; }

/* 게시판 테이블 */
.tbl_st.bbs_tbl table tbody td { text-align: center !important; }
.tbl_st.bbs_tbl table tbody td.bbs_tit { text-align: left !important; }
.tbl_st.bbs_tbl table tbody td .noti { display: inline-block; min-width: 3rem; height: 1.5rem; line-height: 1.5rem; background: #c71d22; color: #fff; border-radius: 0.4rem; }
.tbl_st.bbs_tbl table tbody td .scrtLeter { position: relative; }
.tbl_st.bbs_tbl table tbody td .scrtLeter::after { font-size: 0.8rem; font-family: 'xeicon'; color: #c71d22; content: "\e964"; }
.tbl_st.bbs_tbl table tbody td.bbs_tit a:hover,
.tbl_st.bbs_tbl table tbody td.bbs_tit a:focus { text-decoration: underline; }

/* 게시판 : 동영상 */
.bbs_video ul { position: relative; width: calc(100% + 1.8rem); margin: 0.1rem 0 0 -0.9rem; font-size: 0; }
.bbs_video ul li { display: inline-block; width: 33.333%; padding: 0.5rem 0.9rem; }
.bbs_video ul li a { display: block; border: 2px solid #e5e5e5; border-radius: 1rem; overflow: hidden; }
.bbs_video ul li a .img { display: flex; justify-content: center; align-items: center; height: 10rem; background: #f1f1f1; text-align: center; overflow: hidden; }
.bbs_video ul li a .img img { width: auto; height: 100%; transition: all 0.2s; -webkit-transition: all 0.2s; }
.bbs_video ul li a .txt_box { padding: 1.2rem 1.5rem; }
.bbs_video ul li a .txt_box .txt { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 0.8rem; font-weight: 700; margin-bottom: 0.55rem; }
.bbs_video ul li a .txt_box span { display: block; font-size: 0.7rem; color: #6b6b6b; text-align: right; }
.bbs_video ul li a .txt_box span em { display: inline-block; }
.bbs_video ul li a .txt_box span em + em { margin-left: 0.7rem; }
.bbs_video ul li a .txt_box span em i { margin-right: 0.2rem; }
.bbs_video ul li a:hover .img img,
.bbs_video ul li a:focus .img img { transform: scale(1.05); -webkit-transform: scale(1.05); }

/* 게시판 : 이미지리스트 */
.bbs_image > ul > li { display: flex; border: 2px solid #e7e7e7; border-radius: 1.4rem; padding: 2rem 2.4rem; }
.bbs_image > ul > li + li { margin-top: 1rem; }
.bbs_image > ul > li .img { display: flex; justify-content: center; /* align-items: center; */ width: 8.1rem; height: 8.1rem; border-radius: 0.8rem; overflow: hidden; background: #ccc; }
.bbs_image > ul > li .img img { width: 100%; height: auto; }
.bbs_image > ul > li .inner { position: relative; flex: 1; margin-left: 2rem; padding-right: 7.5rem; }
.bbs_image > ul > li .inner .tit { display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1rem; color: #000; margin-bottom: 1.5rem; font-weight: 700; line-height: 1.8rem; }
.bbs_image > ul > li .inner .info li { display: flex; justify-content: space-between; align-items: center; font-weight: 500; color: #767575; font-size: 0.8rem; }
.bbs_image > ul > li .inner .info li div { flex: 1; text-align: left; }
.bbs_image > ul > li .inner .info li.dtlInf { display: block; }
.bbs_image > ul > li .inner .info li strong { display: inline-block; width: 5.5rem; }
.bbs_image > ul > li .inner .info li .txt { margin-left: 1rem; }
.bbs_image > ul > li .inner .info li .txt em { color: #c71c22; }
.bbs_image > ul > li .inner .info .progressBar { position: relative; flex: 1; height: 0.3rem; background: #e6e9ed; border-radius: 1rem; overflow: hidden; }
.bbs_image > ul > li .inner .progressBar .progressTag { position: absolute; width: 0; height: 100%; display: block; font-size: 0; border-radius: 1rem; background: #c71c22; }
.bbs_image > ul > li .inner .info li.dtlInf { margin-top: 0.6rem; }
.bbs_image > ul > li .inner .info li.dtlInf strong { position: relative; width: auto; }
.bbs_image > ul > li .inner .info li.dtlInf strong + strong { margin-left: 0.8rem; padding-left: 0.8rem; }
.bbs_image > ul > li .inner .info li.dtlInf strong + strong::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 1px; height: 0.55rem; background: #ccc; content: ""; }
.bbs_image > ul > li .inner .info li.dtlInf .state { display: inline-block; height: 1.2rem; line-height: 1.1rem; border: 1px solid #c71c22; border-radius: 0.4rem; color: #c71c22; padding: 0 0.5rem; margin-left: 0.8rem; font-size: 0.7rem; }
.bbs_image > ul > li .inner .btn_blue { position: absolute; top: 1.5rem; right: 0; display: flex; flex-direction: column; justify-content: center; width: 4.75rem; height: 4.75rem; padding: 0; }
.bbs_image > ul > li .inner .btn_blue i { margin-bottom: 0.3rem; }
.bbs_image > ul > li .inner .btn_gray { position: absolute; top: -0.8rem; right: 0; display: flex; flex-direction: column; justify-content: center; width: 4.75rem; height: 2rem; padding: 0; }
.bbs_image > ul > li .inner .btn_yellow { position: absolute; top: 6.5rem; right: 0; display: flex; flex-direction: column; justify-content: center; width: 4.75rem; height: 2rem; padding: 0; }
.bbs_image > ul > li .inner .btn_red_del { position: absolute; top: 6.5rem; right: 0; display: flex; flex-direction: column; justify-content: center; width: 4.75rem; height: 2rem; padding: 0; }
.bbs_image > ul > li .inner .btn_red { position: absolute; top: -0.8rem; right: 0; display: flex; flex-direction: column; justify-content: center; width: 4.75rem; height: 2rem; padding: 0; }

/* 페이징 */
.bbs_pager { margin-top: 2.5rem; text-align:center; line-height:0; font-size:0; }
.bbs_pager a,
.bbs_pager strong { display:inline-block; vertical-align: middle; border-radius: 50%; width: 1.75rem; height: 1.75rem; line-height: 1.7rem; border: 1px solid #d7d8da; margin: 0 0.25rem; font-size: 0.8rem; color: #6f6e6e; }
.bbs_pager strong { background: #1979CD; border-color: #1979CD; color: #fff; }
.bbs_pager div { display:inline-block; }
.bbs_pager .bbs_arr { text-indent: -10000em; transition: all 0.2s; }
.bbs_pager .bbs_arr:hover,
.bbs_pager .bbs_arr:focus { background-color: rgba(0, 0, 0, 0.08); }
.bbs_pager .pgeL1 { background:url('/resource/images/con_com/bbs_PAarrL1.png') no-repeat center; }
.bbs_pager .pgeL2 { background:url('/resource/images/con_com/bbs_PAarrL2.png') no-repeat center; }
.bbs_pager .pgeR1 { background:url('/resource/images/con_com/bbs_PAarrR1.png') no-repeat center; }
.bbs_pager .pgeR2 { background:url('/resource/images/con_com/bbs_PAarrR2.png') no-repeat center; }
.bbs_pager a.bbs_pge_num:hover,
.bbs_pager a.bbs_pge_num:focus { color:#1979CD; }

/* FAQ */
.bbs_Faq { margin-top: 2rem; }
.bbs_Faq .faq { position: relative; box-shadow: 0 0 8px rgba(55, 55, 56, 0.17); border-radius: 0.4rem; }
.bbs_Faq .faq + .faq { margin-top: 1rem; }
.bbs_Faq .faq > a { position: relative; display: block; padding: 1.2rem 3.2rem 1.2rem 4.1rem; background: #f7f7f7; color:#000; font-size: 0.8rem; }
.bbs_Faq .faq > a::before { position: absolute; top: 1rem; right: 1.5rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: #e2e2e2 url('/resource/images/con_com/Faq_Q_arrow.png') no-repeat center; content: ""; }
.bbs_Faq .faq .point { position: absolute; display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; border-radius: 50%; }
.bbs_Faq .faq > a .point.faq_Q { background: #c71d22; color: #fff; top: 0.8rem; left: 1.5rem; }
.bbs_Faq .faq .cnt { position: relative; padding: 1.9rem 1rem 1.9rem 7.2rem; font-size: 0.75rem; display: none; }
.bbs_Faq .faq .cnt .point.faq_A { top: 1.35rem; left: 4.5rem; background: #e9e9e9; color: #000; }
.bbs_Faq .faq .cnt::before { position: absolute; top: 1.8rem; left: 2.5rem; background: url('/resource/images/con_com/Faq_A_arrow.png') no-repeat center / contain; width: 1.55rem; height: 0.95rem; content: ""; }
.bbs_Faq .faq.on > a::before { background: #f2e1e1 url('/resource/images/con_com/Faq_Q_arrow_on.png') no-repeat center; }
.bbs_Faq .faq .cnt .btns { margin-top: 0.8rem; }
.bbs_Faq .faq .cnt a.btn_pdf { padding: 0.35rem 0.9rem; border: 2px solid #b1d2e8; border-radius: 1rem; background: #edfcff; color: #112982; font-size: 0.7rem; }
.bbs_Faq .faq .cnt a.btn_pdf i { color: #5f5e5e; }
.bbs_Faq .faq .cnt a.btn_pdf:hover,
.bbs_Faq .faq .cnt a.btn_pdf:focus { text-decoration: underline; }


@media screen and (max-width:1240px) {
    /* 게시판 : 동영상 */
    .bbs_video ul { width: calc(100% + 1rem); margin: 0.1rem 0 0 -0.5rem; }
    .bbs_video ul li { padding: 0.5rem; }
    .bbs_video ul li a .txt_box { padding: 1rem; }
}

@media screen and (max-width:940px) {
    /* 게시판 : 동영상 */
    .bbs_video ul li { width: 50%; }

    /* 게시판 : 이미지리스트 */
    .bbs_image > ul > li { padding: 1.5rem; }
    .bbs_image > ul > li .inner { margin-left: 1.5rem; padding-right: 6.5rem; }
}

@media screen and (max-width:768px) {
    /* 서브페이지 : 검색폼 */
    .bbs_srch { padding: 0.5rem 1rem; }
    .bbs_srch ul li { flex-wrap: wrap; }
    .bbs_srch ul li.w50 { width: 100%; }
    .bbs_srch button { flex: 100%; margin-left: 0; border-radius: 0.8rem; margin-top: 0.4rem; }
    .bbs_srch ul li + li { margin-top: 0.4rem; }
    .bbs_srch select + input[type="text"] { margin-left: 0.4rem; }

    /* 게시판 테이블 */
    .tbl_st.bbs_tbl table { table-layout: auto; text-align: left; }
	.tbl_st.bbs_tbl table colgroup { display: none; }
	.tbl_st.bbs_tbl table thead { display: none; }
	.tbl_st.bbs_tbl table tbody tr { position: relative; display: block; padding: 2rem 0 0.7rem; border-bottom: 1px solid #c6cace; overflow: hidden;}
    .tbl_st.bbs_tbl table tbody tr:after {content:""; display:block; clear:both; overflow:hidden;}
	.tbl_st.bbs_tbl table tbody td { position: relative; display:inline-block; vertical-align: middle; padding: 0.25rem 0.5rem 0 0.5rem; border: none; }
    .tbl_st.bbs_tbl table tbody td::before { position: absolute; top: calc(50% - 0.2rem); left: -2px; width: 1px; height: 0.6rem; background: #c6cace; content: ""; }
    .tbl_st.bbs_tbl table tbody td.bbs_tit { position: absolute; left: 0; top: 0.7rem; width: 100%; padding: 0 0.5rem; float: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .tbl_st.bbs_tbl table tbody td:first-child::before,
    .tbl_st.bbs_tbl table tbody td.bbs_tit::before { display: none; }
    .tbl_st.bbs_tbl table tbody td.bbs_tit a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

    /* FAQ */
    .bbs_Faq { margin-top: 1rem; }
    .bbs_Faq .faq .cnt { padding: 1.2rem 1rem 1.2rem 4.1rem; }
    .bbs_Faq .faq .cnt::before { display: none; }
    .bbs_Faq .faq .cnt .point.faq_A { top: 0.8rem; left: 1.5rem; }

    /* 게시판 : 이미지리스트 */
    .bbs_image > ul > li .inner { padding-right: 0; }
    .bbs_image > ul > li .inner .btn_blue { position: relative; top: auto; right: auto; width: 100%; height: auto; flex-direction: row; align-items: baseline; padding: 0.5rem 0; margin-top: 1rem; }
    .bbs_image > ul > li .inner .btn_blue i { margin-bottom: 0; margin-right: 0.5rem; }
    .bbs_image > ul > li .inner .btn_gray { position: relative; top: auto; right: auto; width: 100%; height: auto; flex-direction: row; align-items: baseline; padding: 0.5rem 0; }
    .bbs_image > ul > li .inner .btn_yellow { position: relative; top: auto; right: auto; width: 100%; height: auto; flex-direction: row; align-items: baseline; padding: 0.5rem 0; }
}

@media screen and (max-width:580px) {
    /* 페이징 */
    .bbs_pager a,
    .bbs_pager strong { margin: 0 0.15rem; }
    .bbs_pager .bbs_pge_num { display: none; }
    .bbs_pager div strong.bbs_pge_num { display: inline-block; }
    .bbs_pager div a.bbs_pge_num:last-child { position: relative; display: inline-block; margin-left: 0.8rem; }
    .bbs_pager div a.bbs_pge_num:last-child::before { position: absolute; top: 50%; left: -0.8rem; transform: translateY(-50%); font-size: 0.8rem; color: #6f6e6e; content: "/"; }

    /* 게시판 : 동영상 */
    .bbs_video ul { width: 100%; margin: 0.1rem 0 0 0; }
    .bbs_video ul li { width: 100%; padding: 0; }
    .bbs_video ul li + li { margin-top: 1rem; }

    /* 게시판 : 이미지리스트 */
    .bbs_image > ul > li { flex-direction: column; padding: 1rem; }
    .bbs_image > ul > li .img { margin: 0 auto 1rem; }
    .bbs_image > ul > li .inner { margin-left: 0; }
    .bbs_image > ul > li .inner .tit { margin-bottom: 0.8rem; }
}

@media screen and (max-width:380px) {
    /* 서브페이지 : 검색폼 */
    .bbs_srch select,
    .bbs_srch input[type="text"] { flex: 100%; }
    .bbs_srch strong { margin-bottom: 0.2rem; }
    .bbs_srch select + input[type="text"] { margin-left: 0; margin-top: 0.4rem; }

    /* 게시판 : 동영상 */
    .bbs_video ul li a .img { height: auto; }
    .bbs_video ul li a .img img { width: 100%; height: auto; }

    /* 게시판 : 이미지리스트 */
    .bbs_image > ul > li .img { width: 100%; }
    .bbs_image > ul > li .img img { width: auto; height: 100%; }
    .bbs_image > ul > li .inner .info li + li { margin-top: 0.6rem; }
    .bbs_image > ul > li .inner .info li:not(.dtlInf) { position: relative; display: block; }
    .bbs_image > ul > li .inner .info li:not(.dtlInf) strong { display: block; }
    .bbs_image > ul > li .inner .info li:not(.dtlInf) .txt { position: absolute; top: 0; right: 0; text-align: right; margin-left: 0; }
}