@charset "utf-8";

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

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

.galleryWrap select,
.galleryWrap input,
.galleryWrap button { height:40px; font-size:15px; }

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

.galleryWrap 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; }
.galleryWrap select::-ms-expand { display: none; }

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

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


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

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


/* 테이블 */
.galleryWrap .galleryList .galleryBasic { margin-top:20px; /* border-top:1px solid #ccc; */ border-bottom:1px solid #ccc; }
.galleryWrap .galleryList .galleryBasic input { height:auto; margin:15px 0 10px 0; }

.galleryWrap .galleryList .galleryBasic .listItem { position:relative; float:left; width:calc((100% - 1px - (2.7% * 2)) / 3);  margin-right:2.7%; margin-top:25px; padding-bottom:25px; }
.galleryWrap .galleryList .galleryBasic .listItem:nth-child(3n+1):before { display:block; position:absolute; left:0; top:-28px; width:317%; height:1px; background-color:#ccc; }
.galleryWrap .galleryList .galleryBasic .listItem:nth-child(3n) { margin-right:0; }

.galleryWrap .galleryList .galleryBasic .listItem .thumb { overflow:hidden; position:relative; width:100%; height:207px; background:#f7f7f7; }
.galleryWrap .galleryList .galleryBasic .listItem .thumb span { display:block; position:relative; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; margin:0 auto; object-fit:cover; }
.galleryWrap .galleryList .galleryBasic .listItem .thumb img { width:100%; }

.galleryWrap .galleryList .galleryBasic .tbTitle { margin-top:15px; color:#222; font-size:16px; }
.galleryWrap .galleryList .galleryBasic .tbTitle .ellipsisMulti { min-height:45px; font-weight:500; }
.galleryWrap .galleryList .galleryBasic .auth {margin-top:10px; color:#222; font-size:16px;}
.galleryWrap .galleryList .galleryBasic .auth strong {font-weight:400;}
.galleryWrap .galleryList .galleryBasic .date { margin-top:12px; color:#8d8d8d; font-size:15px; }


/* 검색 결과 없음 */
.galleryWrap .galleryList .galleryBasic .listNone {width:100%; margin-top:0; border-top:1px solid #ccc; padding-top:25px;}
.galleryWrap .galleryList .galleryBasic .listNone:before {display:none !important;}
.galleryWrap .galleryList .galleryBasic .listNone p {text-align:center;}


/* 아이콘 */
.galleryWrap .galleryListBox .galleryBasic .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; }
.galleryWrap .galleryListBox .galleryBasic .icoNew { display:inline-block; width:16px; height:16px; margin-top:-4px; 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; }
.galleryWrap .galleryListBox .galleryBasic .icoAttach { display:inline-block; width:14px; height:17px; margin-top:-4px; 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; }
.galleryWrap .galleryListBox .galleryBasic .cmt { margin-left:7px; font-size:15px; font-weight:700; }

.galleryWrap .galleryListBox .galleryBasic td.tbTitle { text-align:left; font-size:16px; }
.galleryWrap .galleryListBox .galleryBasic .tbTitle .ellipsis { display:inline-block; max-width:80%; }

.galleryWrap .galleryListBox .galleryBasic tbody tr:hover { background:#fafafa; }
.galleryWrap .galleryListBox .galleryBasic .tbTitle a:hover { color:#000; }

.galleryWrap .galleryBtnBox { margin-top:20px; }
.galleryWrap .galleryBtnBox a { display:block; }
.galleryWrap .galleryBtnBox .btnDel { border:1px solid #ccc; }
.galleryWrap .galleryBtnBox .btnWrite { float:right; }


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

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

.galleryWrap .galleryPagerBox .pageFirst,
.galleryWrap .galleryPagerBox .pageLast { width:15px; height:13px; }

.galleryWrap .galleryPagerBox .pagePrev,
.galleryWrap .galleryPagerBox .pageNext { width:8px; height:13px; }

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



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

.titleBg strong,
.galleryWrap .galleryViewBox,
.galleryWrap .cmtBox { font-size:16px; }

.galleryWrap .galleryViewBox .galleryTitle,
.galleryWrap .galleryViewBox .galleryData,
.galleryWrap .galleryViewBox .galleryCon,
.galleryWrap .galleryViewBox .galleryAttach .titleBg,
.galleryWrap .galleryViewBox .galleryAttach .fileList,
.galleryWrap .cmtBox .titleBg,
.galleryWrap .cmtBox .cmtWrite,
.galleryWrap .cmtBox .listItem { padding-left:20px; padding-right:20px; }

.galleryWrap .galleryData,
.galleryWrap .galleryViewBox .galleryAttach .titleBg,
.galleryWrap .galleryViewBox .galleryAttach .fileList,
.galleryWrap .galleryViewBox .postMove strong,
.galleryWrap .cmtBox .titleBg,
.galleryWrap .cmtBox .cmtWrite,
.galleryWrap .cmtBox .listItem { padding-top:17px; padding-bottom:17px; }



.galleryWrap .galleryViewBox { margin-bottom:70px; }

.galleryWrap .galleryViewBox .galleryTitle { border-top:1px solid #ccc; padding-top:20px; padding-bottom:20px; }
.galleryWrap .galleryViewBox .galleryTitle h3 { font-size:18px; }

.galleryWrap .galleryViewBox .galleryTitle,
.galleryWrap .galleryViewBox .galleryData,
.galleryWrap .galleryCon,
.galleryWrap .galleryViewBox .galleryAttach .titleBg,
.galleryWrap .galleryViewBox .galleryAttach .fileList { border-bottom:1px solid #eaeaea; }

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

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

.galleryWrap .galleryViewBox .galleryAttach .fileList ul li { position:relative; margin-bottom:10px; padding-left:22px; }
.galleryWrap .galleryViewBox .galleryAttach .fileList ul li a:hover { text-decoration:underline; }
.galleryWrap .galleryViewBox .galleryAttach .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; }

.galleryWrap .galleryViewBox .galleryPostMove { margin-top:30px; }


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

.galleryWrap .galleryViewBox .postMove { display:flex; align-items:center; width:100%; padding-right:20px; }
.galleryWrap .galleryViewBox .postMove.next { margin-top:-1px; }
.galleryWrap .galleryViewBox .postMove strong { position:relative; width:124px; padding-right:25px; padding-left:30px; }

.galleryWrap .galleryViewBox .postMove strong:before { display:block; position:absolute; right:25px; 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; }
.galleryWrap .galleryViewBox .postMove.next strong:before { background-image:url('/template/common/tmpt/ico_post_next2.png'); }

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

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

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

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


/* 폼 */
.boardWrap .btnDefault { display:inline-block; width:70px; height:40px; text-align:center; line-height:40px; }
.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 { margin-top:10px; }
.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; }

.boardAttach { margin-top:85px; background-color:#f8f9fc; padding:20px; }
.boardAttach > td {background:#fff;}
.boardAttach ul li { font-size:15px; }
.boardAttach ul li a { position:relative; padding-left:18px; padding-right:25px; color:#222; }
.boardAttach ul li:not(:last-child) { margin-bottom:10px; }
.boardAttach ul li a:before { display:block; position:absolute; top:50%; left:0; transform:translateY(-50%); width:13px; height:16px; background-image:url('/template/common/tmpt/ico_board_attach1.png'); background-position:center; background-repeat:no-repeat; }
/* .boardAttach ul li a:after { display:inline-block; position:absolute; top:50%; right:0; transform:translateY(-50%); width:17px; height:13px; background-image:url('/template/common/tmpt/ico_download1.png'); background-position:center; background-repeat:no-repeat; } */
.boardAttach ul li a:hover { text-decoration:underline; }
.boardAttach ul li a span {word-break:break-all;}

.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:#f7f7f7; padding:0 20px; color:#495465;}
.category li.on a {background-color:#0853b0; color:#fff;}



/* ---------------------------------------- 반응형 ---------------------------------------- */
/* ---------------------------- 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) {

}

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


/* ---------------------------- 태블릿 ---------------------------- */
@media all and (max-width: 1024px) {
    /* 리스트 */
    .galleryWrap .galleryList .galleryBasic .listItem .thumb { height:145px; }
}

@media all and (max-width: 820px) {
    /* 뷰 */
    .galleryWrap .galleryViewBox .galleryTitle,
    .galleryWrap .galleryViewBox .galleryData,
    .galleryWrap .galleryViewBox .galleryCon,
    .galleryWrap .galleryViewBox .galleryAttach .titleBg,
    .galleryWrap .galleryViewBox .galleryAttach .fileList,
    .galleryWrap .cmtBox .titleBg,
    .galleryWrap .cmtBox .cmtWrite,
    .galleryWrap .cmtBox .listItem { padding-left:1.5rem; padding-right:1.5rem; }

    .galleryWrap .galleryData,
    .galleryWrap .galleryViewBox .galleryAttach .titleBg,
    .galleryWrap .galleryViewBox .galleryAttach .fileList,
    .galleryWrap .cmtBox .titleBg,
    .galleryWrap .cmtBox .cmtWrite,
    .galleryWrap .cmtBox .listItem { padding-top:1.3rem; padding-bottom:1.3rem; }


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

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

    .galleryWrap .galleryData .rightBox { float:none; }

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

    .galleryWrap .galleryViewBox .postMove strong { padding-left:1.7rem; }

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

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

}


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

    .galleryWrap .galleryListInfo,
    .galleryWrap .galleryListBox .gallerySearch { float:none; }

    .galleryWrap .galleryListBox .gallerySearch { margin-top:1.5rem; }

    .galleryWrap .galleryListBox .searchForm { display:flex; justify-content:space-between; }
    .galleryWrap .gallerySearch select { width:26%; }
    .galleryWrap .searchForm input { width:56%; }
    .galleryWrap .btnSearch { width:15%; }

    .galleryWrap .galleryList .galleryBasic .listItem { float:none; width:100%; border-top:1px solid #ccc; margin-top:0; padding-top:25px; }
    .galleryWrap .galleryList .galleryBasic .listItem:nth-child(3n+1):before { display:none; }
    .galleryWrap .galleryList .galleryBasic .listItem .thumb { width:100%; height:270px; }

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


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

    .galleryWrap .galleryViewBox .galleryTitle h3 { font-size:1.6rem; }
    .galleryWrap .galleryCon { padding-top:3rem; padding-bottom:5rem; }

    .galleryWrap .galleryViewBox .postMove strong { width:30%; padding-right:20px; }
    .galleryWrap .galleryViewBox .postTitle { width:65%; margin-left:20px; }

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

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


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

    .boardWrap .boardWrite .boardBasic tr { display:block; margin:0; background-color:transparent; 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) {
    /* 뷰 */
    .galleryWrap .galleryViewBox .galleryAttach .fileList ul li:before { top:0; transform:translateY(0); }

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

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

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

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

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

    /* 뷰 */
    .galleryWrap .galleryViewBox .postMove strong { padding-left:1.5rem; }
    .galleryWrap .galleryViewBox .postMove strong:before { right:17px; }
}

@media all and (max-width: 340px) {
    /* 뷰 */
    .galleryWrap .galleryViewBox .postMove strong:before { display:none; }
}