@charset "UTF-8";

div.bbs-wrap{width:1400px; margin:0 auto; margin-bottom:9rem;}

/* 안내문구 */
div.bbs-wrap p.inf-txt{position:relative; padding-left:1.5rem; margin-top:0.5rem; line-height:1.5; font-size:0.95rem; font-family:'Pretendard-Medium',sans-serif;}
div.bbs-wrap p.inf-txt:before{content:'!'; display:block; width:18px; height:18px; line-height:18px; text-align:center; font-size:12px; font-family:'Pretendard-ExtraBold',sans-serif; border-radius:50%; background:var(--color-main02); color:#fff; position:absolute; top:2px; left:0;}
div.bbs-wrap p.inf-txt.blue{color:var(--color-main03);}
div.bbs-wrap p.inf-txt.blue:before{background:var(--color-main03);}
div.bbs-wrap p.inf-txt.red{color:var(--color-red);}
div.bbs-wrap p.inf-txt.red:before{content:'\00D7'; background:#fff; font-size:14px; color:var(--color-red); border:2px solid var(--color-red); width:15px; height:15px; line-height:16px; top:3px;}

/* 공통 :: 검색영역 */
div.search-wrap{background:#f7f7f7; padding:3.2rem 8rem; border-radius:1.5rem; margin-bottom:3rem;}
div.search-wrap div.search{display:flex; align-items:flex-end; justify-content:space-between; font-size:1.125rem;}
div.search-wrap div.search div.select-sort{width:25%;}
div.search-wrap div.search div.select-sort select{width:100%; border-radius:0; border:0; height:3rem; line-height:3rem; padding:0 0 0 0.5rem; border-bottom:2px solid #333; font-size:inherit; background:url("/fro_end/img/select_arrow.svg")98% center/0.7rem auto no-repeat;} 
div.search-wrap div.search div.select-sort select:focus,
div.search-wrap div.search div.select-sort select:active{border:0; border-bottom:2px solid #333; outline:0;}
div.search-wrap div.search div.input-txt{width:70%; display:flex; align-items:center;}
div.search-wrap div.search div.input-txt input[type="text"]{border-radius:0; background:transparent; padding:0 0 0 0.5rem; border:0; height:3rem; line-height:3rem; border-bottom:2px solid #333; font-size:inherit;}
div.search-wrap div.search div.input-txt a.btn-search{min-width:3.2rem; height:3.2rem; background:var(--color-main01) url("/fro_end_bioall/img/ico_search_wh.svg")center/60% auto no-repeat; border-radius:0.5rem 0 0.5rem 0; margin-left:2rem; transition:0.3s; -webkit-transition:0.3s;}
div.search-wrap div.search div.input-txt a.btn-search:hover{transform: scaleX(1.13) scaleY(1.13) translateZ(0);}
div.search-wrap div.search div.input-txt a.btn-search:active{transform: scaleX(0.98) scaleY(0.98) translateZ(0);}
div.search-wrap div.category{margin-top:2rem;}
div.search-wrap div.category ul{display:flex; align-items:center; flex-wrap:wrap; justify-content:center; gap:0.3rem;}
div.search-wrap div.category ul li{background:#fff; border:1px solid #ddd; color:#777; border-radius:0.5rem 0 0.5rem 0; transition:0.12s; -webkit-transition:0.12s;}
div.search-wrap div.category ul li a{padding:0.4rem 0.8rem;}
div.search-wrap div.category ul li.on{border:2px solid var(--color-main03); color:var(--color-main03); font-family:'Pretendard-Bold',sans-serif;}
div.search-wrap div.category ul li:not(.on):hover{border-color:#aaa; background:#f9f9f9; color:#555;}

/* 공통 :: 페이지네이션 */
div.pagination{margin-top:3rem;}
div.pagination ul{display:flex; align-items:center; gap:0.25rem; justify-content:center;}
div.pagination ul li{width:2.25rem; height:2.25rem; line-height:2.25rem; text-align:center; border-radius:50%; color:#777; font-family:'Pretendard-Light',sans-serif;}
div.pagination ul li a{width:100%; height:100%;}
div.pagination ul li.arrow{background:#f5f5f5 url("/fro_end_bioall/img/ico_next.svg")center/30% auto no-repeat;}
div.pagination ul li.arrow.prev{transform:rotate(-180deg); margin-right:1rem;}
div.pagination ul li.arrow.next{margin-left:1rem;}
div.pagination ul li.on{background:var(--color-main01); color:#fff; font-family:'Pretendard-Bold',sans-serif;}
div.pagination ul li:not(.on):hover{background:#f1f1f1;}
div.pagination ul li.arrow:hover{background:#eee url("/fro_end_bioall/img/ico_next.svg")center/30% auto no-repeat;}


/* 게시판 공통 :: 리스트 상단영역 */
div.bbs-wrap div.bbs-util{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:1rem;}
div.bbs-wrap div.bbs-util div.total{font-size:1.125rem; font-family:'Pretendard-Light',sans-serif;}
div.bbs-wrap div.bbs-util div.total span.num{color:var(--color-main01); font-family:'Pretendard-Bold',sans-serif;}
div.bbs-wrap div.bbs-util div.admin{display:flex; gap:0.5rem;}


/* list */
div.bbs-wrap section.board.list table.bbs-table{border-top:2px solid #333; text-align:center;}
div.bbs-wrap section.board.list table.bbs-table thead{border-bottom:1px solid #333;}
div.bbs-wrap section.board.list table.bbs-table thead th{padding:1rem 0.5rem; font-size:1.125rem;}
div.bbs-wrap section.board.list table.bbs-table tbody tr{border-bottom:1px solid #ddd;}
div.bbs-wrap section.board.list table.bbs-table tbody td{padding:1.125rem 0.5rem; color:#777; font-size:1.05rem;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit{text-align:left; color:#222;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit a{width:fit-content; max-width:38rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit span.secret{display:inline-block; width:1.25rem; height:1.25rem; vertical-align:middle; background:url("/fro_end_bioall/img/ico_secret.svg")center/auto 100% no-repeat;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit span.new{display:inline-block; width:1.25rem; height:1.25rem; line-height:1.25rem; text-align:center; background:var(--color-main02); color:#fff; font-size:10px; margin-left:0.25rem; border-radius:50%; font-family:'Montserrat_B','Pretendard-Bold',sans-serif;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit span.attach{display:inline-block; width:1.25rem; height:1.25rem; vertical-align:baseline; background:url("/fro_end_bioall/img/ico_attach.svg")center/auto 100% no-repeat; opacity:.5; vertical-align:bottom;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit span.comment-count{font-size:0.9em; font-family:'Pretendard-Medium',sans-serif; color:var(--color-main02);}
div.bbs-wrap section.board.list table.bbs-table tbody tr.main-noti td.tit{font-family:'Pretendard-Bold',sans-serif;}
div.bbs-wrap section.board.list table.bbs-table tbody tr.main-noti td.num span.bell{display:inline-block; width:1.75rem; height:1.75rem; background:url("/fro_end_bioall/img/ico_bell.svg")center/auto 100% no-repeat;}
div.bbs-wrap section.board.list table.bbs-table tbody tr.reply td.tit{padding-left:3rem; position:relative;}
div.bbs-wrap section.board.list table.bbs-table tbody tr.reply td.tit:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end_bioall/img/ico_reply.svg")center/100% auto no-repeat; position:absolute; top:42%; left:1.5rem; opacity:.3; transform:translateY(-50%);}
div.bbs-wrap section.board.list table.bbs-table tbody tr.reply td.tit span.reply{display:inline-block; background:#eee; color:#999; margin-right:0.2rem; font-size:14px; padding:0.15rem 0.5rem; font-family:'Pretendard-Bold',sans-serif; border-radius:3px; vertical-align:top;}
@media(hover:hover){
	div.bbs-wrap section.board.list table.bbs-table tbody tr:hover{background:var(--color-main01-20);}
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit a:hover{font-weight:700; color:var(--color-main01);}
}

/* modal (비밀글) */
div.modal-wrap.secret div.modal div.con{padding:2rem 5rem; background:#f7f7f7; border-radius:1rem;}
div.modal-wrap.secret div.modal div.con div.password input.pw-input{background:transparent; border:0; border-bottom:2px solid #333; border-radius:0;}


/* view */
div.bbs-wrap section.board.view{width:1280px; margin:0 auto;}
div.bbs-wrap section.board.view div.viewer div.view-top{border-top:2px solid #333;}
div.bbs-wrap section.board.view div.viewer div.view-top div.title{padding:1.5rem 1rem;}
div.bbs-wrap section.board.view div.viewer div.view-top div.title p.category{color:var(--color-main01); font-family:'Pretendard-Bold',sans-serif; text-align:center; margin-bottom:1rem;}
div.bbs-wrap section.board.view div.viewer div.view-top div.title h3{font-family:'Pretendard-Bold',sans-serif; font-size:1.5rem; text-align:center; line-height:1.5;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util{font-size:0.9rem; display:flex; align-items:center; justify-content:center; gap:2rem; padding:1rem; border-top:1px solid #ddd; border-bottom:1px solid #ddd; position:relative; background:#f9f9f9; flex-wrap:wrap;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info{display:flex; align-items:center; flex-wrap:wrap; gap:1rem; justify-content:center;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info > li{color:#333;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info > li span.lab{color:#aaa;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util a.btn-linkcopy{position:relative; padding-left:1.25rem;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util a.btn-linkcopy:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_linkcopy.svg")center/83% auto no-repeat; position:absolute; top:1px; left:0; opacity:.4;}
div.bbs-wrap section.board.view div.viewer div.view-cont{font-family:'Pretendard-Regular',sans-serif; font-size:1rem; color:#000; line-height:1.6; border-bottom:1px solid #333; padding:1.5rem 0;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner{width:95%; margin:0 auto;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner a{color:blue;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner a:hover{text-decoration:underline;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner img{display:inline-block; max-width:100%;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner table{max-width:100%;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner table th{border:1px solid #ccc; padding:5px; font-weight:bold;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner table td{border:1px solid #ccc; padding:5px;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner ul,
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner ol,
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner dl{list-style:revert;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner video,
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner iframe{max-width:100%;}
div.bbs-wrap section.board.view div.viewer div.view-attach{display:flex; align-items:center; padding:1rem 0; border-bottom:1px solid #ddd;}
div.bbs-wrap section.board.view div.viewer div.view-attach span.lab{width:10rem; text-align:center; font-family:'Pretendard-Bold',sans-serif;}
div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list{}
div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list li{position:relative; padding-left:1.5rem; color:#777;}
div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list li:before{content:''; display:block; width:1.35rem; height:1.35rem; background:url("/fro_end/img/ico_attach.svg")center/contain no-repeat; position:absolute; top:0.5rem; left:0;}
div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list li a{display:inline-block; padding:0.5rem 0;}
div.bbs-wrap section.board.view div.viewer div.view-comment{margin-top:4rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.lab{font-family:'Pretendard-Bold',sans-serif; padding-bottom:0.5rem; border-bottom:2px solid #333; position:relative; padding-left:1.4rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.lab:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_comment.svg")center/100% auto no-repeat; position:absolute; top:3px; left:0;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list{}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li{padding:0.5rem 0.5rem 1rem 0.5rem; margin:0.5rem 0; border-bottom:1px solid #ccc;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.top{display:flex; align-items:center; justify-content:space-between; margin-bottom:0.3rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.top div.writer{font-family:'Pretendard-Bold',sans-serif; font-size:1rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util{display:flex; gap:1rem; align-items:center;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.date{font-size:0.85rem; color:#999;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option{}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option a[class^="btn-"]{font-family:'Pretendard-SemiBold',sans-serif; display:inline-block; font-size:14px; padding:0.2rem 0.4rem; border:2px solid #f1f1f1; border-radius:5px; background:#f1f1f1;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option a.btn-delete{color:var(--color-red); background:var(--color-red-5); border-color:var(--color-red-5);}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option a.btn-reply-close{border-color:#555; color:#555; background:#fff;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.cont{line-height:1.5;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.reply-area{display:none;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li.reply{padding-left:2rem; position:relative;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li.reply:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_reply.svg")center/70% auto no-repeat; position:absolute; top:0.6rem; left:0.5rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li.empty{color:#999;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write{position:relative;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write div.text-area{width:100%; height:6rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write div.text-area textarea{padding:1rem; background:#f1f1f1; border-radius:0; border:1px solid #eee; min-height:unset; width:100%; height:100%; border-radius:0.4rem; padding-right:7rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write a.btn-regist{width:auto; background:#333; color:#fff; font-size:1rem; padding:1rem 1.6rem; border-radius:0.3rem; font-family:'Pretendard-Bold',sans-serif; position: absolute; top:50%; transform:translateY(-50%); right:1.5rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply{background:#fff; padding:0; position:relative; padding-left:2rem; margin-top:1rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply:before{content:''; display:block; opacity:.5; width:1rem; height:1rem; background:url("/fro_end/img/ico_reply.svg")center/70% auto no-repeat; position:absolute; top:0; left:0.5rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply div.text-area{height:4rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply div.text-area textarea{padding-right:5rem; font-size:0.9rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write.reply a.btn-regist{font-size:0.85em; padding:0.5rem 1rem;}
div.bbs-wrap section.board.view div.viewer-util{}
div.bbs-wrap section.board.view div.viewer-util div.list-move{position:relative; width:100%; text-align:center; margin:4rem 0;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow{position:absolute; width:35%;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow div.lab{font-family:'Pretendard-Bold',sans-serif; margin-bottom:0.25rem; position:relative;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow div.lab:before{content:''; display:block; width:1rem; height:1rem; background:url("/fro_end/img/ico_next.svg")center/100% auto no-repeat;  position:absolute; top:1px; transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow div.tit{font-size:0.9rem; color:#777; font-family:'Pretendard-Light',sans-serif; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow.prev{left:0; text-align:left;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow.prev div.tit{padding-left:1.5rem;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow.prev div.lab{padding-left:1.5rem;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow.prev div.lab:before{left:0.5rem; transform:rotate(180deg);}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow.next{right:0; text-align:right;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow.next div.lab{padding-right:1.5rem;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow.next div.lab:before{right:0.5rem;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.c-btn.list{width:4rem; height:4rem; border-radius:50%; background:var(--color-main01) url("/fro_end/img/bbs_list_wh.svg")center/38% auto no-repeat;}
div.bbs-wrap section.board.view div.btn-center-wrap.admin{padding-top:3rem;}
@media(hover:hover){
	div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list li:hover{color:#333;}
	div.bbs-wrap section.board.view div.viewer div.view-attach ul.attach-list li a:hover{text-decoration:underline;}
	div.bbs-wrap section.board.view div.view-top div.util a.btn-linkcopy:hover{color:var(--color-main03);}
	div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option a[class^="btn-"]:hover{background:#fff;}
	div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow:hover div.tit{color:#555;}
	div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow.prev:hover div.lab:before{left:0;}
	div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow.next:hover div.lab:before{right:0;}
}


/* write */
div.bbs-wrap section.board.write{width:1024px; margin:0 auto;}
div.bbs-wrap section.board.write div.write-top{margin-bottom:1rem; border-top:2px solid #333; border-bottom:1px solid #aaa;}
div.bbs-wrap section.board.write div.write-top div.form div.form-item:last-child{border-bottom:0;}


/* gallery */
div.bbs-wrap section.board.list.gallery div.bbs-util{border-bottom:1px solid #ddd; padding-bottom:1rem; margin-bottom:2rem;}
div.bbs-wrap section.board.list.gallery ul.gallery-list{display:flex; flex-wrap:wrap;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li{width:31.33%; margin-right:3%; margin-bottom:2rem; position:relative; height:20rem; border-radius:1rem; overflow:hidden;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li:nth-child(3n){margin-right:0;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a{width:100%; height:100%;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.thumb{background:#000; width:100%; height:100%; position:relative;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.thumb span.category{display:inline-block; z-index:1; position:absolute; top:1rem; left:1rem; padding:5px 8px; box-shadow:0 8px 10px rgba(0,0,0,0.2); border-radius:5px; font-size:0.8rem; background:#fff; color:var(--color-main01); font-family:'Pretendard-SemiBold',sans-serif;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.thumb img{width:100%; height:100%; object-fit:cover; transition:0.3s; -webkit-transition:0.3s; opacity:.9;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label{width:100%; padding:1.25rem; position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.5); color:#fff; backdrop-filter:blur(3px); transition:0.3s; -webkit-transition:0.3s; padding-left:0.75rem;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label p.tit{height:2.5rem; margin-bottom:1rem; font-family:'Pretendard-Bold',sans-serif; font-size:1.15rem; padding-left:0.5rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label div.inf{display:flex; align-items:center; font-family:'Pretendard-Light',sans-serif; font-size:0.9rem;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label div.inf p.cate{}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label div.inf p.cate span.txt{display:inline-block; padding-right:0.5rem;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label div.inf p.date{opacity:.6;}
@media(hover:hover){
	div.bbs-wrap section.board.list.gallery ul.gallery-list li:hover a div.thumb img{transform:scale(1.1); opacity:1;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li:hover a div.label{bottom:-2.5rem; backdrop-filter:blur(0px); background:rgba(0,0,0,0.4);}
}
div.bbs-wrap section.board.list.gallery div.category{}
div.bbs-wrap section.board.list.gallery div.category ul{display:flex; align-items:center; flex-wrap wrap; justify-content:center; gap:0.5rem; margin-bottom:2rem;}
div.bbs-wrap section.board.list.gallery div.category ul li{background: #fff; border: 1px solid #ddd; color: #777; border-radius: 0.5rem; transition: 0.12s; -webkit-transition: 0.12s;}
div.bbs-wrap section.board.list.gallery div.category ul li.on{border:2px solid var(--color-main01); color:var(--color-main01); font-family:'Pretendard-Bold', sans-serif;}
div.bbs-wrap section.board.list.gallery div.category ul li a{padding:0.8rem 1rem; font-size:1.125rem;}

/* faq */
div.bbs-wrap section.board.list.faq ul.faq-list{border-top:2px solid #333;}
div.bbs-wrap section.board.list.faq ul.faq-list li{border-bottom:1px solid #ddd;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq{transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q{display:flex; align-items:center; position:relative; padding:1.25rem; transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q:after{content:''; display:block; width:2rem; height:2rem; background:url("/fro_end/img/ico_next_blue.svg")center/70% auto no-repeat; opacity:.3; position:absolute; top:50%; right:1rem; transform:translateY(-50%) rotate(90deg);}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q p.category{width:12%; text-align:center; color:#777;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q p.tit{width:88%; position:relative; padding:0.5rem 3rem;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q p.tit:before{content:'Q'; display:block; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:50%; font-size:1rem; background:var(--color-main01); color:#fff; font-family:'Pretendard-Bold',sans-serif; position:absolute; top:50%; left:0; transform:translateY(-50%);}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a{display:none; padding:2rem 3rem 5rem 1.25rem;border-top:1px solid #ddd; position:relative;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.cont{position:relative; padding-left:3rem;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.cont:before{content:'A'; display:block; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:50%; font-size:1rem; background:var(--color-main02); color:#fff; font-family:'Pretendard-Bold',sans-serif; position:absolute; top:-0.25rem; left:0;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu{position:absolute; bottom:1.25rem; right:1rem;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu a.btn-option{width:1.8rem; height:1.8rem; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.2); border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu a.btn-option span.dot{display:block; width:3px; height:3px; background:#333; border-radius:50%; margin:1px;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu ul.op-list{background:#fff; box-shadow:0 4px 15px rgba(0,0,0,0.1); font-size:0.9rem; border-radius:0.5rem; position:absolute; top:-2rem; opacity:0; left:0; pointer-events:none;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu ul.op-list li{border:none;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu ul.op-list li a[class*="btn-"]{padding:0.5rem 0.8rem; padding-left:2rem; text-wrap:nowrap; border-bottom:1px solid #ddd; position:relative; opacity:.8;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu ul.op-list li a[class*="btn-"]:before{content:''; display:block; width:1rem; height:1rem; position:absolute; top:50%; left:0.5rem; transform:translateY(-50%);}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu ul.op-list li:last-child a[class*="btn-"]{border-bottom:0;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu ul.op-list li a.btn-delete:before{background:url("/fro_end/img/ico_delete.svg")center/100% auto no-repeat;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu ul.op-list li a.btn-modify:before{background:url("/fro_end/img/ico_text.svg")center/100% auto no-repeat;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu.open a.btn-option{background:#333 url("/fro_end/img/ico_close_wh.svg")center/70% auto no-repeat; border-color:#333;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu.open a.btn-option span.dot{opacity:0;}
div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu.open ul.op-list{opacity:1; pointer-events:auto; top:-2.8rem; left:-1.25rem;}
/* open */
div.bbs-wrap section.board.list.faq ul.faq-list li.open div.faq{background:#f9fafb;}
div.bbs-wrap section.board.list.faq ul.faq-list li.open div.faq a.faq-q:after{transform:translateY(-50%) rotate(-90deg); opacity:1;}
div.bbs-wrap section.board.list.faq ul.faq-list li.open div.faq a.faq-q p.tit{color:var(--color-main01); font-family:'Pretendard-Bold',sans-serif;}
@media(hover:hover){
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q:hover:after{opacity:1;}
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q:hover p.tit{font-family:'Pretendard-Bold',sans-serif;}
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu:not(.open) a.btn-option:hover{background:#333;}
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu:not(.open) a.btn-option:hover span.dot{background:#fff;}
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu ul.op-list li a[class*="btn-"]:hover{opacity:1; background:#f7f7f7;}
}


/* 1:1문의 */
div.bbs-wrap section.board.list.msg div.search-wrap div.search div.select-sort{width:15%;}
div.bbs-wrap section.board.list.msg div.search-wrap div.search div.input-txt{width:60%;}
div.bbs-wrap section.board.list.msg div.search-wrap div.search div.select-sort.sort02{margin-left:4rem;}
div.bbs-wrap section.board.list.msg div.list-wrap table.bbs-table tbody td.tit {display:flex; align-item:center; margin-bottom:0.3rem;}
div.bbs-wrap section.board.list.msg div.list-wrap table.bbs-table tbody td.tit span.type{color:#aaa; font-family:'Pretendard-Regular',sans-serif; display:inline-block; margin-right:0.3rem;}
div.bbs-wrap section.board.list.msg div.list-wrap table.bbs-table tbody td.tit a{font-family:'Pretendard-Medium',sans-serif;}
div.bbs-wrap section.board.list.msg div.list-wrap table.bbs-table tbody tr.reply td.tit:before{top:46%;}
div.bbs-wrap section.board.list.msg div.list-wrap table.bbs-table tbody td.receive{}
div.bbs-wrap section.board.list.msg div.list-wrap table.bbs-table tbody td.receive span.chk{position:relative; padding-left:1.5rem;}
div.bbs-wrap section.board.list.msg div.list-wrap table.bbs-table tbody td.receive span.chk:before{content:''; display:block; width:1.2rem; height:1.2rem; background:url("/fro_end/img/ico_mail_open.svg")center/100% auto no-repeat; position:absolute; top:0; left:0; opacity:.5;}
div.bbs-wrap section.board.list.msg div.list-wrap table.bbs-table tbody td.receive span.nochk{}
/* 1:1문의 작성폼 */
div.bbs-wrap section.board.write.msg div.write-top div.form div.form-item.cont div.con textarea{width:100%; height:18rem;}
/* 1:1문의 뷰어 */
div.bbs-wrap section.board.view.msg div.viewer div.view-top div.title p.category{color:#aaa;}


@media screen and (max-width:1600px){}
@media screen and (max-width:1440px){
	
	div.bbs-wrap{width:90%;}

	/* gallery */
	div.bbs-wrap section.board.list.gallery ul.gallery-list li{height:17rem;}

}
@media screen and (max-width:1280px){
	
	/* view */
	div.bbs-wrap section.board.view{width:100%;}

}
@media screen and (max-width:1024px){
	
	/* write */
	div.bbs-wrap section.board.write{width:90%;}
	
	/* gallery */
	div.bbs-wrap section.board.list.gallery ul.gallery-list{justify-content:space-between;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li{width:48%; margin-right:0;}

}
@media screen and (max-width:800px){
	
	/* search */
	div.search-wrap{padding:3rem;}
	div.search-wrap div.category ul li{font-size:0.9rem;}
	div.search-wrap div.category ul li a{padding:0.3rem 0.6rem;}
	
	/* table */
	div.bbs-wrap section.board.list table.bbs-table{display:block;}
	div.bbs-wrap section.board.list table.bbs-table thead{display:none;}
	div.bbs-wrap section.board.list table.bbs-table tbody{display:block;}
	div.bbs-wrap section.board.list table.bbs-table tr{display:block;}
	div.bbs-wrap section.board.list table.bbs-table th{display:block;}
	div.bbs-wrap section.board.list table.bbs-table td{display:inline-block;}
	div.bbs-wrap section.board.list table.bbs-table tbody tr{width:100%; display:flex; flex-wrap:wrap; padding:1rem 0;  padding-left:5rem; position:relative;}
	div.bbs-wrap section.board.list table.bbs-table tbody tr.reply td.tit{padding-left:1.5rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody tr.reply td.tit:before{left:0;}
	div.bbs-wrap section.board.list table.bbs-table tbody td{padding:0; text-align:left;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.num{width:3rem; position:absolute; top:50%; left:1rem; transform:translateY(-50%); text-align:center; font-family:'Montserrat_B','Pretendard-Bold',sans-serif; color:#ccc; font-size:1.125rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.cate{margin-bottom:0.25rem; color:var(--color-main01);}
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit{width:100%; margin-bottom:0.65rem; font-size:1.2rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit a{max-width:85%;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit span.secret{width:1.125rem; height:1.125rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.date{font-size:0.95rem; padding-right:0.7rem; margin-right:0.7rem; position:relative; color:#afafaf;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.date:after{content:''; display:block; width:1px; height:60%; background:#ccc; position:absolute; top:20%; right:0;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.view{position:relative; padding-left:2.5rem; font-size:0.95rem; color:#afafaf;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.view:before{content:'View.'; display:block; position:absolute; font-size:1em; color:inherit; top:0; left:0;}

	/* gallery */
	div.bbs-wrap section.board.list.gallery ul.gallery-list li{height:15rem;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label{padding:1.05rem; padding-left:0.55rem;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label p.tit{margin-bottom:0.5rem;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label div.inf{font-size:0.8rem;}
	div.bbs-wrap section.board.list.gallery div.category ul li a{padding:0.4rem 0.8rem; font-size:1.1rem;}

	/* faq */
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q p.category{width:18%;}
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q p.tit{width:82%;}

}
@media screen and (max-width:640px){
	
	/* search */
	div.search-wrap{border-radius:1rem; padding:2.5rem; margin-bottom:2.5rem;}
	div.search-wrap div.search div.input-txt{width:73%;}
	div.search-wrap div.search div.input-txt a.btn-search{min-width:3rem; height:3rem; margin-left:1.5rem;}

	/* table */
	div.bbs-wrap div.bbs-util{margin-bottom:0.5rem;}

	/* view */
	div.bbs-wrap section.board.view div.viewer div.view-top div.title{padding:1rem;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util{gap:1rem;}

	/* faq */
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q{display:block; padding-left:4rem;}
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q p.category{width:100%; text-align:left; margin-bottom:0.25rem; font-size:0.85rem;}
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q p.tit{position:static; padding:0;}
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq a.faq-q p.tit:before{left:1rem;}
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a{padding:1.25rem 1.25rem 3rem 1.25rem;}

}
@media screen and (max-width:480px){

	/* search */
	div.search-wrap{padding:1.8rem; margin-bottom:2.25rem;}
	div.search-wrap div.search div.select-sort{width:20%;}
	div.search-wrap div.search div.input-txt{width:80%; position:relative;}
	div.search-wrap div.search div.input-txt input[type="text"]{padding-right:3.25rem;}
	div.search-wrap div.search div.input-txt a.btn-search{width:3rem; height:3rem; min-width:unset; position:absolute; top:0; right:0; margin:0; border-radius:0; background:transparent url("/fro_end_bioall/img/ico_search.svg")center/60% auto no-repeat;}
	
	/* table */
	div.bbs-wrap section.board.list table.bbs-table tbody tr{padding-left:3.5rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.num{left:0;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.date{font-size:0.9rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.view{font-size:0.9rem;}

	/* modal (비밀글) */
	div.modal-wrap.secret div.modal div.con{padding:0; background:#fff; border-radius:0;}

	/* view */
	div.bbs-wrap section.board.view div.viewer div.view-top div.title h3{font-size:1.35rem;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util{gap:0; justify-content:space-between; align-items:flex-start;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info{display:block;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info > li{margin-bottom:0.4rem;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util ul.info > li:last-child{margin-bottom:0;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util a.btn-linkcopy{font-size:0; width:2.1rem; height:2.1rem; padding:0; border:1px solid #ddd; border-radius:5px; background:#fff;}
	div.bbs-wrap section.board.view div.viewer div.view-top div.util a.btn-linkcopy:before{width:100%; height:100%; background-size:43% auto; top:0; left:0; opacity:.6;}
	div.bbs-wrap section.board.view div.viewer div.view-attach{display:block;}
	div.bbs-wrap section.board.view div.viewer div.view-attach span.lab{display:block; width:100%; margin-bottom:0.25rem; text-align:left;}
	div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util{gap:0.5rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment ul.comment-list li div.util div.option a[class^="btn-"]{font-size:11px;}
	div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write div.text-area textarea{padding-right:5rem;}
	div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write a.btn-regist{padding:1rem 1.2rem; right:1rem;}

	/* write */
	div.bbs-wrap section.board.write div.write-top div.form div.form-item.title div.con label.c-input.ci-check{width:100%; margin-top:0.25rem;}
	div.bbs-wrap section.board.write div.write-top div.form div.form-item.title div.con input[type="date"]{margin:0;}

	/* gallery */
	div.bbs-wrap section.board.list.gallery ul.gallery-list li{height:13rem;}

	/* faq */
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu a.btn-option{width:1.6rem; height:1.6rem; box-shadow:0 3px 8px rgba(0,0,0,0.15);}
	div.bbs-wrap section.board.list.faq ul.faq-list li div.faq div.faq-a div.menu a.btn-option span.dot{width:2px; height:2px;}

}
@media screen and (max-width:400px){
	
	/* gallery*/
	div.bbs-wrap section.board.list.gallery ul.gallery-list li{width:100%; height:18rem;}

}
@media screen and (max-width:320px){}