@charset "UTF-8";

div.bbs-wrap{}

/* 안내문구 */
div.bbs-wrap p.inf-txt{position:relative; padding-left:1.65rem; margin-top:0.5rem; line-height:1.5; font-size:0.95rem; font-family:'NanumNeo_B',sans-serif;}
div.bbs-wrap p.inf-txt:before{content:'!'; display:block; width:20px; height:20px; line-height:20px; text-align:center; font-size:11px; font-family:'NanumNeo_H',sans-serif; border-radius:50%; background:var(--color-main03); color:#fff; position:absolute; top:1px; left:0;}
div.bbs-wrap p.inf-txt.blue{color:var(--color-main01);}
div.bbs-wrap p.inf-txt.blue:before{background:var(--color-main01);}
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/ico_arrow_down.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"]{width:100%; 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/img/ico_search_wh.svg")center/40% auto no-repeat; border-radius:0.5rem; 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.5rem;}
div.search-wrap div.category ul li{background:#fff; border:1px solid #ddd; color:#777; border-radius:7px;}
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-main01); color:var(--color-main01); font-family:'NanumNeo_EB',sans-serif; box-shadow:0 10px 20px var(--color-main01-10);}
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:5px; justify-content:center;}
div.pagination ul li{width:2.5rem; height:2.5rem; line-height:2.5rem; text-align:center; border-radius:50%; color:#777;}
div.pagination ul li a{width:100%; height:100%;}
div.pagination ul li.arrow{background:url("/fro_end/img/ico_next.svg")center/50% auto no-repeat; border:1px solid #aaa;}
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:'NanumNeo_EB',sans-serif;}
div.pagination ul li:not(.on, .arrow, .dots):hover{background:#f1f1f1;}
div.pagination ul li.arrow:hover{border-color:#333;}


/* 게시판 공통 :: 리스트 상단영역 */
div.bbs-wrap div.bbs-util{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:0.5rem;}
div.bbs-wrap div.bbs-util div.total{font-size:1rem; font-family:'NanumNeo_R',sans-serif;}
div.bbs-wrap div.bbs-util div.total span.num{color:var(--color-main01); font-family:'NanumNeo_EB',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:1.125rem 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;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit{text-align:left; font-family:'NanumNeo_B',sans-serif;}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit a{width:fit-content; max-width:40rem; 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; background:url("/fro_end/img/ico_secret.png")center/auto 100% no-repeat; transform:translate(0, 4px); margin-right:0.2rem;}
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-main03); color:#fff; font-size:0.65rem; margin-left:0.2rem; border-radius:50%; font-family:'NanumNeo_EB',sans-serif;  transform:translate(0, -2px);  box-shadow:0 5px 20px var(--color-main03-20);}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit span.attach{display:inline-block; width:1.25rem; height:1.25rem; background:url("/fro_end/img/ico_attach.svg")center/auto 100% no-repeat; opacity:.5; transform:translate(-2px, 3px);}
div.bbs-wrap section.board.list table.bbs-table tbody td.tit span.comment-count{font-size:0.9em; font-family:'NanumNeo_B',sans-serif; margin:0 0.125rem;}
div.bbs-wrap section.board.list table.bbs-table tbody tr.main-noti td.tit{font-family:'NanumNeo_EB',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/img/ico_bell.png")center/auto 100% no-repeat;}
div.bbs-wrap section.board.list table.bbs-table tbody tr.reply td.tit{padding-left:2.5rem; 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/img/ico_reply.svg")center/100% auto no-repeat; position:absolute; top:45%; left:1rem; 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:'NanumNeo_B',sans-serif; border-radius:3px; vertical-align:top;}
@media(hover:hover){
	div.bbs-wrap section.board.list table.bbs-table tbody tr:hover{background:#fafcff;}
	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{}
div.bbs-wrap section.board.view div.viewer div.view-top{}
div.bbs-wrap section.board.view div.viewer div.view-top div.title{padding:1rem 0; text-align:center;}
div.bbs-wrap section.board.view div.viewer div.view-top div.title p.category{background:var(--color-main01); font-size:0.9rem; font-family:'NanumNeo_B',sans-serif; margin:1rem auto; color:#fff; width:fit-content; border-radius:50px; padding:0.4rem 1rem;}
div.bbs-wrap section.board.view div.viewer div.view-top div.title h3{font-family:'NanumNeo_EB',sans-serif; font-size:2.25rem; line-height:1.5;}
div.bbs-wrap section.board.view div.viewer div.view-top div.util{display:flex; align-items:center; justify-content:center; gap:2rem; padding:1.5rem 1rem; position:relative; background:#f5f5f5; border-radius:0.5rem; 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-size:1rem; color:#000; line-height:1.5; padding:1.5rem; border-bottom:1px solid #333;}
div.bbs-wrap section.board.view div.viewer div.view-cont div.inner{}
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%;height:auto;}
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:'NanumNeo_B',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;}
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:'NanumNeo_B',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:'NanumNeo_EB',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:0.5rem; 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:'NanumNeo_B',sans-serif; display:inline-block; font-size:12px; padding:0.3rem 0.6rem; 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);}
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{}
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:#f5f5f5; border:1px solid #ddd; min-height:unset; width:100%; height:100%; border-radius:0.5rem; padding-right:7rem;}
div.bbs-wrap section.board.view div.viewer div.view-comment div.comment-write div.text-area textarea:focus{border:2px solid #333;}
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:'NanumNeo_B',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:'NanumNeo_B',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:1.25rem; height:1.25rem; 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:#aaa; font-family:'NanumNeo_R',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:2rem;}
div.bbs-wrap section.board.view div.viewer-util div.list-move a.arrow.prev div.lab{padding-left:2rem;}
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:2rem;}
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.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-top div.util a.btn-linkcopy:hover{font-weight:bold;}
	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.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;}
}

/* 채용공고 view */
div.bbs-wrap section.board.view.recruit{}
div.bbs-wrap section.board.view.recruit div.viewer div.view-top{}
div.bbs-wrap section.board.view.recruit div.viewer div.view-top div.util{}
div.bbs-wrap section.board.view.recruit div.viewer div.view-top div.util ul.info > li{margin-right:2rem; font-family:'NanumNeo_B',sans-serif;}
div.bbs-wrap section.board.view.recruit div.viewer div.view-top div.util ul.info > li span.lab{margin-right:0.25rem; font-family:'NanumNeo_EB',sans-serif; padding:0.4rem 0.8rem; border-radius:50px; background:#777; font-size:0.9rem; color:#fff;}
div.bbs-wrap section.board.view.recruit div.viewer div.view-cont{padding:1.5rem 0;}
div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf{margin-bottom:1.5rem; border:1px solid #333; border-radius:0.8rem; overflow:hidden;}
div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf p.inf-t{font-family:'NanumNeo_EB',sans-serif; font-size:1.25rem; padding:1rem;}  
div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table{font-size:1rem;}
div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table th{padding:0.5rem 1rem;border:1px solid #ddd;  background:#f5f5f5; color:#777; font-family:'NanumNeo_B',sans-serif;}
div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table td{padding:0.5rem 1rem;  border:1px solid #ddd;}
div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table tbody th:first-child{border-left:0;}
div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table tbody td:last-child{border-right:0;}
div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table tbody tr:last-child th,
div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table tbody tr:last-child td{border-bottom:0;}


/* write */
div.bbs-wrap section.board.write div.write-top{border:2px solid #ddd; background:#f9f9f9; padding:2rem 3rem; border-radius:2rem; margin-bottom:1rem;}
div.bbs-wrap section.board.write div.write-top div.form div.form-item:last-child{border-bottom:0;}
div.bbs-wrap section.board.write div.write-top div.form div.form-item.tit div.con input[type="text"]{width:100%; margin-bottom:0.5rem;}


/* 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; gap:3rem 0;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li{width:22%; margin-right:4%;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li:nth-child(4n){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{width:100%; height:22rem; margin-bottom:1rem; position:relative; border-radius:1.5rem; overflow:hidden;  transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.thumb:after{content:''; display:block; width:100%; height:100%; background:#000; opacity:.05; position:absolute; top:0; left:0; transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.thumb img{display:block; width:100%; height:100%; object-fit:cover; transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.thumb span.new{display:inline-block; width:1.8rem; height:1.8rem; line-height:1.8rem; text-align:center; background:var(--color-main03); color:#fff; font-size:0.75rem; border-radius:50%; font-family:'NanumNeo_EB',sans-serif; box-shadow:0 5px 20px var(--color-main03-20); position:absolute; right:1rem; top:1rem; z-index:3;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label{padding:0 1rem; width:100%;  transition:0.3s; -webkit-transition:0.3s;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label p.tit{text-align:center; font-family:'NanumNeo_B',sans-serif; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
div.bbs-wrap section.board.list.gallery ul.gallery-list li a.tit.disabled {pointer-events: none; cursor: default;}
@media(hover:hover){
	div.bbs-wrap section.board.list.gallery ul.gallery-list li:hover a div.thumb{box-shadow:0 15px 30px rgba(0,0,0,0.2);}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li:hover a div.thumb:after{opacity:.6;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li:hover a div.thumb img{transform:scale(1.1);}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li:hover a div.label{color:#fff; transform:translateY(-4rem);}
}


@media screen and (max-width:1600px){
	
	/* gallery*/
	div.bbs-wrap section.board.list.gallery ul.gallery-list li{width:24%; margin-right:1.333%;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.thumb{height:18rem;}

}

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

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

	/* search */
	div.search-wrap{padding:3rem;}

	/* list */
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit a{max-width:25rem;}
	
	/* view */
	div.bbs-wrap section.board.view{width:100%;}

	/* gallery */
	div.bbs-wrap section.board.list.gallery ul.gallery-list li{width:31%; margin-right:3.5%;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li:nth-child(4n){margin-right:3.5%;}
	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 div.thumb span.new{width:1.5rem; height:1.5rem; line-height:1.5rem; font-size:0.65rem; top:0.8rem; right:0.8rem;}

}

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

	/* write */
	div.bbs-wrap section.board.write div.write-top{padding:1.5rem;}

	/* list */
	div.bbs-wrap section.board.list table.bbs-table thead th{font-size:1rem; padding:1rem 0.5rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td{padding:1rem 0.5rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit a{max-width:16rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody tr.reply td.tit span.reply{font-size:0.8rem; padding:0.2rem 0.4rem;}
	
	/* gallery */
	div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.thumb{height:15rem; border-radius:1rem;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label{padding:0 0.5rem;}
}

@media screen and (max-width:800px){
	
	/* util */
	div.bbs-wrap div.bbs-util div.total{font-size:0.9rem;}

	/* search */
	div.search-wrap{padding:2.5rem 3rem;}
	div.search-wrap div.search{font-size:1rem;}
	div.search-wrap div.category{margin-top:1.5rem;}
	div.search-wrap div.category ul li{font-size:0.9rem; border-radius:5px;}
	div.search-wrap div.category ul li a{padding:0.3rem 0.6rem;}

	/* pagination */
	div.pagination ul{gap:2px;}
	
	/* 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 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','NanumNeo_B',sans-serif; color:#ccc;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.cate{margin-bottom:0.125rem; color:var(--color-main01); font-size:0.85rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit{width:100%; margin-bottom:0.65rem; font-size:1.125rem;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.tit a{max-width:74%;}
	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.writer{font-size:0.8rem; padding-right:0.7rem; margin-right:0.7rem; position:relative; color:#afafaf;}
	div.bbs-wrap section.board.list table.bbs-table tbody td.writer: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.date{font-size:0.8rem; 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.8rem; 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;}

	/* 채용공고 리스트 */
	div.bbs-wrap section.board.list table.bbs-table.job tbody td.tit{font-size:1.25rem; order:1;}
	div.bbs-wrap section.board.list table.bbs-table.job tbody td.info{margin-right:1rem;font-family:'NanumNeo_B',sans-serif; order:2; margin-top:0.25rem;}
	div.bbs-wrap section.board.list table.bbs-table.job tbody td.info:before{content:attr(data-th); display:inline-block;font-family:'NanumNeo_R',sans-serif;}

	/* gallery */
	div.bbs-wrap section.board.list.gallery ul.gallery-list{justify-content:space-between; gap:2.5rem 0;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li{width:48%; margin-right:0 !important;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.thumb{margin-bottom:0.5rem;}


}

@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;}

	/* write */
	div.bbs-wrap section.board.write div.write-top{padding:0; border-radius:0; border:0; background:#fff;}
	
	/* 채용공고 view */
	div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf{border-radius:0.5rem;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf p.inf-t{font-size:1rem; padding:0.65rem;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table{font-size:0.9rem;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table th{padding:0.5rem;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table td{padding:0.5rem;}

}

@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/img/ico_search.svg")center/40% 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;}

	/* 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;}

	/* pagination */
	div.pagination{margin-top:2rem;}
	div.pagination ul li{width:2.2rem; height:2.2rem; line-height:2.2rem; font-size:0.9rem;}

	/* 채용공고 view */
	div.bbs-wrap section.board.view.recruit div.viewer div.view-top div.util{padding:1rem;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-top div.util ul.info > li{width:100%; display:flex; gap:0.5rem; margin:0; margin-bottom:0.6rem; align-items:center;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-top div.util ul.info > li:last-child{margin:0; margin-bottom:0;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-top div.util ul.info > li span.lab{font-size:0.8rem; min-width:4.5rem; padding:0.3rem; text-align:center; margin:0;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table{display:block; width:100%; font-size:0.8rem;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table tbody{display:block; width:100%;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table tbody tr{width:100%; display:inline-table;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table tbody th{padding:0.35rem; display:inline-block; width:30%; border:0; border-top:1px solid #ddd;}
	div.bbs-wrap section.board.view.recruit div.viewer div.view-cont section.recruit-inf table.inf-table tbody td{padding:0.35rem; padding-left:0.65rem; display:inline-block; width:70%; border:0; border-top:1px solid #ddd;}

}

@media screen and (max-width:400px){
	
	/* gallery */
	div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.thumb{height:13rem;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label{padding:0;}
	div.bbs-wrap section.board.list.gallery ul.gallery-list li a div.label p.tit{font-size:0.9rem;}
}

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