/* bbs */
div.bbs{width:100%; height:auto;}

/* 검색 */
div.search-wrap{width:100%; height:auto; margin-top:3rem; padding:1.5rem; background:#f5f5f5; border:1px solid #ccc;}
div.search-wrap div.total{float:left; height:3rem; line-height:3rem; letter-spacing:-0.03rem;}
div.search-wrap div.total span.num{display:inline-block; margin-left:0.5rem;}
div.search-wrap div.total span.num > span{color:#0069b7; font-family:"NotoKr_B";}
div.search-wrap div.search{float:right;}
div.search-wrap div.search > div{display:inline-block; vertical-align:middle;}
div.search-wrap div.search > div.sel-wrap{width:8rem;}
div.search-wrap div.search > div.input-wrap{position:relative; width:20rem;}
div.search-wrap div.search > div.input-wrap a.search-btn{position:absolute; top:0; right:0; display:inline-block; width:3rem; height:3rem; background:url("/fro_end/img/ic_search.svg") center no-repeat; background-size:1rem; font-size:0; text-indent:-9999px;}

/* 일반게시판 list */
div.bbs.def-list table label.c-input{display:block; width:1rem; height:1rem; line-height:normal; margin:0 auto; padding:0;}
div.bbs.def-list table.table01 tr td.tit a{display:inline-block;}
div.bbs.def-list table.table01 tr td.tit a span.new{display:inline-block; width:1.5rem; height:1.5rem; padding-top:6px; margin-left:0.5rem; border-radius:50%; vertical-align:middle; background:#ff9700; color:#fff; text-align:center; font-size:11px; font-family:"GmarketSansMedium";}
div.bbs.def-list table.table01 tr td.file a{display:inline-block;}
div.bbs.def-list table.table01 tr td.file a img{display:inline-block; width:auto; height:1.25rem; margin:0 auto;}
div.bbs.def-list table.table01 tr.main-list td.num span{display:inline-block; width:3rem; height:1.8rem; line-height:1.8rem; border-radius:3px; background:#0069b7; font-size:0.9rem; color:#fff;}
div.bbs.def-list table.table01 tr.main-list td.tit a{font-family:"NotoKr_B";}

/* view */
div.bbs.view div.view-top{width:100%; height:auto; padding:0 3rem; border:1px solid #ccc; border-top:1px solid #0e4b8c; background:#f5f5f5;text-align:center;}
div.bbs.view div.view-top div.view-tit{padding:1.5rem 0; border-bottom:1px solid #ccc; font-size:1.5rem; font-family:"NotoKr_M";}
div.bbs.view div.view-top div.view-tit div.inf{padding-top:0.5rem;}
div.bbs.view div.view-top div.view-tit div.inf ul li{display:inline-block; margin-right:2rem; font-size:1rem; font-family:"NotoKr_DL";}
div.bbs.view div.view-top div.view-tit div.inf ul li:last-child{margin-right:0;}
div.bbs.view div.view-top > div.inf{padding:1.5rem 0; text-align:left;}
div.bbs.view div.view-top > div.inf span.att-tit{position:relative; display:inline-block; vertical-align:top;}
div.bbs.view div.view-top > div.inf span.att-tit img{display:inline-block; width:1rem; height:auto; margin-right:5px; transform:translateY(2px);}
div.bbs.view div.view-top > div.inf span.att-tit:after{content:""; display:inline-block; width:1px; height:12px; margin:0 12px; background:#aaa;}
div.bbs.view div.view-top > div.inf ul{display:inline-block; vertical-align:top;}
div.bbs.view div.view-top > div.inf ul li{display:block; margin-bottom:3px;}
div.bbs.view div.view-top > div.inf ul li:last-child{margin-bottom:0;}
div.bbs.view div.view-top > div.inf ul li a{display:inline-block;}
div.bbs.view div.view-top > div.inf ul li a:hover{text-decoration:underline;}
div.bbs.view div.view-con{width:100%; height:auto; line-height:1.8; padding:2.5rem 3rem; border:1px solid #ccc; border-top:0; clear:both; overflow:hidden;}
div.bbs.view div.view-con img{display:inline-block; width:auto; max-width:100%; height:auto;}
div.bbs.view div.view-con table{margin:auto;}
div.bbs.view div.view-bot{position:relative; width:100%; height:5rem; margin-top:3rem;}
div.bbs.view div.view-bot a.view-btn{position:absolute; top:0; display:inline-block;}
div.bbs.view div.view-bot a.view-btn.prev{left:0;}
div.bbs.view div.view-bot a.view-btn.next{right:0;}
div.bbs.view div.view-bot a.view-btn > div{float:left;}
div.bbs.view div.view-bot a.view-btn div.arrow{width:3rem; height:3rem; border:1px solid #ccc; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
div.bbs.view div.view-bot a.view-btn.prev div.arrow{margin-right:1.5rem;}
div.bbs.view div.view-bot a.view-btn.next div.arrow{margin-left:1.5rem;}
div.bbs.view div.view-bot a.view-btn div.arrow span{display:block; width:100%; height:100%; background-image:url("/fro_end/img/view_arrow.svg"); background-position:center; background-repeat:no-repeat; background-size:35%; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
div.bbs.view div.view-bot a.view-btn.next div.arrow span{transform:rotate(180deg);}
div.bbs.view div.view-bot a.view-btn.next div.txt{text-align:right;}
div.bbs.view div.view-bot a.view-btn div.txt > span{display:block;}
div.bbs.view div.view-bot a.view-btn div.txt span.txt01{font-family:"NotoKr_B";}
div.bbs.view div.view-bot a.view-btn div.txt span.txt02{max-width:20rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.bbs.view div.view-bot a.view-btn:hover div.arrow{border-color:#333;}
div.bbs.view div.view-bot a.view-btn:hover div.arrow span{background-image:url("/fro_end/img/view_arrow_bk.svg"); background-position:center; background-repeat:no-repeat; background-size:35%;}
div.bbs.view div.view-bot div.btn-wrap{position:absolute; top:0; left:50%; transform:translateX(-50%);}

/* write */
div.bbs.write div.write-wrap{width:100%; height:auto;}
div.bbs.write div.write-wrap table tr.attach td input[type="file"]{display:block; width:50%; margin-bottom:0.5rem;}
div.bbs.write div.write-wrap table tr.attach td input[type="file"]:last-child{margin-bottom:0;}
div.bbs.write div.write-wrap div.editor-wrap{width:100%; height:30rem; border:1px solid #ccc; border-top:0;}

/* pagination */
div.pagination{width:100%; height:auto; margin-top:3rem; text-align:center;}
div.pagination ul{display:inline-block;}
div.pagination ul li{display:inline-block; vertical-align:middle;}
div.pagination ul li a{display:inline-block; width:2.5rem; height:2.5rem; line-height:2.5rem; border:1px solid #ddd;}
div.pagination ul li.arrow a{line-height:normal; padding-top:0.5rem;}
div.pagination ul li.arrow a img{width:10px; height:10px; vertical-align:middle;}
div.pagination ul li.arrow.prev a img{transform:rotate(180deg);}
div.pagination ul li.on a{border-color:#0069b7; background:#0069b7; color:#fff; font-family:"NotoKr_M";}