@charset "utf-8";

/*all*/
.boardWrap .bar { position:relative; }
.boardWrap .bar:before { display:block; position:absolute; top:50%; left:0; width:1px; height:14px; background:#ccc; transform:translateY(-50%); }
.boardWrap .boardIconNew { position:absolute; top:50%; right:0; transform:translateY(-50%); }


.leftBox { float:left; }
.rightBox { float:right; }

.boardWrap select,
.boardWrap input[type="text"],
.boardWrap button { height:40px; font-size:15px; }

.boardWrap select,
.boardWrap input { border:1px solid #ccc; padding:7px 10px; }

.boardWrap select { width:110px; background-image:url('/template/common/tmpt/ico_arrow_down6.png'); background-position:center right 10px; background-repeat:no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.boardWrap select::-ms-expand { display: none; }

.boardWrap .btnDefault { width:70px; height:40px; text-align:center; line-height:40px; }
.boardWrap .btnWide { width:95px; height:40px; text-align:center; line-height:40px; }
.boardWrap .btnSmall { width:50px; height:30px; text-align:center; font-size:14px; line-height:30px; }
.boardWrap .btnWhite { border:1px solid #ccc; background-color:#fff; }

.boardWrap .btnBlue { background-color:#0853b0; color:#fff; }

.boardWrap .btnSearch { display:inline-block; vertical-align:middle; }


/* 리스트 */
.boardWrap .boardSearchBox .total { color:#0853b0; font-weight:700; }
.boardWrap .boardListInfo { padding-top:20px; color:#646464; font-size:15px; }

.boardWrap .searchForm input { width:200px; margin:0 6px; }


/* 테이블 */
.boardWrap .boardListBox .boardBasic { position:relative; width:100%; margin-top:13px; border-top:2px solid #222; font-size:16px; table-layout:fixed; }
.boardWrap .boardListBox .boardBasic colgroup { display:none; }
.boardWrap .boardListBox .boardBasic tr { border-bottom:1px solid #eaeaea; }

.boardWrap .boardListBox .boardBasic th,
.boardWrap .boardListBox .boardBasic td { text-align:center; }

.boardWrap .boardListBox .boardBasic th { background-color:#fafafa; padding:17px 10px; }

.boardWrap .boardListBox .boardBasic td,
.boardWrap .boardListBox .boardBasic td a { color:#484848; }

.boardWrap .boardListBox .boardBasic td { padding:20px 10px; }

.boardWrap .boardListBox .boardBasic .tbNum { width:7%; }
.boardWrap .boardListBox .boardBasic .tbName { width:12%; }
.boardWrap .boardListBox .boardBasic .tbDate { width:15%; }
.boardWrap .boardListBox .boardBasic .last { width:7%; }


/* 아이콘 */
.boardWrap .boardListBox .boardBasic .icoNotice { width:20px; height:16px; margin:0 auto; background-image:url('/template/common/tmpt/ico_board_notice1.png'); background-position:center; background-repeat:no-repeat; font-size:0; }
.boardWrap .boardListBox .boardBasic .icoNew { display:inline-block; width:16px; height:16px; margin-top:-2px; margin-left:7px; background-image:url('/template/common/tmpt/ico_new2.png'); background-position:center; background-repeat:no-repeat; vertical-align:middle; font-size:0; }
.boardWrap .boardListBox .boardBasic .icoAttach { display:inline-block; width:14px; height:17px; margin-left:7px; background-image:url('/template/common/tmpt/ico_board_attach2.png'); background-position:center; background-repeat:no-repeat; vertical-align:middle; font-size:0; }
.boardWrap .boardListBox .boardBasic .cmt { margin-left:7px; color:#0853b0; font-size:15px; font-weight:700; vertical-align:bottom; }

.boardWrap .boardListBox .boardBasic td.tbTitle { text-align:left; font-size:16px; }
.boardWrap .boardListBox .boardBasic .tbTitle .ellipsis { display:inline-block; vertical-align:middle; max-width:80%; }

.boardWrap .boardListBox .boardBasic tbody tr:hover { background:#fafafa; }
.boardWrap .boardListBox .boardBasic .tbTitle a:hover { color:#000; }

.boardWrap .boardBtnBox { margin-top:14px; }
.boardWrap .boardBtnBox:after { display:block; clear:both; }
.boardWrap .boardBtnBox a { display:block; }
.boardWrap .boardBtnBox .btnDel { border:1px solid #ccc; }
.boardWrap .boardBtnBox .btnWrite { float:right; }


.boardWrap .boardPagerBox { margin-top:23px; text-align:center; }
.boardWrap .boardPagerBox ul li { display:inline-block; vertical-align:middle; }
.boardWrap .boardPagerBox a { display:block; width:30px; height:30px; text-align:center; line-height:29px; color:#111; font-size:16px; }
.boardWrap .boardPagerBox .active { background-color:#0853b0; color:#fff; }

.boardWrap .boardPagerBox .pageFirst,
.boardWrap .boardPagerBox .pagePrev,
.boardWrap .boardPagerBox .pageNext,
.boardWrap .boardPagerBox .pageLast { background-position:center; background-repeat:no-repeat; padding:0 13px; font-size:0; }

.boardWrap .boardPagerBox .pageFirst,
.boardWrap .boardPagerBox .pageLast { width:15px; height:13px; }

.boardWrap .boardPagerBox .pagePrev,
.boardWrap .boardPagerBox .pageNext { width:8px; height:13px; }

.boardWrap .boardPagerBox .pageFirst { background-image:url('/template/common/tmpt/ico_pager_first1.png'); }
.boardWrap .boardPagerBox .pagePrev { margin-right:10px; background-image:url('/template/common/tmpt/ico_pager_prev1.png'); }
.boardWrap .boardPagerBox .pageNext { margin-left:10px; background-image:url('/template/common/tmpt/ico_pager_next1.png'); }
.boardWrap .boardPagerBox .pageLast { background-image:url('/template/common/tmpt/ico_pager_last1.png'); }


/* 뷰 */
/* all */
.titleBg { background-color:#fafafa; }

.titleBg strong,
.boardWrap .boardViewBox,
.boardWrap .cmtBox { font-size:16px; }

.boardWrap .boardViewBox .boardTitle,
.boardWrap .boardViewBox .boardData,
.boardWrap .boardViewBox .boardCon,
.boardWrap .boardViewBox .boardAttach .titleBg,
.boardWrap .boardViewBox .boardAttach .fileList,
.boardWrap .boardViewBox .postMove,
.boardWrap .cmtBox .titleBg,
.boardWrap .cmtBox .cmtWrite,
.boardWrap .cmtBox .listItem { padding-left:20px; padding-right:20px; }

.boardWrap .boardData,
.boardWrap .boardViewBox .boardAttach .titleBg,
.boardWrap .boardViewBox .boardAttach .fileList,
.boardWrap .boardViewBox .postMove,
.boardWrap .cmtBox .titleBg,
.boardWrap .cmtBox .cmtWrite,
.boardWrap .cmtBox .listItem { padding-top:17px; padding-bottom:17px; }



.boardWrap .boardViewBox { margin-bottom:70px; }

.boardWrap .boardViewBox .boardTitle { border-top:2px solid #222; padding-top:20px; padding-bottom:20px; }
.boardWrap .boardViewBox .boardTitle h3 { font-size:18px; }

.boardWrap .boardViewBox .boardTitle,
.boardWrap .boardViewBox .boardData,
.boardWrap .boardCon,
.boardWrap .boardViewBox .boardAttach .titleBg,
.boardWrap .boardViewBox .boardAttach .fileList { border-bottom:1px solid #eaeaea; }

.boardWrap .boardData ul li { display:inline-block; vertical-align:middle; margin-right:20px; }
.boardWrap .boardData ul li span { display:inline-block; margin-left:5px; color:#484848; }
.boardWrap .boardData .rightBox ul li:last-child { margin-right:0; }

.boardWrap .boardCon { padding-top:40px; padding-bottom:70px; color:#646464; line-height:1.3; }

.boardWrap .boardViewBox .boardAttach .fileList ul li { position:relative; margin-bottom:10px; padding-left:22px; }
.boardWrap .boardViewBox .boardAttach .fileList ul li a:hover { text-decoration:underline; }
.boardWrap .boardViewBox .boardAttach .fileList ul li:before { display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); width:14px; height:17px; background-image:url('/template/common/tmpt/ico_board_attach2.png'); background-position:center; background-repeat:no-repeat; }
.boardWrap .boardViewBox .boardAttach .fileList ul li span {word-break:break-all;}

.boardWrap .boardViewBox .boardPostMove { margin-top:30px; }


.boardWrap .boardViewBox .postMove,
.boardWrap .cmtBox .titleBg { border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; }

.boardWrap .boardViewBox .postMove { display:flex; align-items:center; width:100%; }
.boardWrap .boardViewBox .postMove.next { margin-top:-1px; }
.boardWrap .boardViewBox .postMove strong { position:relative; padding-right:25px; }

.boardWrap .boardViewBox .postMove strong:before { display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:10px; height:6px; background-image:url('/template/common/tmpt/ico_post_prev2.png'); background-position:center; background-repeat:no-repeat; }
.boardWrap .boardViewBox .postMove.next strong:before { background-image:url('/template/common/tmpt/ico_post_next2.png'); }

.boardWrap .boardViewBox .postTitle { display:inline-block; width:80%; margin-left:40px; }
.boardWrap .boardViewBox .postTitle .ellipsis { max-width:95%; line-height:1.4; }

.boardWrap .boardBtnBox ul li { display:inline-block; margin-left:7px; margin-bottom:5px; vertical-align:middle; }

.boardWrap .cmtBox { margin-bottom:70px; }
.boardWrap .cmtBox .author { color:#484848; }
.boardWrap .cmtBox .position_r { height:70px; margin-top:15px; }
.boardWrap .cmtBox textarea { width:90%; height:100%; border:1px solid #ccc; resize:none; }
.boardWrap .cmtBox .btnSubmit { display:inline-block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:9%; height:100%; }
.boardWrap .cmtBox .btnSubmit:before {display:inline-block; height:100%; vertical-align:middle;}

.boardWrap .cmtListBox { margin-top:10px; }
.boardWrap .cmtListBox .titleBg strong { padding-right:5px; }
.boardWrap .cmtBox .cmtNum { color:#0853b0; font-weight:700; }
.boardWrap .cmtBox .listItem { position:relative; border-bottom:1px solid #ddd; }
.boardWrap .cmtBox .cmtList small { margin-left:10px; color:#919191; }
.boardWrap .cmtBox .cmtList .listCon { margin-top:17px; line-height:1.2; }

.boardWrap .cmtBox .cmtList .btnDel { position:absolute; top:17px; right:20px; }


/* 폼 */
.boardWrap .btnBlack { background-color:#292929; color:#fff; }
.boardWrap .boardWriteBox { margin-bottom:70px; }
.boardWrap .boardWriteBox .highlight { color:#f44242; }

.boardWrap .boardWriteBox input[type="text"],
.boardWrap .boardWriteBox textarea { width:100%; border:1px solid #ddd; padding:7px 10px; }

.boardWrap .boardWriteBox input[type="radio"],
.boardWrap .boardWriteBox input[type="checkbox"] { height:auto; }

.boardWrap .boardWriteBox .boardBasic { width:100%; border-top:2px solid #1c236c; font-size:16px; }

.boardWrap .boardWriteBox .boardBasic tr { border-bottom:1px solid #e8eaf0; }

.boardWrap .boardWriteBox .boardBasic th { width:20%; background-color:#f5f6f8; color:#222; font-weight:500; }

.boardWrap .boardWriteBox .boardBasic th,
.boardWrap .boardWriteBox .boardBasic td { padding-top:16px; padding-bottom:16px; }

.boardWrap .boardWriteBox .boardBasic td { padding-left:20px; padding-right:20px; color:#484848; }

.boardWrap .boardWriteBox .boardBtnBox ul li { display:inline-block; margin:0 4px; vertical-align:middle; }



/* 파일첨부 */
.boardWrap .boardWriteBox #fileUploader { max-width:100% !important; }
.boardWrap .tx-editor-container { border:1px solid #ddd; }


.fileAttach {padding: 5px 0 5px 3px; }
.fileAttach .fileTop {height: 25px;}
.fileAttach .fileTop span{margin-right: 0;}
.fileAttach .fileTop .f_l a + a {margin-left: 3px;}
.fileAttach .fileTop .f_r {padding-top: 3px; font-size:14px;}
.fileAttach .fileTop .fileCo {font-weight: 600; padding: 0 2px; color: #c01d1d;}
.fileAttach .fileAttachBtn {display: inline-block; background-color: #0a6bf0; color: #fff; line-height: 25px; padding: 0 10px; border-radius: 15px; font-size: 12px;}
.fileAttach .fileMain {margin-top: 7px; border: 1px solid #c9ceda;}
.fileAttach .fileMain .none {height: 28px; line-height: 28px; padding: 0 10px; color: #ee2d24; font-weight: 500; text-align: center; font-size: 12px;}
.fileAttach .fileMain .fileHeader {background: #ebeef5; height: 26px; line-height: 26px;}
.fileAttach .fileMain .fileHeader .fileLi {display: table; width: 100%;}
.fileAttach .fileMain .fileHeader .fileLi span {display: table-cell; color: #383838; font-weight: 500; font-size: 12px; text-align: center;}
.fileAttach .chkBox {width: 30px;}
.fileAttach .storage {width: 55px;}
.fileAttach .manage {width: 65px;}
.fileAttach .fileList {background-color: #fff;}
.fileAttach .fileList li {overflow: hidden; margin-bottom: 0;}
.fileAttach .fileList .fileLi {display: table; width: 100%; line-height: 2;}
.fileAttach .fileList .fileLi.selected {background: #e1e1e1;}
.fileAttach .fileList li span {display:table-cell; color: #545454; font-weight: 500; font-size: 12px; text-align: center;}
.fileAttach .fileList li span.fileName {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 0; padding: 2px 30px 2px 0; text-align: left; text-indent: 20px;}
.fileAttach .fileList .editA {font-size: 0;}
.fileAttach .fileList .editA img {margin-top: -7px; height: 15px; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden;}
.fileAttach .fileList .delA {font-size: 0;}
.fileAttach .fileList .delA img {margin-top: -7px;}
.fileAttach .fileList .manage a+a {margin-left: 1px;}

/* 카테고리 */
.category {overflow-x:scroll; width:100%; margin-bottom:30px; padding-bottom:10px;}
.category::-webkit-scrollbar-thumb {background-color:#ddd; border-radius:10px;}
.category::-webkit-scrollbar {height:5px;}
.category li {float:left; height:40px; margin-right:10px; margin-bottom:10px; line-height:38px; font-size:15px;}
.category li:last-child {margin-right:0;}
.category li a {display:block; width:100%; height:100%; background-color:#c6cad5; padding:0 20px; color:#fff;}
.category li.on a {border:1px solid #0853b0; background-color:#0853b0;}


/* ---------------------------------------- 반응형 ---------------------------------------- */
/* ---------------------------- PC ---------------------------- */
@media all and (max-width: 1600px) {

}

@media all and (max-width: 1440px) {

}

@media all and (max-width: 1366px) {

}

@media all and (max-width: 1280px) {
    /* 뷰 */
    .boardWrap .cmtBox textarea { width:90%; }
    .boardWrap .cmtBox .btnSubmit { width:9%; }
}

@media all and (max-width: 1200px) {

}


/* ---------------------------- 태블릿 ---------------------------- */
@media all and (max-width: 1024px) {
    /* 리스트 */
    .boardWrap .boardListBox .boardBasic thead { display:none; }


    .boardWrap .boardListBox .boardBasic tbody tr { position:relative; display:block; width:100%; padding:1rem 0; }
    .boardWrap .boardListBox .boardBasic tbody tr:after { content:''; display:block; clear:both; }
    .boardWrap .boardListBox .boardBasic td { display:block; float:left; padding:0; }

    .boardWrap .boardBasic input { height:auto; }

    .boardWrap .boardListBox .boardBasic .tbName,
    .boardWrap .boardListBox .boardBasic .last { display:block; }

    .boardWrap .boardListBox .boardBasic .first { margin-right:5px; }
    .boardWrap .boardListBox .boardBasic .tbNum { margin-top:2px; }
    .boardWrap .boardListBox .boardBasic .icoNotice { margin:0; }
    .boardWrap .boardListBox .boardBasic td.tbTitle { width:100%; padding:0.8rem 0; font-weight:700; }

    .boardWrap .boardListBox .boardBasic .tbName,
    .boardWrap .boardListBox .boardBasic .tbDate { position:relative; margin-right:7px; padding-right:9px; }

    .boardWrap .boardListBox .boardBasic .tbName:before,
    .boardWrap .boardListBox .boardBasic .tbDate:before { display:block; position:absolute; right:0; top:55%; transform:translateY(-50%); width:1px; height:12px; background:#ddd; }

    .boardWrap .boardListBox .boardBasic .tbNum,
    .boardWrap .boardListBox .boardBasic .tbName,
    .boardWrap .boardListBox .boardBasic .tbDate,
    .boardWrap .boardListBox .boardBasic .last { width:auto; }
  
  
  	/* 검색 결과 없음 */
  	.boardWrap .boardListBox .boardBasic .listNone {float:none; padding:15px 0;}
}

@media all and (max-width: 820px) {
    /* 뷰 */
    .boardWrap .boardViewBox .boardTitle,
    .boardWrap .boardViewBox .boardData,
    .boardWrap .boardViewBox .boardCon,
    .boardWrap .boardViewBox .boardAttach .titleBg,
    .boardWrap .boardViewBox .boardAttach .fileList,
    .boardWrap .boardViewBox .postMove,
    .boardWrap .cmtBox .titleBg,
    .boardWrap .cmtBox .cmtWrite,
    .boardWrap .cmtBox .listItem { padding-left:1.5rem; padding-right:1.5rem; }

    .boardWrap .boardData,
    .boardWrap .boardViewBox .boardAttach .titleBg,
    .boardWrap .boardViewBox .boardAttach .fileList,
    .boardWrap .boardViewBox .postMove,
    .boardWrap .cmtBox .titleBg,
    .boardWrap .cmtBox .cmtWrite,
    .boardWrap .cmtBox .listItem { padding-top:1.3rem; padding-bottom:1.3rem; }


    .boardWrap .boardData ul li { position:relative; margin-right:7px; padding-right:9px; }
    .boardWrap .boardData ul li:before { display:block; position:absolute; right:0; top:55%; transform:translateY(-50%); width:1px; height:12px; background:#ddd; }
	.boardWrap .boardData .rightBox ul li:last-child:before {display:none;}
  
    /* .boardWrap .boardData ul .views:before,
    .boardWrap .boardData ul li strong { display:none; } 

    .boardWrap .boardData ul li span,
    .boardWrap .boardData .rightBox ul li:last-child { margin-left:0; } */

    .boardWrap .boardData .rightBox { float:none; }

    .boardWrap .boardData ul .views { /* padding-left:25px; background-image:url('/template/common/tmpt/ico_views1.png'); */ background-position:left 2px; background-repeat:no-repeat; }

    .boardWrap .cmtBox .cmtList .btnDel { top:.9rem; right:1.5rem; }
}

@media all and (max-width: 750px) {

}


/* ---------------------------- 모바일 ---------------------------- */
@media all and (max-width: 640px) {
    /* 리스트 */
    .boardWrap .boardListBox .boardBasic { table-layout:fixed; font-size:1.5rem; }

    .boardWrap .boardListInfo,
    .boardWrap .boardListBox .boardSearch { float:none; }

    .boardWrap .boardListBox .boardSearch { margin-top:1.5rem; }

    .boardWrap .boardListBox .searchForm { display:flex; justify-content:space-between; }
    .boardWrap .boardSearch select { width:26%; }
    .boardWrap .searchForm input { width:56%; }
    .boardWrap .btnSearch { width:15%; }

    .boardWrap .boardPagerBox ul { display:flex; justify-content:center;  align-items:center; }
    .boardWrap .boardPagerBox a { width:25px; height:25px; line-height:24px; font-size:1.5rem; }
  
 	 /* 카테고리 */
    .category ul {min-width:640px;}
    .category li {font-size:14px;}
  

    /* 뷰 */
    .titleBg strong,
    .boardWrap .boardViewBox,
    .boardWrap .cmtBox { font-size:1.5rem; }

    .boardWrap .boardViewBox .boardTitle h3 { font-size:1.6rem; }
    .boardWrap .boardCon { padding-top:3rem; padding-bottom:5rem; }

    .boardWrap .boardViewBox .postMove strong { padding-right:20px; }
    .boardWrap .boardViewBox .postTitle { margin-left:20px; }

    .boardWrap .cmtBox .cmtList .listTop { margin-top:5px; }
    .boardWrap .cmtBox .cmtList .listCon { margin-top:20px; }

    .boardWrap .cmtBox textarea { width:84%; }
    .boardWrap .cmtBox .btnSubmit { width:14%; }

    /* 폼 */
    .boardWrap .boardWriteBox .boardBasic { font-size:1.5rem; }

    .boardWrap .boardWrite .boardBasic tr { display:block; padding:1.5rem 0.2rem; }

    .boardWrap .boardWrite .boardBasic th,
    .boardWrap .boardWrite .boardBasic td { display:block; width:100%; padding:0; text-align:left; }

    .boardWrap .boardWriteBox .boardBasic th { background:#fff; }
    .boardWrap .boardWrite .boardBasic td { padding-top:1rem; }
}

@media all and (max-width: 490px) {

}

@media all and (max-width: 460px) {
    /* 뷰 */
    .boardWrap .boardViewBox .postTitle { width:65%; }

    .boardWrap .boardViewBox .boardAttach .fileList ul li:before { top:0; transform:translateY(0); }

    .boardWrap .cmtBox .position_r { height:auto; }

    .boardWrap .cmtBox textarea,
    .boardWrap .cmtBox .btnSubmit { width:100%; }

    .boardWrap .cmtBox textarea { height:7rem; }

    .boardWrap .cmtBox .btnSubmit { position:static; transform:translateY(0); margin-top:1rem; }
}

@media all and (max-width: 385px) {
    /* 리스트 */
    .boardWrap .boardListBox .boardBasic .tbTitle .ellipsis { max-width:75%; }
}

@media all and (max-width: 340px) {

}